-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
203 lines (185 loc) · 11.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!doctype html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<title>Cody Scott</title>
<meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='apple-mobile-web-app-capable' content='yes'>
<meta name='apple-mobile-web-app-status-bar-style' content='black-translucent'>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,700,400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
<link rel='stylesheet' href='style.css'>
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="/img/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/img/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/img/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/img/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/img/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/img/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/img/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/img/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/img/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/img/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<header class='bg-gradient p2'>
<h1 class='h1 huge center white text-shadow light'>Cody Scott</h1>
<h2 class='h2 mb3 center off-white text-shadow light'>Fullstack Python & JavaScript Developer</h2>
</header>
<!-- Menu/Contact Info -->
<div class='bg-white bbl'>
<ul class='list-reset overflow-auto nowrap m0 cntr p2 center'>
<li class='inline-block m0 mr2'>Email: <span class='gray'>[email protected]</span></li>
<li class='inline-block m0 mr2'>Github: <a href='https://www.github.com/Siecje' class='m0' target='_blank'>Siecje</a></li>
<li class='inline-block m0 mr2'>LinkedIn: <a href='https://www.linkedin.com/pub/cody-scott/49/118/35a' class='m0' target='_blank'>Profile</a></li>
<li class='inline-block m0 mr2'>Resume: <a href='CodyScott_Resume.pdf' class='m0' target='_blank'>PDF</a></li>
</ul>
</div>
<!-- Avatar -->
<div class="cntr p2">
<div class="center">
<img src="/img/avatar.png" alt="Avatar Image">
</div>
</div>
<!-- Description -->
<div class='bbl bg-silver p2'>
<div class='cntr'>
<h3 class='h3 m0 center py2 regular'>I am a Computer Science Graduate with Python and JavaScript experience.</h3>
<p class='gray mt2'>I'm interested in HTTP/2, Server Sent Events, and Responsive Design.</p>
<p class='gray mt2'>If you feel I would be a great fit at your company send me an email.</p>
<div class='relative mx-auto center block'>
<button id='copyEmail' data-clipboard-text='[email protected]' class='button center mb3'>Copy Email to Clipboard</button>
</div>
<div class='outer-form relative mx-auto center block'>
<form id='message' class='copied hide inner-form absolute z102 contact shadow bg-silver bl rounded'>
<p class='m0 px1 py2'>Copied Email Address to Clipboard!</p>
</form>
</div>
</div>
</div>
<!-- Main Timeline -->
<main class='cntr p2'>
<h3 class='h3 center regular mb3'>Open Source Projects</h3>
<div class='relative timeline btl'>
<span class='date-left z102 small-caps bl bg-silver py1 px2 rounded gray light'>Feb 2022</span>
<span class='date-arrow'>
<svg width='20px' height='24px' viewBox='0 0 18 22'>
<g stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'>
<polygon stroke-opacity='0.12' stroke='#314E5F' fill='#F8F9FB' transform='translate(8.866691, 11.422960) rotate(90.000000) translate(-8.866691, -11.422960) ' points='8.44373102 2.9441972 19.7891856 18.9441972 -2.90172352 18.9441972 '></polygon>
</g>
</svg>
</span>
</div>
<div class='relative col col-12 md-col-6 py3 pr2r'>
<img src='img/heatpump-calc.png' class='bl rounded shadow mb2' alt='Heat Pump Cost Calculator Application'>
</div>
<div class='relative col col-12 md-col-6 py2 pl2l'>
<h4 class='h4'>Heat Pump Cost Calculator</h4>
<p>Calculate the cost difference between a heat pump and other heating sources.</p>
<a href='https://siecje.github.io/heatpump-cost/' target='_blank'>View Live Version</a>
<a href='https://github.com/Siecje/heatpump-cost' target='_blank'>View on GitHub</a>
</div>
<div class='cf mb4'></div>
<div class='relative timeline btl'>
<span class='date-left z102 small-caps bl bg-silver py1 px2 rounded gray light'>Oct 2014</span>
<span class='date-arrow'>
<svg width='20px' height='24px' viewBox='0 0 18 22'>
<g stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'>
<polygon stroke-opacity='0.12' stroke='#314E5F' fill='#F8F9FB' transform='translate(8.866691, 11.422960) rotate(90.000000) translate(-8.866691, -11.422960) ' points='8.44373102 2.9441972 19.7891856 18.9441972 -2.90172352 18.9441972 '></polygon>
</g>
</svg>
</span>
</div>
<div class='relative col col-12 md-col-6 py2 pl2l'>
<h4 class='h4'>htmd</h4>
<p>A static site generator that uses markdown and templating.</p>
<p>Built using Flask, Frozen-Flask, Jinja2</p>
<p>Supports authors, blog posts, drafts, minify/pretty formats.</p>
<a href='https://www.github.com/Siecje/htmd' target='_blank'>View on GitHub</a>
</div>
<div class='relative col col-12 md-col-6 py3 pr2r'>
<img src='img/htmd.png' class='bl rounded shadow mb2' alt='Htmd Application'>
</div>
<div class='cf mb4'></div>
<div class='relative timeline btl'>
<span class='date-left z102 small-caps bl bg-silver py1 px2 rounded gray light'>March 2015</span>
<span class='date-arrow'>
<svg width='20px' height='24px' viewBox='0 0 18 22'>
<g stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'>
<polygon stroke-opacity='0.12' stroke='#314E5F' fill='#F8F9FB' transform='translate(8.866691, 11.422960) rotate(90.000000) translate(-8.866691, -11.422960) ' points='8.44373102 2.9441972 19.7891856 18.9441972 -2.90172352 18.9441972 '></polygon>
</g>
</svg>
</span>
</div>
<div class='relative col col-12 md-col-6 py3 pr2r'>
<img src='img/hashword.png' class='bl rounded shadow mb2' alt='Hashword Application'>
</div>
<div class='relative col col-12 md-col-6 py2 pl2l'>
<h4 class='h4'>Hashword</h4>
<p>A Password Manager that requires remembering one password to create unique and random passwords.</p>
<p>Hashword uses NW.js to access the clipboard and act as a desktop application instead of another tab.</p>
<a href='https://www.github.com/Siecje/Hashword' target='_blank'>View on GitHub</a>
</div>
<div class='cf mb4'></div>
<div class='relative timeline btl'>
<span class='date-left z102 small-caps bl bg-silver py1 px2 rounded gray light'>Jan 2015</span>
<span class='date-arrow'>
<svg width='20px' height='24px' viewBox='0 0 18 22'>
<g stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'>
<polygon stroke-opacity='0.12' stroke='#314E5F' fill='#F8F9FB' transform='translate(8.866691, 11.422960) rotate(90.000000) translate(-8.866691, -11.422960) ' points='8.44373102 2.9441972 19.7891856 18.9441972 -2.90172352 18.9441972 '></polygon>
</g>
</svg>
</span>
<span class='date-right z102 small-caps bl bg-silver py1 px2 rounded gray light'>June 2015</span>
</div>
<div class='relative col col-12 md-col-6 py2 pr2r'>
<h4 class='h4'>Genesis</h4>
<p>Bringing 'blogging like a hacker' to everyone. Genesis is a desktop app built for blog authoring in Markdown, live previewing in a browser, and deploying to a CDN, all with the click of a button.</p>
<p>Geneis was built with NW.js, and makes heavy use of the filesystem. It also uses live-server, a websocket based static file server to show users their website and its changes in real time.</p>
<a href='https://www.github.com/Siecje/Genesis' target='_blank'>View on GitHub</a>
</div>
<div class='relative col col-12 md-col-6 py3 pl2l'>
<img src='img/genesis.png' class='bl rounded shadow mb2' alt='Genesis Application'>
</div>
<div class='cf mb4'></div>
<div class='relative timeline btl'>
<span class='date-left z102 small-caps bl bg-silver py1 px2 rounded gray light'>Sep 2013</span>
<span class='date-arrow'>
<svg width='20px' height='24px' viewBox='0 0 18 22'>
<g stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'>
<polygon stroke-opacity='0.12' stroke='#314E5F' fill='#F8F9FB' transform='translate(8.866691, 11.422960) rotate(90.000000) translate(-8.866691, -11.422960) ' points='8.44373102 2.9441972 19.7891856 18.9441972 -2.90172352 18.9441972 '></polygon>
</g>
</svg>
</span>
<span class='date-right z102 small-caps bl bg-silver py1 px2 rounded gray light'>Nov 2013</span>
</div>
<div class='relative col col-12 md-col-6 py3 pr2r'>
<img src='img/due-dates.png' class='bl rounded shadow mb2' alt='Due Dates Website'>
</div>
<div class='relative col col-12 md-col-6 py2 pl2l'>
<h4 class='h4'>Due Dates</h4>
<p>Track assignment due dates and marks.</p>
<p>Due Dates was built using Django, jQuery, Bootstrap and hosted on Heroku.</p>
<a href='https://bitbucket.org/Siecje/due-dates' target='_blank'>View on Bitbucket</a>
</div>
<div class='cf mb4'></div>
</main>
<footer class='bg-dark-gradient'>
<ul class='list-reset m0 cntr px2 py3 center'>
<li class='block m0 mr2 gray'>Email: [email protected]</li>
<li class='inline-block m0 mr2 gray'>LinkedIn: <a href='https://www.linkedin.com/pub/cody-scott/49/118/35a' class='m0' target='_blank'>Profile</a></li>
<li class='inline-block m0 mr2 gray'>Resume: <a href='CodyScott_Resume.pdf' class='m0' target='_blank'>PDF</a></li>
<li class='inline-block m0 mr2 gray'>Github: <a href='https://www.github.com/Siecje' class='m0' target='_blank'>Siecje</a></li>
</ul>
</footer>
<script src='main.js'></script>
</body>
</html>