-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
153 lines (140 loc) · 6.53 KB
/
about.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
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<link rel="icon" href="images/Logo.png">
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>Jackson Elia</title>
<link rel="stylesheet" type="text/css" href="styles/style.css">
<link rel="stylesheet" type="text/css" href="styles/header.css">
<link rel="stylesheet" type="text/css" href="styles/about.css">
<link rel="stylesheet" type="text/css" href="styles/buttons.css">
<link rel="stylesheet" type="text/css" href="styles/footer.css">
<link rel="stylesheet" type="text/css" href="styles/sliders.css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
<link href='https://fonts.googleapis.com/css?family=JetBrains Mono' rel='stylesheet'>
</head>
<body>
<header>
<div id="header-container">
<a href="index.html" id="logo"><img src="images/Logo.png" alt="Logo made by Sydney"></a>
<input id="main-nav-toggle" type="checkbox"/>
<label class="main-nav-button-container" for="main-nav-toggle">
<div class="main-nav-button" id="top-nav-button"></div>
<div class="main-nav-button" id="mid-nav-button"></div>
<div class="main-nav-button" id="bot-nav-button"></div>
</label>
<ul id="main-nav-list">
<li class="main-nav-item"><a href="index.html">Home</a></li>
<li class="main-nav-item"><a href="about.html">About</a></li>
<li class="main-nav-item"><a href="random-project.html">Random Project</a></li>
</ul>
<div id="header-background"></div>
</div>
</header>
<section class="page-section">
<h2 class="page-title">About Me</h2>
<div class="about-first-block">
<div>
<p>
Hey, I'm Jack. I'm a Second Year at NCSU who is passionate about everything programming.
</p>
<ul class="about-quick-facts">
<li>I'm currently learning C</li>
<li>I'm interested in the intersection of Aerospace Engineering and Programming</li>
<li>Last summer I interned at <a class="about-url" href="https://ndustrial.io/">Ndustrial</a></li>
<li>This summer I'm looking forwards to interning at <a class="about-url" href="https://collieraerospace.com/">Collier Aerospace</a></li>
</ul>
</div>
<div class="about-picture">
<img src="images/AboutMePicture1.jpg" alt="about-me-picture" id="about-img-1">
</div>
</div>
<hr>
<div class="about-second-block">
<h3 class="subtitle">My Journey</h3>
<div class="text-image">
<div class="text-list">
<p id="about-second-block-first-text">
<span>0.</span> I first got into programming in 4th grade when I followed along with
tutorials on how to make Minecraft mods, but I didn't really learn how to program until
8th grade.
</p>
<p>
<span>1.</span> The very first "language" I learned was TI-BASIC, but the actual first
language I learned was Swift. I got pretty good at it, even making apps that utilized
machine learning or augmented reality.
</p>
<p>
<span>2.</span> The second language I learned was Python, it's the
language I'm most comfortable with. I've made a variety of things with it and appreciate
how versatile it can be.
</p>
<p>
<span>3.</span> After that, I learned Java. I started getting better at it when I joined
the programming division of my school's robotics team, Titanium Tigers (4829). Our robot
in 2022 made it to worlds!
</p>
<p>
<span>4.</span> Next, with the making of this website I learned JavaScript. With this new
knowledge, I made several other websites and games. I further developed my Web Development
skills during my internship at Ndustrial where I learned React, TypeScript, and SQL.
</p>
<p>
<span>5.</span> Since then, I've continued to learn things more focused on Engineering
like C, Matlab, and Solidworks. Additionally, I've been involving myself with on-campus activities,
taking lead programming roles both in NCSU's rocketry club and NCSU's Autonomous Vehicles lab.
</p>
</div>
<div class="image-infotext">
<img src="images/AboutMePicture3.png" alt="about-me-picture" id="about-img-3">
<p>Our robot that made it to worlds</p>
<img src="images/FrankNBake.jpg" alt="ZanePicOfFrankNBake" id="about-img-4">
<p>Our subscale rocket flown at our Interest Launch</p>
</div>
</div>
</div>
<div class="about-third-block">
<h3 class="subtitle">My Future</h3>
<div class="about-text">
<p>
I've been a space nerd and a computer geek my entire life, so currently, I plan to get my Bachelor's
in Aerospace Engineering with minors in Computer Programming and Mathematics, and then
get my Masters in Computer Science.
</p>
</div>
</div>
</section>
<div class="footer">
<canvas id="conway-footer"></canvas>
<footer>
<div class="social">
<a href="https://www.instagram.com/jackgeorgeelia/" target="_blank"><i
class="icon ion-social-instagram"></i></a>
<a href="https://leetcode.com/traptricker/" target="_blank"><i class="icon ion-code"></i></a>
<a href="https://github.com/jacksonelia" target="_blank"><i
class="icon ion-social-github"></i></a>
<a href="mailto:[email protected]" target="_blank"><i
class="icon ion-ios-email"></i></a></div>
<ul class="list-inline">
<li class="list-inline-item"><a href="index.html">Home</a></li>
<li class="list-inline-item"><a href="about.html">About Me</a></li>
<li class="list-inline-item"><a href="index.html#knowledge_section_id">My Skills</a></li>
<li class="list-inline-item"><a href="index.html#contact-section-id">Contact Me</a></li>
<li class="list-inline-item"><a href="random-project.html">See a Random Project</a></li>
</ul>
<p class="copyright">Jackson Elia © 2024</p>
</footer>
<div id="conway-footer-menu">
<button id="start-button" onclick="startGame(1)"><i class="icon ion-refresh"></i></button>
<input type="range" id="conway-speed-slider">
<input type="range" id="conway-density-slider">
<button id="expand-button" onclick="expandConway()"><i class="icon ion-chevron-down"></i></button>
</div>
</div>
<script src="scripts/conways-game-of-life.js"></script>
<script src="scripts/change-theme-color.js" defer></script>
</body>
</html>