-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (146 loc) · 8.61 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Zeb Burke-Conte</title>
<meta name="author" content="Zeb Burke-Conte">
<link href='https://fonts.googleapis.com/css?family=Philosopher:700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/main.css" type='text/css'>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="js/snap.svg.js" charset="utf-8"></script>
<script src="js/bezier-easing.js" charset="utf-8"></script>
<script src="js/howler.js" charset="utf-8"></script>
</head>
<body>
<div id="sky"></div>
<svg id="sun" viewBox="0 0 200 100" preserveAspectRatio="xMidYMid slice">
<circle cx="100" cy="50" r="10" fill="#fece02"></circle>
</svg>
<svg id="stars" viewBox="0 0 200 100" preserveAspectRatio="xMidYMid slice"></svg>
<svg id="dipper" viewBox="65 5 65 80" preserveAspectRatio="xMidYMid meet">
<polyline stroke="#b2aca5" stroke-dasharray="80" stroke-dashoffset="80" stroke-width="0.7" fill="none" opacity="0.5" points="73,30,88,35,93,43,100,52,98,62,113,70,121,61">
</polyline>
<g transform="translate(73, 30)">
<g width="20" height="4.5" transform="translate(-10, -7)" opacity="0">
<polygon points="8,4 10,5.5 12,4" fill="#333333"></polygon>
<rect width="13" x="3.5" height="4.5" stroke-width="3px" fill="#333333" rx="1" ry="1"/>
<text width="20" height="4.5" x="10" y="2.4" dominant-baseline="middle" text-anchor="middle" font-size="2.5" font-family="Muli" fill="whitesmoke">About Me</text>
</g>
<a href="/#about-me" xlink:href="/#about-me">
<circle opacity="0" fill="#fdfdfd" r="1.4"></circle>
</a>
</g>
<g transform="translate(88, 35)">
<g width="20" height="4.5" transform="translate(-10, -7)" opacity="0">
<polygon points="8,4 10,5.5 12,4" fill="#333333"></polygon>
<rect width="11" x="4.5" height="4.5" stroke-width="3px" fill="#333333" rx="1" ry="1"/>
<text width="20" height="4.5" x="10" y="2.4" dominant-baseline="middle" text-anchor="middle" font-size="2.5" font-family="Muli" fill="whitesmoke">Projects</text>
</g>
<a href="/#projects" xlink:href="/#projects">
<circle opacity="0" fill="#fdfdfd" data-tooltip="Projects" r="1.4"></circle>
</a>
</g>
<g transform="translate(93, 43)">
<g width="20" height="4.5" transform="translate(-10, -7)" opacity="0">
<polygon points="8,4 10,5.5 12,4" fill="#333333"></polygon>
<rect width="8" x="6" height="4.5" stroke-width="3px" fill="#333333" rx="1" ry="1"/>
<text width="20" height="4.5" x="10" y="2.4" dominant-baseline="middle" text-anchor="middle" font-size="2.5" font-family="Muli" fill="whitesmoke">Email</text>
</g>
<a href="mailto:[email protected]" xlink:href="mailto:[email protected]" target="_blank">
<circle opacity="0" fill="#fdfdfd" data-tooltip="Email" r="1.4"></circle>
</a>
</g>
<g transform="translate(100, 52)">
<g width="20" height="4.5" transform="translate(-10, -7)" opacity="0">
<polygon points="8,4 10,5.5 12,4" fill="#333333"></polygon>
<rect width="10" x="5" height="4.5" stroke-width="3px" fill="#333333" rx="1" ry="1"/>
<text width="20" height="4.5" x="10" y="2.4" dominant-baseline="middle" text-anchor="middle" font-size="2.5" font-family="Muli" fill="whitesmoke">GitHub</text>
</g>
<a href="http://www.github.com/zmbc" xlink:href="http://www.github.com/zmbc" target="_blank">
<circle opacity="0" fill="#fdfdfd" data-tooltip="GitHub" r="1.4">
</circle>
</a>
</g>
<g transform="translate(98, 62)">
<g width="20" height="4.5" transform="translate(-10, -7)" opacity="0">
<polygon points="8,4 10,5.5 12,4" fill="#333333"></polygon>
<rect width="10" x="5" height="4.5" stroke-width="3px" fill="#333333" rx="1" ry="1"/>
<text width="20" height="4.5" x="10" y="2.4" dominant-baseline="middle" text-anchor="middle" font-size="2.5" font-family="Muli" fill="whitesmoke">LinkedIn</text>
</g>
<a href="https://www.linkedin.com/in/zeb-burke-conte-49755611b/" xlink:href="https://www.linkedin.com/in/zeb-burke-conte-49755611b/" target="_blank">
<circle opacity="0" fill="#fdfdfd" data-tooltip="LinkedIn" r="1.4">
</circle>
</a>
</g>
<g transform="translate(113, 70)">
<g width="20" height="4.5" transform="translate(-10, -7)" opacity="0">
<polygon points="8,4 10,5.5 12,4" fill="#333333"></polygon>
<rect width="10" x="5" height="4.5" stroke-width="3px" fill="#333333" rx="1" ry="1"/>
<text width="20" height="4.5" x="10" y="2.4" dominant-baseline="middle" text-anchor="middle" font-size="2.5" font-family="Muli" fill="whitesmoke">Credits</text>
</g>
<a href="/#credits" xlink:href="/#credits">
<circle opacity="0" fill="#fdfdfd" data-tooltip="Credits" r="1.4"></circle>
</a>
</g>
<g transform="translate(121, 61)">
<g width="20" height="4.5" transform="translate(-10, -7)" opacity="0">
<polygon points="8,4 10,5.5 12,4" fill="#333333"></polygon>
<rect width="16" x="2" height="4.5" stroke-width="3px" fill="#333333" rx="1" ry="1"/>
<text width="20" height="4.5" x="10" y="2.4" dominant-baseline="middle" text-anchor="middle" font-size="2.5" font-family="Muli" fill="whitesmoke">Source Code</text>
</g>
<a href="http://www.github.com/zmbc/zmbc.github.io" xlink:href="http://www.github.com/zmbc/zmbc.github.io" target="_blank">
<circle opacity="0" fill="#fdfdfd" data-tooltip="Source Code" r="1.4"></circle>
</a>
</g>
</svg>
<h1 id="title" style="opacity:0">Zeb Burke-Conte</h1>
<div id="pages-container" style='display:none'>
<div id="about-me" class="page" style='display:none'>
<a href="/#" style="position:absolute;right:30px">Close</a>
<h1>About Me</h1>
<p>Hi! My name's Zeb, and I use he/him pronouns. I'm a basketball fan, an avid reader, a software developer, an amateur philosopher, a data enthusiast, and a history nerd. I like going on super long walks, whether or not they are on the beach. My goal in life is to be a good human. Thanks for stopping by my website!</p>
</div>
<div id="projects" class="page" style='display:none'>
<a href="/#" style="position:absolute;right:30px">Close</a>
<h1>Projects</h1>
<div class="project">
<h2><a href="http://gettingthew.com" target="_blank">Getting The W</a></h2>
<p>A web dashboard for WNBA player impact data. Still a work in progress.</p>
</div>
<div class="project">
<h2><a href="http://zmbc.github.io/soql" target="_blank">soql</a></h2>
<p>An R package that makes it easier to construct queries for the Socrata Open Data API.</p>
</div>
<div class="project">
<h2><a href="https://www.github.com/zmbc/shakespeare" target="_blank">shakespeare</a></h2>
<p>An interpreter for the Shakespeare Programming Language, an esoteric language whose source code looks like Shakespeare plays.</p>
</div>
<div class="project">
<h2><a href="http://joybubblesarchive.com" target="_blank">Joybubbles Archive</a></h2>
<p>An archive for the stories of pioneer phone phreaker Joybubbles.</p>
</div>
<div class="project last-project">
<h2>Personal website</h2>
<p>This site you're on right now!</p>
</div>
</div>
<div id="credits" class="page" style='display:none'>
<a href="/#" style="position:absolute;right:30px">Close</a>
<h1>Credits</h1>
<ul>
<li><a href="http://snapsvg.io/">Snap.svg</a> for most of the SVG creation and manipulation</li>
<li><a href="https://github.com/gre/bezier-easing">bezier-easing</a> for animation timing</li>
<li><a href="http://goldfirestudios.com/blog/104/howler.js-Modern-Web-Audio-Javascript-Library">howler.js</a> for browser audio</li>
<li><a href="https://www.freesound.org/people/InspectorJ/sounds/339326/">Bird Whistling, A.wav</a> by InspectorJ on <a href="https://www.freesound.org/">freesound.org</a></li>
<li><a href="https://www.freesound.org/people/dheming/sounds/194498/">Windy_Night_02B.wav</a> by dheming on <a href="https://www.freesound.org/">freesound.org</a></li>
<li><a href="https://www.freesound.org/people/sazman/sounds/322200/">cricket</a> by sazman on <a href="https://www.freesound.org/">freesound.org</a></li>
</ul>
</div>
</div>
<script src="js/main.js" charset="utf-8"></script>
</body>
</html>