-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (111 loc) · 5.3 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
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html>
<head>
<title>westin lohne</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=0" />
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="paper-full.min.js"></script>
<script type="text/paperscript" src="animation.js" canvas="background"></script>
<script src="//use.typekit.net/tlf2pwb.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body>
<div id="container">
<div id="content" style="display:none;">
<div id="title">
<canvas id="westin" height="46px" width="228px"></canvas>
<h1>Westin Lohne</h1>
<h2>Product Designer</h2>
</div>
<div id="description">
<p>I'm a <span class="highlight">20 year old</span> student attending <span class="highlight">Carnegie Mellon University</span> studying <span class="highlight">Human-Computer Interaction</span>.
<br>
<br>Last summer, I interned at <span class="highlight">Etsy as a UX Researcher</span>. This summer, I'll intern at <span class="highlight">Facebook as a Product Designer</span>.</p>
</div>
<div id="links">
<ul>
<li id="facebook">
<a target='_blank' href="https://www.facebook.com/lohne">
<img src="icons/f.svg">
</a>
</li>
<li id="twitter">
<a target='_blank' href="https://twitter.com/westinlohne">
<img src="icons/t.svg">
</a>
<li id="instagram">
<a target='_blank' href="http://instagram.com/westinlohne/">
<img src="icons/i.svg">
</a>
</li>
<li id="github">
<a target='_blank' href="https://github.com/westin/">
<img src="icons/g.svg">
</a>
</li>
<li id="email">
<script type="text/javascript" language="javascript">
<!--
// Email obfuscator script 2.1 by Tim Williams, University of Arizona
// Random encryption key feature by Andrew Moulden, Site Engineering Ltd
// This code is freeware provided these four comment lines remain intact
// A wizard to generate this code is at http://www.jottings.com/obfuscator/
{ coded = "[email protected]"
key = "qn3cYOPThZuGWDgkzAVQHM8LmSw0oCXatl756yK1bEvFxId4Nirf9pURJj2seB"
shift=coded.length
link=""
for (i=0; i<coded.length; i++) {
if (key.indexOf(coded.charAt(i))==-1) {
ltr = coded.charAt(i)
link += (ltr)
}
else {
ltr = (key.indexOf(coded.charAt(i))-shift+key.length) % key.length
link += (key.charAt(ltr))
}
}
document.write("<a target='_blank' href='mailto:"+link+"'><img src='icons/email.svg'></a>")
}
//-->
</script>
</li>
</ul>
</div>
</div>
<div id="noise"></div>
<div id="gradients"></div>
<canvas id="background" hidpi="on" resize="true" keepalive="true"></canvas>
</div>
<script>
(function() {
var headerCanvas = document.getElementById("westin");
var headerContext = headerCanvas.getContext('2d');
if (window.devicePixelRatio) {
var headerCanvasWidth = parseInt(headerCanvas.getAttribute('width'));
var headerCanvasHeight = parseInt(headerCanvas.getAttribute('height'));
var headerCanvasCssWidth = headerCanvasWidth;
var headerCanvasCssHeight = headerCanvasHeight;
headerCanvas.setAttribute("width", headerCanvasWidth * window.devicePixelRatio);
headerCanvas.setAttribute("height", headerCanvasHeight * window.devicePixelRatio);
headerCanvas.style.width = headerCanvasCssWidth + 'px';
headerCanvas.style.height = headerCanvasCssHeight + 'px';
headerContext.scale(window.devicePixelRatio, window.devicePixelRatio);
}
headerContext.font = "Bold 2em 'Helvetica'";
headerContext.fillStyle = "white";
headerContext.fillRect(0, 0, 230, 50);
headerContext.globalCompositeOperation = 'destination-out';
headerContext.fillText("Westin Lohne", 10, 34);
})();
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-7081523-18', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>