-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (100 loc) · 5.25 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta charset='UTF-8'>
<title>Paws ⁓ Dynamic, Asynchronous Programming</title>
<script type="text/javascript">
(function() { var config = { kitId: 'uqi0bjg',
scriptTimeout: 3000 };
var h=document.getElementsByTagName("html")[0];h.className+=" wf-loading";var t=setTimeout(function(){h.className=h.className.replace(/(\s|^)wf-loading(\s|$)/g," ");h.className+=" wf-inactive"},config.scriptTimeout);var tk=document.createElement("script"),d=false;tk.src='//use.typekit.net/'+config.kitId+'.js';tk.type="text/javascript";tk.async="true";tk.onload=tk.onreadystatechange=function(){var a=this.readyState;if(d||a&&a!="complete"&&a!="loaded")return;d=true;clearTimeout(t);try{Typekit.load(config)}catch(b){}};var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(tk,s)
})();
</script>
<link rel="copyright" href="http://creativecommons.org/licenses/by-sa/3.0/" type="text/html;charset=utf-8">
<!-- For the purposes of load-times, I serialized a few external resources into this document directly. -->
<!-- <link rel="stylesheet" type="text/css;charset=utf-8"
href="http://resources.yreality.net/Design/960/reset.css"/> -->
<!-- <link rel="stylesheet" type="text/css"
href="http://resources.yreality.net/Design/html5.css"/> -->
<style>
<![CDATA[
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
article, aside, header, footer, section, nav, dialog, figure { display:block; }
]]>
</style>
<style>
body {
width: 35em;
margin: 3em auto;
background-color: #eff8f8; }
body > header {
width: 100%;
height: 20em;
background: url(./bg.jpg) no-repeat center center;
-webkit-perspective: 350;
-webkit-border-radius: 5px; -moz-border-radius: 5px;
-webkit-box-shadow: rgba(0,0,0,0.25) 0px 5px 7px; -moz-box-shadow: rgba(0,0,0,0.1) 0px 5px 7px;
position: relative;
text-align: center; }
.wf-loading body > header > * { visibility: hidden }
.wf-active body > header > * { visibility: show }
body > header > h1 {
margin: 0px;
padding: 0.2em 0px;
/* background: rgba(0,0,0,0.75); */
color: transparent;
-webkit-transform: rotate(-0.00rad) rotateX(-0.50rad) skewX(-0.050rad) skewY(-0.100rad);
-moz-transform: rotate(6.5deg);
text-shadow: /* rgba(210,0,8,0.15) 0 0 10px, */
rgba(105,210,231,1) 0 4px 3px,
rgba(39,190,220,1) 0 9px 3px,
rgba(39,190,220,1) 0 12px 1px,
rgba(0,0,0,0.2) 0 14px 5px,
rgba(0,0,0,0.4) 0 20px 10px;
font-family: "metalista-web", "Helvetica Neue", Arial, sans-serif;
letter-spacing: -0.02em;
font-size: 1250%; }
body > header > ul {
margin: 0px;
padding: 0.5em 0px;
width: 35em;
display: block;
color: white;
background: rgba(0,0,0,0.65);
-webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 5px;
position: absolute;
bottom: 0px;
}
body > header > ul li {
font-family: "anisette-petite", "Helvetica Neue", Arial, sans-serif;
font-weight: 300;
font-size: 165%;
display: inline;
margin-right: 1.25em;
}
body > header > ul li.emphasis { font-weight: 600; }
body > header > ul li:last-child { margin-right: 0px; }
body > header > ul li:after { content: '.'; }
body > header #credit {
opacity: 0.33;
-webkit-transition: opacity 0.25s cubic-bezier(0.215,0.61,0.355,1);
font-family: "catwing", Garamond, Baskerville, "Hoefler Text", "Times New Roman", serif;
font-size: 75%;
position: absolute;
top: -1.25em;
right: 0.5em; }
body > header #credit:hover {
opacity: 0.65 }
body > header #credit a { text-decoration: none; }
body > header #credit a:hover { text-decoration: underline; }
a { color: #FA6900 }
a:visited { color: #7a5a4f }
</style>
</head>
<body>
<header>
<h1>Paws</h1>
<ul id='subhead'><li>Concurrent</li><li class='emphasis'>Asynchronous</li><li>Dynamic</li></ul>
<aside id='credit'>R.I.P,
<a href="http://flickr.com/photos/elliottcable/sets/72157627206121442">Tucker</a></aside>
</header>
</body>
</html>