-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (112 loc) · 22.2 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
121
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!--====================================== So you found something you liked?
ooooooooo. o8o . o8o
`888 `Y88. `"' .o8 `"'
888 .d88' oooo .ooooo. .o888oo .ooooo. oooo d8b oooo .ooooo.
888ooo88P' `888 d88' `88b 888 d88' `88b `888""8P `888 d88' `88b
888 888 888ooo888 888 888ooo888 888 888 888 888
888 888 888 .o 888 . 888 .o 888 .o. 888 888 888
o888o o888o `Y8bod8P' "888" `Y8bod8P' d888b Y8P o888o `Y8bod8P'
============================ https://github.com/pieterv/pieter.io -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Pieter Vanderwerff | JavaScript and Stuff</title>
<meta name="description" content="Pieter Vanderwerff an interface developer from Wellington, NZ. I specialise in crafting JavaScript applications, I can speak for design and have a background in 3D visualisation">
<meta name="viewport" content="width=device-width">
<link href='http://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'>
<style>*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
::-moz-selection{background:#fe57a1;color:#fff;text-shadow:none;}
::selection{background:#fe57a1;color:#fff;text-shadow:none;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:100%;font-family:Cambria,Georgia,serif;color:#2b1e0d;background-color:#f8f7f1;}
body{margin:0;font-size:1em;line-height:1.4;background-color:#f8f7f1;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
.chromeframe{margin:0.2em 0;background:#ccc;color:black;padding:0.2em 0;}
p{text-shadow:-1px -1px 1px rgba(255, 255, 255, 0.75);margin:0 0 1em 0;}p a{color:#2b1e0d;font-weight:bold;-webkit-transition:color 0.3s ease-in;-moz-transition:color 0.3s ease-in;-ms-transition:color 0.3s ease-in;-o-transition:color 0.3s ease-in;transition:color 0.3s ease-in;}
a{color:#00e;text-decoration:none;}
a:hover{color:#06e;}
a:focus{outline:thin dotted;}
a:hover,a:active{outline:0;}
ul,ol{margin:1em 0;padding:0 0 0 40px;}
h1,h2,h3{margin:0;padding:0;font-weight:normal;font-family:'Cuprum',Arial,sans-serif;}
header{height:100px;position:relative;width:480px;margin:0 auto 1.5em;}@media (max-width:768px){header{height:70px;margin-bottom:5px;}}header:before{content:'';display:block;width:355px;height:72px;position:absolute;top:0;left:-35px;background:transparent url(data:image/png;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCABIAWMDAREAAhEBAxEB/8QAGQABAQEBAQEAAAAAAAAAAAAAAAECAwQI/8QAHxABAQEBAAMAAwEBAAAAAAAAAAECEQMSEyExUUFh/8QAFwEBAQEBAAAAAAAAAAAAAAAAAAECA//EABcRAQEBAQAAAAAAAAAAAAAAAAARARL/2gAMAwEAAhEDEQA/APpryZ/2OW405sjOvwg53SKzaggICgAAAcBAOAcA4BwAADgHAAOAcBOAAcAQFBABvEXBtUQUEBQAAQA4DecrmDrnLQ6RpFBQY145f0kVi+OpBw3jWb+mNxWOIHAOAAAcBAUADgHKB63+AetUPWoHASgAAAcABAAAAAOA6ZnIuCqAggAnAABQRrOVHbGWsHSRUVQBQAATWZYbg468f5/TMVn5RIJ8L/iclT4bOSp8NnJT5UinzIL84QPTJBfWfwQ5FDkA4ABZKgzcfwisXNiCIHAQAAAADgHKDWcf1YNqAAgCAAIAEijrjK4OsjSNKAKAAAAAByAAAAnICXGaQS+KJFYvisSDPEEAAAAABOAlxEgxcWJFZsA5UCZqjUxSCzxkFmYsReAAAAAgAAAAEB2w1g6RpFBYAAAAAAAAAAAAAADl5M8vWdVhAABAAAAAATkA5EDiiggCAoIAIAAAKCAICwHTFXB0laReqNAAAAAAAAAAAAAAAz5J3KaOLKgAAAAICggAAAAAAAIAAAgAAgAAALKo1NFHXEv7axG1AAAAAAAAAAAAAACzsBws5WFQAAAAAAAAAAFmNVYNfKkD5Ugny0QS+PRBPW/xIJ60DgJwAABAAUEGvHi2/wDFzB6JONoAAAAAAAAAAAAAAAAzrEpBi+OxmKzc2AiAAAAAByg1nx2rB0mJGojQAAAAAHICes/hBPTJBPllIqfGEE+KQS+KkE+eiCzxXv5IOucyTjSKAAAAAAAAAAAAAAAAAABwEuM0gzfFEis3x1IM+miB6aINzx3/AFYNzMixFAAAAAAAAAAAAAAAAAAAAB//2Q==) no-repeat 0 0;}
header a{position:absolute;left:0;bottom:0;}@media (max-width:768px){header a{left:10px;}}
header h1{text-shadow:-1px -1px 1px rgba(255, 255, 255, 0.75);font-size:2.2em;line-height:1em;color:#463018;text-transform:uppercase;}
header h2{font-size:1em;color:#463018;text-align:right;margin-top:-4px;}
header .home{position:absolute;left:100%;top:0;opacity:0;color:#d8d3c0;text-transform:uppercase;font-size:12px;line-height:16px;padding-left:2em;background-position:9px 0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-ms-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;}
header a:hover .home{opacity:1;}
section{position:relative;width:480px;margin:0 auto 40px;padding:10px;}section .intro{font-size:1.2em;margin-bottom:2.5em;}@media (max-width:768px){section .intro{margin-bottom:30px;}}
section .contacts{list-style:none;margin:0;}section .contacts li{clear:both;margin-bottom:3.5em;position:relative;opacity:0;top:-15px;}.ready section .contacts li{opacity:1;top:0px;}
section .contacts li:nth-child( 1 ){-webkit-transition:all 0.7s ease-out 0.7s;-moz-transition:all 0.7s ease-out 0.7s;-ms-transition:all 0.7s ease-out 0.7s;-o-transition:all 0.7s ease-out 0.7s;transition:all 0.7s ease-out 0.7s;}
section .contacts li:nth-child( 2 ){-webkit-transition:all 0.7s ease-out 1.15s;-moz-transition:all 0.7s ease-out 1.15s;-ms-transition:all 0.7s ease-out 1.15s;-o-transition:all 0.7s ease-out 1.15s;transition:all 0.7s ease-out 1.15s;}
section .contacts li:nth-child( 3 ){-webkit-transition:all 0.7s ease-out 1.6s;-moz-transition:all 0.7s ease-out 1.6s;-ms-transition:all 0.7s ease-out 1.6s;-o-transition:all 0.7s ease-out 1.6s;transition:all 0.7s ease-out 1.6s;}
section .contacts li:nth-child( 4 ){-webkit-transition:all 0.7s ease-out 2.05s;-moz-transition:all 0.7s ease-out 2.05s;-ms-transition:all 0.7s ease-out 2.05s;-o-transition:all 0.7s ease-out 2.05s;transition:all 0.7s ease-out 2.05s;}
@media (max-width:768px){section .contacts li{margin-bottom:2.5em;}}section .contacts li.small{margin-bottom:1.5em;}@media (max-width:768px){section .contacts li.small{margin-bottom:1.0em;}}section .contacts li.small .button{position:absolute;left:157px;top:4px;}
section .contacts img{border:10px solid #fff;-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.11);-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.11);box-shadow:0 0 5px rgba(0, 0, 0, 0.11);float:left;margin-right:1em;margin-top:-8px;-webkit-transition:border 0.3s ease-in;-moz-transition:border 0.3s ease-in;-ms-transition:border 0.3s ease-in;-o-transition:border 0.3s ease-in;transition:border 0.3s ease-in;}
section .contacts a:hover img{border:10px solid #e4efff;}
section .contacts h3{font-size:24px;float:left;padding-right:0.3em;}
section .contacts p.more{line-height:24px;margin-bottom:0.4em;padding-top:5px;}section .contacts p.more a{font-weight:normal;}
section .contacts .button{width:150px;}
.button{position:relative;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-background-clip:padding-box;display:inline-block;line-height:1px;-webkit-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.25);-moz-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.25);box-shadow:2px 2px 5px rgba(0, 0, 0, 0.25);-webkit-transition:background-color 0.3s ease-in;-moz-transition:background-color 0.3s ease-in;-ms-transition:background-color 0.3s ease-in;-o-transition:background-color 0.3s ease-in;transition:background-color 0.3s ease-in;}.button:active{-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.15);box-shadow:1px 1px 3px rgba(0, 0, 0, 0.15);}
.button a.button_inner{font-family:'Cuprum',Arial,sans-serif;text-transform:uppercase;color:#ebe7ce;text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.37);border-top:1px solid rgba(255, 255, 255, 0.4);line-height:14px;font-size:14px;padding:6px 12px 2px;display:inline-block;width:100%;}
.button_red{border:1px solid #c31e0e;background:-webkit-linear-gradient(top, rgba(255, 73, 36, 0) 0%, #e14924 100%);background:-moz-linear-gradient(top, rgba(255, 73, 36, 0) 0%, #e14924 100%);background:-ms-linear-gradient(top, rgba(255, 73, 36, 0) 0%, #e14924 100%);background:-o-linear-gradient(top, rgba(255, 73, 36, 0) 0%, #e14924 100%);background:linear-gradient(top, rgba(255, 73, 36, 0) 0%, #e14924 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff4924', endColorstr='#ffe14924', GradientType=0);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff4924',endColorstr='#ffe14924',GradientType=0);background-color:#e33123;}.button_red:hover{background-color:#F19953;}
.button_red:active{background:-webkit-linear-gradient(top, #c63d1b 0%, #c9261a 100%);background:-moz-linear-gradient(top, #c63d1b 0%, #c9261a 100%);background:-ms-linear-gradient(top, #c63d1b 0%, #c9261a 100%);background:-o-linear-gradient(top, #c63d1b 0%, #c9261a 100%);background:linear-gradient(top, #c63d1b 0%, #c9261a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc63d1b', endColorstr='#ffc9261a', GradientType=0);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc63d1b',endColorstr='#ffc9261a',GradientType=0);}.button_red:active a.button_inner{border-top:1px solid transparent;}
.button_blue{border:1px solid #077864;background:-webkit-linear-gradient(top, rgba(21, 158, 137, 0) 0%, #48ad99 100%);background:-moz-linear-gradient(top, rgba(21, 158, 137, 0) 0%, #48ad99 100%);background:-ms-linear-gradient(top, rgba(21, 158, 137, 0) 0%, #48ad99 100%);background:-o-linear-gradient(top, rgba(21, 158, 137, 0) 0%, #48ad99 100%);background:linear-gradient(top, rgba(21, 158, 137, 0) 0%, #48ad99 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00159e89', endColorstr='#ff48ad99', GradientType=0);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00159e89',endColorstr='#ff48ad99',GradientType=0);background-color:#159e89;}.button_blue:hover{background-color:#6dc4bd;}
.button_blue:active{background-color:#69aba6;}.button_blue:active a.button_inner{border-top:1px solid transparent;}
.button_left a.button_inner:before,.button_right a.button_inner:before{display:block;content:'';height:15px;width:15px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;position:absolute;left:3px;top:50%;margin-top:-7px;background-repeat:no-repeat;background-position:4px 4px;-webkit-box-shadow:inset -1px -1px 0 rgba(255, 255, 255, 0.5) , -1px -1px 0 rgba(85, 62, 20, 0.26);-moz-box-shadow:inset -1px -1px 0 rgba(255, 255, 255, 0.5) , -1px -1px 0 rgba(85, 62, 20, 0.26);box-shadow:inset -1px -1px 0 rgba(255, 255, 255, 0.5) , -1px -1px 0 rgba(85, 62, 20, 0.26);}
.button_left:active a.button_inner:before,.button_right:active a.button_inner:before{-webkit-box-shadow:0 0 0 transparent;-moz-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;}
.button_right{-webkit-border-radius:6px 15px 15px 6px;-moz-border-radius:6px 15px 15px 6px;border-radius:6px 15px 15px 6px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}.button_right a.button_inner:last-child{padding-right:25px;}
.button_right a.button_inner:before{right:3px;left:auto;background-position:6px 4px;}
.button_right.button_red a.button_inner:before{background-color:#ead1b7;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAYAAADaxo44AAAAnklEQVQIW2M4LMf3G4TduFn5GBgYmBlg4Ig8/9ULauI/D8nzP9dhZxYDCjGBJXIFOQSAOv6cVxf7uV2Wbw9QiBeIGUFyTLvl+Bac1xT/eURR4EuJEIcHUIyNAaia87A83+/zOuI/18vyHQUKGgAxN8NRRYEr5/XEfxxQ4H/Jz8ToAhRUhugAqgZhASZGW6CANrIdHEAsC8QqQCwIcxUAIREoZnf6CSUAAAAASUVORK5CYII=);}
.button_right.button_blue a.button_inner:before{background-color:#d3dac0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAYAAADaxo44AAAAlUlEQVR42k2OMQqDQBBFNZqgpDFGVxsRZDs7SZnCq3iAsJr0Iq5ibw4ieBzBysI6XWRTZBZ08cNv/p83MxJItylhdpUyi5KjtJOHSjLgNv+iOpv2ZaCYRgzUj5dOnXVbYYJv12fS43e+uM3rA1TIC011rWglFkRJLwhUPMY1nPV7dBY3+DTg7IR9vlYWX4Ex+AI+bOEfT+Urq0Mu3TIAAAAASUVORK5CYII=);}
.icon_house{padding-left:15px;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAsUlEQVR42o3QsQpBYRjG8ZNyCSaZlcV9mGRwEeqkREpuQFldgJDJiZGJsxotDBKT1WZ7/Y/OqafOd+oMv/p63vcZ3s8zs5Tr5VhDFQVUUEpmruUytpijgRBTLehyHWdY7A3DIVUgbOIFc9ibFgh8fGEZPhj9CzwmsJxmniN84oQQD5iKCi3cJByjGOtLfkc7uWEhg558REfyjR69lMFACn5WYZWjEGhhLYOhFLqS76LsB4xvwkeYgb4hAAAAAElFTkSuQmCC) no-repeat 0 0;}
</style>
</head>
<body>
<header>
<a href="/" title="I'm afraid you are already home">
<h1>Pieter Vanderwerff</h1>
<h2 class="tagline">JavaScript and Stuff..</h2>
<span class="home icon_house">Home</span>
</a>
</header>
<section role="main">
<p class="intro">
Hi! I’m an interface developer from Wellington, NZ who works for <a href="http://heyday.co.nz/" title="Heyday!">Heyday! Digital</a>. I specialise in crafting JavaScript applications, I can speak for design and have a background in 3D visualisation.</p>
<ul class="contacts">
<li>
<a href="mailto:[email protected]" title="My email address">
<img src="data:image/png;base64,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" alt="Pieter Vanderwerff" />
</a>
<h3>Email</h3>
<p class="more"><a href="mailto:[email protected]" title="My email address">[email protected]</a></p>
<div class="button button_red button_right"><a href="mailto:[email protected]" class="button_inner" title="Email me">Send me an email</a></div>
</li>
<li>
<a href="https://github.com/pieterv" title="Where all the fun happens">
<img src="data:image/png;base64,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" alt="Pieter Vanderwerff" />
</a>
<h3>Github</h3>
<p class="more"><a href="https://github.com/pieterv" title="Where all the fun happens">Fork me and the like.</a></p>
<div class="button button_red button_right"><a href="https://github.com/pieterv" class="button_inner" title="Where all the fun happens">My Github profile</a></div>
</li>
<li class="small">
<h3>Twitter</h3>
<p class="more"><a href="https://twitter.com/#!/_pieterv" title="Me but on twitter">@_pieterv</a></p>
<div class="button button_blue button_right"><a href="https://twitter.com/#!/_pieterv" class="button_inner" title="Seriously, because there aren't many">Find my tweets</a></div>
</li>
<li class="small">
<h3>Linkedin</h3>
<p class="more"></p>
<div class="button button_blue button_right"><a href="http://www.linkedin.com/pub/pieter-vanderwerff/38/902/73a" class="button_inner" title="-->">Join my network</a></div>
</li>
</ul>
</section>
<script> ( document.documentElement ).className += ' ready'; </script>
</body>
</html>