-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
406 lines (391 loc) · 24.9 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
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
<!DOCTYPE html>
<html>
<script src="https://unpkg.com/interactjs/dist/interact.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/build/98.css" />
<link rel="stylesheet" href="custom.css">
<head>
<title>Joey DeGrand</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=no">
<meta property="og:title" content="Joey DeGrand" />
<meta property="og:description" content="An old fashion windows themed website with information about me." />
<meta property=”og:url” content=”https://jdegrand.me” />
<meta property="og:type" content="website" />
<meta name="image"
content="https://api.microlink.io?url=https%3A%2F%2Fjdegrand.me&screenshot=true&meta=false&embed=screenshot.url">
<meta itemprop="image"
content="https://api.microlink.io?url=https%3A%2F%2Fjdegrand.me&screenshot=true&meta=false&embed=screenshot.url">
<meta property="og:image"
content="https://api.microlink.io?url=https%3A%2F%2Fjdegrand.me&screenshot=true&meta=false&embed=screenshot.url">
<meta name="twitter:image"
content="https://api.microlink.io?url=https%3A%2F%2Fjdegrand.me&screenshot=true&meta=false&embed=screenshot.url">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/build/98.css" />
</head>
<body>
<div class="page-container">
<div id="files-container">
<div id="files">
<ul class="tree-view" id="left-panel" style="word-break: break-word;">
<li data-windowid="about" class="window-title pointer-cursor" onclick="prevDefault(event)">
<a>About Me</a></li>
<li>
<a class="pointer-cursor" onclick="showWorkExperiences()">Work Experience</a>
<ul>
<li data-windowid="intuitIntern" class="window-title pointer-cursor"
onclick="prevDefault(event)">
<a>Intuit (Intern)</a></li>
<li data-windowid="sandbox" class="window-title pointer-cursor"
onclick="prevDefault(event)">
<a>SandBox Union</a></li>
<li data-windowid="intuitCoop" class="window-title pointer-cursor"
onclick="prevDefault(event)">
<a>Intuit (Co-op)</a></li>
<li data-windowid="chessHealth" class="window-title pointer-cursor"
onclick="prevDefault(event)">
<a>CHESS Health</a></li>
</ul>
</li>
<li>
<a class="pointer-cursor" onclick="showProjects()">Projects</a>
<ul>
<li data-windowid="camagotchi" class="window-title pointer-cursor"
onclick="prevDefault(event)">
<a>Camagotchi</a></li>
<li data-windowid="vlocchain" class="window-title pointer-cursor"
onclick="prevDefault(event)">
<a>VlocChain</a></li>
<li data-windowid="quotebot" class="window-title pointer-cursor"
onclick="prevDefault(event)">
<a>QuoteBot</a></li>
<li data-windowid="pixelArtWatchOs" class="window-title pointer-cursor"
onclick="prevDefault(event)"><a>PixelArtWatchOS</a></li>
</ul>
</li>
<li>
<a>Extracurricular</a>
<ul>
<li><a>Orientation Leader</a></li>
<li><a>Computer Science Ambassador</a></li>
<li><a>CSH</a></li>
<li><a>Intramurals</a></li>
</ul>
</li>
<li>
<a>Other Sites</a>
<ul>
<li><a href="http://jive.jdegrand.me" target="_blank">Jive</a></li>
<li><a href="http://seafoam.jdegrand.me" target="_blank">Seafoam</a></li>
</ul>
</li>
<li data-windowid="aboutWebsite" class="window-title pointer-cursor"
onclick="prevDefault(event)">
<a>About This Site</a></li>
<li><a href="https://github.com/jdegrand/jdegrand.github.io/blob/master/resume/JosephDeGrandResume.pdf" target="_blank">Resume</a></li>
<li><a style="color: white; visibility: hidden;">Easter Egg ;)</a></li>
<li><a class="pointer-cursor" onclick="hideAll()" style="color: darkred;">Hide All</a></li>
<li id="lastTreeViewElement"><a class="pointer-cursor" onclick="showAll()" style="color: darkred;">Show All</a></li>
<div id="social_bar"
style="display: flex; justify-content: space-evenly; margin-bottom: auto; position: absolute; width: 100%; bottom: 0; margin-bottom: 10px;">
<div onclick="window.open('https://www.linkedin.com/in/joe-degrand', '_blank');"><img
class="icon-link pointer-cursor" title="LinkedIn" src="assets/linkedin_logo.png"
height=30 /></div>
<div onclick="window.open('https://github.com/jdegrand', '_blank');"><img
class="icon-link pointer-cursor" title="GitGub" src="assets/github_logo.png" height=30 />
</div>
</div>
</ul>
</div>
<div id="drawer-arrow">
<div id="image-arrow">
<img src="assets/back_arrow.png" width=15 height="30">
</div>
</div>
</div>
<div id="screen">
<div id="folders">
<div class="click-projects pointer-cursor folder" onclick="prevDefault(event)">
<img src="assets/folder.png" style="height: 100%; width: 100%;" />
<label class="pointer-cursor">Projects</label>
</div>
<div class="click-work-experiences pointer-cursor folder" onclick="prevDefault(event)">
<img src="assets/folder.png" style="height: 100%; width: 100%;" />
<label class="pointer-cursor">Work Exp...</label>
</div>
</div>
<div id="about" class="window draggable draggable-window">
<div class="title-bar draggable-bar">
<div class="title-bar-text">About Me</div>
<div class="title-bar-controls">
<button aria-label="Close" onclick="closeWindow('about')"></button>
</div>
</div>
<div class="window-body">
<div class="horizontal-window">
<div id="about-image" class="window-horizontal-image">
<img onclick="prevDefault(event)" src="assets/profile.jpeg" style="max-width: 100%;" />
</div>
<div style="margin-left: 10px; padding: 1rem; overflow-wrap: break-word;">
<p>Hello! My name is Joey DeGrand. I am a 5th year Computer Science student at Rochester
Institute of Technology.</p>
<p>I'm experienced in: Angular, Python, Java, C, JavaScript, TypeScript, React, Git, HTML, CSS</p>
<p>I've dabbled with: Node.js, Spring Boot, MySQL, MongoDB, GraphQL, Rust, Flask</p>
<p>Here are some courses I've taken:</p>
<p></p>
<p>Analysis Of Algorithms, Concepts Of Computer Systems, Mechanics Of Programming,
Principles Of Data Management, Programming Language Concepts, Graph Theory,
Introduction to Artificial Intelligence, Concepts of Paralell and Distributed Systems,
Graph Theory, Foundations of Computer Graphics</p>
</div>
</div>
<section class="field-row" style="justify-content: flex-end; clear: both;">
<button class="custom-button" onclick="closeWindow('about')">OK</button>
</section>
</div>
</div>
<div id="camagotchi" class="window draggable draggable-window" style="width: 23%; min-width: 184px;">
<div class="title-bar draggable-bar">
<div class="title-bar-text">Project - Camagotchi</div>
<div class="title-bar-controls">
<button aria-label="Close" onclick="closeWindow('camagotchi')"></button>
</div>
</div>
<div class="window-body">
<div style="margin-left: 10px; padding: 1rem; overflow-wrap: break-word; width: 100;">
<div style="width: 100%; text-align: center;">
<img src="assets/camagotchi.png" style="max-width: 80%;" />
</div>
<p id="test">A remake of the famous Tamagotchi toy, the digital pet simulator, written in C.
The
program utilizes the
ncurses and multithreading libraries to recreate this experience. Future plans include
3D
printing a case
and attaching a screen and buttons to work with the program.</p>
<p>Spring 2019</p>
<a href="https://github.com/jdegrand/Camagotchi" target="_blank">GitHub</a>
</div>
<section class="field-row" style="justify-content: flex-end">
<button class="custom-button" onclick="closeWindow('camagotchi')">Cool</button>
</section>
</div>
</div>
<div id="vlocchain" class="window draggable draggable-window" style="width: 25%; min-width: 184px;visibility: hidden;">
<div class="title-bar draggable-bar">
<div class="title-bar-text">Project - VlocChain</div>
<div class="title-bar-controls">
<button aria-label="Close" onclick="closeWindow('vlocchain')"></button>
</div>
</div>
<div class="window-body">
<div style="margin-left: 10px; padding: 1rem; overflow-wrap: break-word; width: 100;">
<div style="width: 100%; text-align: center;">
<img src="assets/vlocc.png" style="max-width: 80%;" />
</div>
<p>A project started at a hackathon that two other students and I continued to work on
afterward. Utilizes the idea of blockchain technology with video sharing. My part of the
project included all of the UI, setting up and using a database with mySQL, Flask API,
and
creating a custom web video player.</p>
<p>Spring 2018</p>
<a href="https://github.com/VlocC/VlocChain-0.0" target="_blank">GitHub</a>
</div>
<section class="field-row" style="justify-content: flex-end">
<button class="custom-button" onclick="closeWindow('vlocchain')">Sick!</button>
</section>
</div>
</div>
<div id="quotebot" class="window draggable draggable-window" style="visibility: hidden;">
<div class="title-bar draggable-bar">
<div class="title-bar-text">Project - QuoteBot</div>
<div class="title-bar-controls">
<button aria-label="Close" onclick="closeWindow('quotebot')"></button>
</div>
</div>
<div class="window-body">
<div class="horizontal-window">
<div id="quotebot-image" class="window-horizontal-image">
<img src="assets/telegram_logo.png" style="max-width: 100%;" />
</div>
<div style="margin-left: 10px; padding: 1rem; overflow-wrap: break-word; width: 100;">
<p>A bot for the Telegram messaging app that stores quotes, pictures, and other small
features. This is connected to public Telegram API and running on a Raspberry Pi.
</p>
<p>Fall 2018</p>
<a href="https://github.com/jdegrand/QuoteBot" target="_blank">GitHub</a>
</div>
</div>
<section class="field-row" style="justify-content: flex-end; clear: both;">
<button class="custom-button" onclick="closeWindow('quotebot')">OK!</button>
</section>
</div>
</div>
<div id="pixelArtWatchOs" class="window draggable draggable-window"
style="width: 25%; min-width: 184px; visibility: hidden;">
<div class="title-bar draggable-bar">
<div class="title-bar-text">Project - PixelArtWatchOS</div>
<div class="title-bar-controls">
<button aria-label="Close" onclick="closeWindow('pixelArtWatchOs')"></button>
</div>
</div>
<div class="window-body">
<div style="margin-left: 10px; padding: 1rem; overflow-wrap: break-word; width: 100;">
<div style="width: 100%; text-align: center;">
<img src="assets/pixel.png" style="max-width: 80%;" />
</div>
<p>A project started at YHack 2019, a watchOS app where you can create pixel art right from
your
wrist! You can select a color from the presets in color bar by tapping or scrolling
through them
all with Apple Watch's digital crown. Also includes a much needed eraser tool!
Implemented with
Swift and SwiftUI.
<p>Fall 2019</p>
<a href="https://github.com/jdegrand/PixelArtWatchOS" target="_blank">GitHub</a>
</div>
<section class="field-row" style="justify-content: flex-end">
<button class="custom-button" onclick="closeWindow('pixelArtWatchOs')">Wow!</button>
</section>
</div>
</div>
<div id="aboutWebsite" class="window draggable draggable-window"
style="width: 50%; z-index: 10; visibility: hidden;">
<div class="title-bar draggable-bar">
<div class="title-bar-text">About Website</div>
<div class="title-bar-controls">
<button aria-label="Close" onclick="closeWindow('aboutWebsite')"></button>
</div>
</div>
<div class="window-body">
<div style="margin-left: 10px; padding: 1rem; overflow-wrap: break-word; width: 100;">
<p>Joey DeGrand's Personal Website</p>
<p>This old-fashioned Windows themed website is a website about me, Joey DeGrand, created
for fun to
learn more about web development in general and to display my experiences/interests. It
utilizes
a style library <a href="https://jdan.github.io/98.css/" target="_blank">98.css</a> to
make the
pop-ups look as they did on Windows 98.</p>
<p>Here are some features of this site:</p>
<ul>
<li>Click the 'OK' button on the bottom of a window to dismiss it</li>
<li>Click a file name on the left to bring that window to the front of the page or
reopen the
window if it is closed</li>
<li>Click a folder name on the left to make all of its contents visible</li>
<li>Double click a file name to position it on the top left of the desktop</li>
</ul>
</div>
<section class="field-row" style="justify-content: flex-end; clear: both;">
<button class="custom-button" onclick="closeWindow('aboutWebsite')">OK</button>
</section>
</div>
</div>
<div id="chessHealth" class="window draggable draggable-window" style="visibility: hidden;">
<div class="title-bar draggable-bar">
<div class="title-bar-text">Work - CHESS Health Solutions</div>
<div class="title-bar-controls">
<button aria-label="Close" onclick="closeWindow('chessHealth')"></button>
</div>
</div>
<div class="window-body">
<div class="chess-body">
<div class="window-horizontal-image horizontal-image" style="margin-top: 12px;">
<img onclick="prevDefault(event)" src="assets/chessHealth.png" style="max-width: 100%;"/>
</div>
<div style="margin-left: 10px; padding: 1rem; overflow-wrap: break-word;">
<p>January 2020 - May 2020</p>
<div>• Contributed to the company’s Android applications, a lof which strive to help users with addiction recovery</div>
<div>• Used Android Studio with Java and XML</div>
<div>• Learned how implement UI in a way that worked across various types of phones and versions of Android</div>
<p><a href="https://www.chess.health" target="_blank">CHESS Health Solutions</a></p>
</div>
</div>
<section class="field-row" style="justify-content: flex-end; clear: both;">
<button class="custom-button" onclick="closeWindow('chessHealth')">Great!</button>
</section>
</div>
</div>
<div id="intuitCoop" class="window draggable draggable-window" style="visibility: hidden;">
<div class="title-bar draggable-bar">
<div class="title-bar-text">Work - Intuit (Co-op)</div>
<div class="title-bar-controls">
<button aria-label="Close" onclick="closeWindow('intuitCoop')"></button>
</div>
</div>
<div class="window-body">
<div class="intuit-body">
<div class="window-horizontal-image horizontal-image">
<img onclick="prevDefault(event)" src="assets/intuit.png" style="max-width: 100%;"/>
</div>
<div style="margin-left: 10px; padding: 1rem; overflow-wrap: break-word;">
<p>May 2020 - December 2020</p>
<div>• Worked on Intuit’s Identity Platform Team using Java and Wavefront</div>
<div>• Extended an internal tool that pulls useful metrics from various services into a single dashboard to be used daily by Intuit’s Identity Team</div>
<div>• Participated in Intuit’s Global Engineering Week, where I worked with a new team to fix several addresd validation issues customers were experiencing</div>
<p><a href="https://www.intuit.com/" target="_blank">Intuit</a></p>
</div>
</div>
<section class="field-row" style="justify-content: flex-end; clear: both;">
<button class="custom-button" onclick="closeWindow('intuitCoop')">Epic!</button>
</section>
</div>
</div>
<div id="sandbox" class="window draggable draggable-window">
<div class="title-bar draggable-bar">
<div class="title-bar-text">Work - SandBox Union</div>
<div class="title-bar-controls">
<button aria-label="Close" onclick="closeWindow('sandbox')"></button>
</div>
</div>
<div class="window-body">
<div class="chess-body">
<div class="window-horizontal-image horizontal-image" style="margin-top: 12px; padding: 10px; background-color: black; border-radius: 14px;">
<img onclick="prevDefault(event)" src="assets/sandbox.png" style="max-width: 100%;"/>
</div>
<div style="margin-left: 10px; padding: 1rem; overflow-wrap: break-word;">
<p>
<div>December 2020 - May 2021</div>
<div>August 2021 - June 2022</div>
</p>
<div>• Developed websites for upcoming and local busineses</div>
<div>• Technologies used include Angular and TypeScript for front-end, Node.js and Sequelize for API calls and database management, and MariaDB with MySQL Workbench for data storage</div>
<div>• Learned how to properly and efficiently structure a full-stack application</div>
<p><a href="https://sandboxunion.com/" target="_blank">SandBox Union</a></p>
</div>
</div>
<section class="field-row" style="justify-content: flex-end; clear: both;">
<button class="custom-button" onclick="closeWindow('sandbox')">Yo!</button>
</section>
</div>
</div>
<div id="intuitIntern" class="window draggable draggable-window">
<div class="title-bar draggable-bar">
<div class="title-bar-text">Work - Intuit (Intern)</div>
<div class="title-bar-controls">
<button aria-label="Close" onclick="closeWindow('intuitIntern')"></button>
</div>
</div>
<div class="window-body">
<div class="intuit-body">
<div class="window-horizontal-image horizontal-image">
<img onclick="prevDefault(event)" src="assets/intuit.png" style="max-width: 100%;"/>
</div>
<div style="margin-left: 10px; padding: 1rem; overflow-wrap: break-word;">
<p>May 2021 - August 2021</p>
<div>• Worked on a dashboard to track statuses of pull requests with important updates to internal repositories, to be used by Program Managers</div>
<div>• Created the entire front-end in React and connected it to the backend</div>
<div>• Wrote backend in Java Spring which involved creating Java and GraphQL models, mutations, and queries and connecting to a MongoDB cluster. Also pulled data from GitHub and AWS Athena</div>
<div>• Learned how to write effective Mockito unit tests and how to architect my code in a readable and maintainable fashion</div>
<p><a href="https://www.intuit.com/" target="_blank">Intuit</a></p>
</div>
</div>
<section class="field-row" style="justify-content: flex-end; clear: both;">
<button class="custom-button" onclick="closeWindow('intuitIntern')">Sweet!</button>
</section>
</div>
</div>
</div>
</div>
</body>
<script src="index.js"></script>
</html>