blob: 6d8bedd6eac73a1cbf94dbeb2e70052320340119 (
plain)
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
|
<!DOCTYPE html>
<html>
<head>
<title>Simponic's Static Sites</title>
<link href="css/styles.css" rel="stylesheet" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<script
src="https://kit.fontawesome.com/d7e97ed48f.js"
crossorigin="anonymous"
></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div class="top-container animate__animated animate__fadeIn">
<div class="about">
<div class="avatar">
<img src="images/profile.png" class="profile-picture" />
</div>
<div class="about-text">
<p>
👋 hello, im simponic!
<br />
❤️ i like math, cooking, running, and penguins.
<br />
⛓️ <a href="https://www.linkedin.com/in/simponic/">linkedin</a>.
<br />
📷 <a href="https://www.instagram.com/simponic03/">instagram</a>.
<br />
🔥 <a href="https://hatecomputers.club">hatecomputers.club</a>.
<br />
✉️ <a href="mailto:elizabeth@simponic.xyz">elizabeth@simponic.xyz</a>.
<br />
📖 this page hosts fun stuff! play around if you'd like.
<br />
🐙 my gitea is at
<a href="https://git.simponic.xyz/simponic">/simponic</a>.
</p>
</div>
</div>
<div class="projects-grid">
<a class="project" href="/euler-golf/">
<div class="project-logo-container">
<i class="fa-solid fa-golf-ball-tee"></i>
</div>
<div class="project-body">
<h1>Euler Golf 2</h1>
<p>
A puzzle game (with BFS solver) to explore rotations in the
complex plane.
</p>
</div>
</a>
<a class="project" href="/tabloid-fake-closure/static/">
<div class="project-logo-container">
<i class="fa-solid fa-newspaper"></i>
</div>
<div class="project-body">
<h1>Tabloid Closures</h1>
<p>An implementation of Closures in the esoteric "Tabloid" language, with select Data Structure and Algorithm implementations from scratch by the foundation provided by Lambda Calculus.</p>
</div>
</a>
<a class="project" href="/godel/">
<div class="project-logo-container">
<i class="fa-solid fa-microchip"></i>
</div>
<div class="project-body">
<h1>Godel Explorer</h1>
<p>Compile L-Programs into JavaScript and Godel numbers.</p>
</div>
</a>
<a class="project" href="/turing-machine/">
<div class="project-logo-container">
<i class="fa-solid fa-tape"></i>
</div>
<div class="project-body">
<h1>Simponic's State System</h1>
<p>A neatly animated Turing Tape simulator.</p>
</div>
</a>
<a class="project" href="/julia/">
<div class="project-logo-container">
<i class="fa-solid fa-square-root-variable"></i>
</div>
<div class="project-body">
<h1>Julia Set Explorer</h1>
<p>
Zoom, pan, and "c" complex changes in this GPU-accelerated
playground!
</p>
</div>
</a>
<a class="project" href="/ft-visualizer/">
<div class="project-logo-container">
<i class="fa-solid fa-wave-square"></i>
</div>
<div class="project-body">
<h1>Discrete Fourier Visualizer</h1>
<p>
Draw how your year has gone and view a reactive graph containing
its DFT by dragging your mouse over the canvas!
</p>
</div>
</a>
<a class="project" href="/maize-maze/">
<div class="project-logo-container">
<i class="fa-solid fa-diagram-project"></i>
</div>
<div class="project-body">
<h1>The A-maze-ing Maize Maze</h1>
<p>
A Randomized Kruskal's Maze game with (more) BFS. You play as a
🌽corn stalk trying to become 🍿popcorn.
</p>
</div>
</a>
<a class="project" href="/centipede/">
<div class="project-logo-container">
<i class="fa-solid fa-mosquito"></i>
</div>
<div class="project-body">
<h1>Centipede</h1>
<p>Boring remake of the classic arcade game.</p>
</div>
</a>
<a class="project" href="/dvd-logo/">
<div class="project-logo-container">
<i class="fa-solid fa-compact-disc"></i>
</div>
<div class="project-body">
<h1>DVD Logo Bouncing Animation</h1>
<p>
Bring back the nostalgia of old-school DVD players with an
intersection predictor. No Canvas API; only svg's and absolute
positioned images.
</p>
</div>
</a>
</div>
</div>
</body>
</html>
|
