-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (136 loc) · 4.64 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title id="site-name"></title>
<link rel="stylesheet" href="styles/main.css" />
<!-- Icons -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
/>
<script src="scripts/load_elements.js"></script>
<script src="scripts/load_site_info.js"></script>
<script src="scripts/load_page.js"></script>
<script src="scripts/scroll.js"></script>
<script type="importmap">
{
"imports": {
"three": "https://cdn.jsdelivr.net/npm/[email protected]/build/three.module.js",
"three/addons/": "https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/"
}
}
</script>
<script type="module" src="scripts/three_js_home.js"></script>
</head>
<body>
<div id="navbar"></div>
<!-- Hero Section -->
<div id="hero">
<div class="hero-text">
<h1>Hi, I am Liam.</h1>
<h2>I am an Aerospace, and CS student</h2>
<p>
interested in computer science, math, and engineering. I share my
interests in these subjects through projects and articles I create.
Take a look for yourself maybe you will find something worth sharing.
</p>
<div class="socials">
Find Me On
<i class="fab fa-github"></i
><a target="_blank" class="custom-link" id="github"> GitHub</a>, and
<i class="fab fa-linkedin"></i
><a target="_blank" class="custom-link" id="linkedin"> Linkedin</a>.
</div>
</div>
<div id="container"></div>
</div>
<!-- About Me -->
<div id="about">
<div class="img-container"></div>
<p class="highlighted">
I am Liam Israel, a recent highschool graduate, and soon to be college
student. I am a recurrent open source contributor with extensive
experience with Rust <i class="fa-brands fa-rust"></i>, Python
<i class="fa-brands fa-python"></i>, and Java Script
<i class="fa-brands fa-js"></i>. I have a variety if interests within CS
including: computer graphics 🎨, system level programming 🖥️, data and
algorithms 📈, machine learning 🤖, web development 🌐, and socket
networking 🌍.
</p>
</div>
<div id="recent-work">
<div class="card">
<h1>Rust Crates</h1>
<p>
Many projects of mine have been shipped as crates on crates.io, the
Rust Communities library registry.
</p>
<div class="downloads">
<svg
viewBox="0 0 14 17"
fill="currentColor"
xmlns="http://www.w3.org/2000/svg"
class="_download-icon_1msd3z"
>
<path d="M1 13h12v2H1zM5 2h4v5h3l-5 4.996L2 7h3z"></path>
</svg>
16.1k+ downloads.
</div>
<img
onclick="window.location.href='https://crates.io/users/Larmbs'"
src="https://crates.io/assets/cargo.png"
/>
</div>
<div class="card">
<h1>IOT Network</h1>
<p>
Built and deployed a personal
<a
target="_blank"
class="custom-link"
href="https://en.wikipedia.org/wiki/Internet_of_things"
>Internet Of Things</a
>
network to monitor and configure ESP32 devices.
</p>
<img
onclick="window.location.href='https://github.com/Larmbs/iot-net'"
src="assets/images/IOT-Photoroom.png"
/>
</div>
<div class="card">
<h1>Games</h1>
<p>
I have created numerous games and sims. Notably I have built a Fluid
Simulation, Mine Sweeper, a Sand Engine, and Lunar Lander.
</p>
<img
onclick="window.location.href='https://github.com/Larmbs/sand-engine'"
src="assets/images/games_green_3D_isometric_rende-Photoroom.png"
/>
</div>
</div>
<!-- Main part of page -->
<main class="main-content">
<!-- List of articles and featured ones go here-->
<div id="article-list" style="display: none">
<div>
<div class="selection-list-header">
<h1>Featured</h1>
</div>
<!-- Featured items go here -->
<ol id="featured-list" class="selection-list"></ol>
</div>
<div>
<div class="selection-list-header">
<h1>Recent</h1>
</div>
<!-- Featured items go here -->
<ul id="regular-select-list" class="selection-list"></ul>
</div>
</div>
</main>
<div id="footer"></div>
</body>
</html>