-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprogramming.html
More file actions
321 lines (318 loc) · 43.8 KB
/
programming.html
File metadata and controls
321 lines (318 loc) · 43.8 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Isaac Crawford - Projects</title>
<link rel="icon" type="image/png" sizes="2000x2000" href="assets/img/NewLogo.png">
<link rel="icon" type="image/png" sizes="2000x2000" href="assets/img/NewLogo.png">
<link rel="icon" type="image/png" sizes="2000x2000" href="assets/img/NewLogo.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cabin:700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=ABeeZee&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Actor&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anek+Odia&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cabin&display=swap">
<link rel="stylesheet" href="assets/css/Banner-Heading-Image-images.css">
<link rel="stylesheet" href="assets/css/best-carousel-slide.css">
<link rel="stylesheet" href="assets/css/Customizable-Carousel-swipe-enabled.css">
<link rel="stylesheet" href="assets/css/gist.githubusercontent.com_cyrusss0_dbb06afc65eac6d51d40216a3dbd8b8d_raw_951df7fb794ce275605c18f1df75272891fb3ec4_style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
<link rel="stylesheet" href="assets/css/MySkills-F19687.css">
<link rel="stylesheet" href="assets/css/Petunia-Pickle-navbar.css">
<link rel="stylesheet" href="assets/css/PortfolioPanel.css">
<link rel="stylesheet" href="assets/css/Return-to-Top-Arrow-sc.css">
<link rel="stylesheet" href="assets/css/Return-to-Top-Arrow.css">
<link rel="stylesheet" href="assets/css/Video-Parallax-Background-v3-1.css">
<link rel="stylesheet" href="assets/css/Video-Parallax-Background-v3.css">
</head>
<body id="page-top" data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="77">
<div id="videoContainer-1" class="mobile-background">
<div class="container-fluid d-flex justify-content-center align-items-center align-content-center video-parallax-container" style="margin: 0px;height: 100px;"><video id="videoIntro-1" class="filter" autoplay="" loop="" muted="" style="filter: blur(10px) brightness(43%) sepia(16%);">
<source src="https://github.com/knowlife4/SLICE.github.io/blob/master/Editor.mp4?raw=true" type="video/mp4" wp-acf="[{'type':'url','name':'video','label':'Video','wrapper':{'width':30}}]" wp-attr="[{'target':'src','replace':'%1'}]">
</video></div>
</div>
<div class="container main" style="max-width: 95vw;">
<nav class="navbar navbar-dark fixed-top bg-dark" style="background: linear-gradient(#31363b 0%, #1d1f22 81%), rgb(33, 37, 41);border: 4px solid rgba(255,255,255,0.3);border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;box-shadow: inset 0px -8px 0px 0px rgb(13,13,13), 0px 16px 20px 0px rgb(0,0,0);padding: 0px;padding-top: 8px;padding-bottom: 18px;opacity: 1;">
<div class="container-fluid"><img class="rounded-circle" id="icon" src="assets/img/NewLogo.png" width="50" height="50" style="box-shadow: 0px 6px 0px 0px rgb(30,2,2);border: 3px solid rgb(111,114,117);width: 50px;height: 50px;"><a class="btn" role="button" href="index.html" style="box-shadow: 0px 8px 0px 0px rgb(28,2,2);color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;border: 3px solid rgba(255,255,255,0.5);border-radius: 8px;">ISAAC CRAWFORD</a><button data-bs-toggle="collapse" class="navbar-toggler collapsed" data-bs-target="#navcol-2" style="background: radial-gradient(rgba(0,0,0,0) 57%, rgba(0,0,0,0.31) 64%), radial-gradient(rgba(0,0,0,0) 50%, black 100%), url("assets/img/Dial.png") center / cover no-repeat, linear-gradient(#ffffff 0%, #253036 100%);width: 50px;height: 50px;border-radius: 50%;max-height: 25%;border: 3px solid rgb(111,115,117) ;"></button>
<div class="collapse navbar-collapse text-center" id="navcol-2" style="--bs-primary: #000000;--bs-primary-rgb: 0,0,0;">
<div class="trans-panel" style="width: 100%;margin-top: 15px;">
<div class="row gx-3 gy-3 row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-1 row-cols-xl-1 row-cols-xxl-4 mx-auto" style="width: 80%;opacity: 1;">
<div class="col align-self-center">
<div class="transition-panel" style="--n: 0;opacity: 1;"><a class="btn btn-lg active d-grid" role="button" data-aos="zoom-out-up" data-aos-delay="3000" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(28,2,2);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-radius: 8px;--n: 0;backdrop-filter: opacity(1);border-width: 4px;border-color: rgba(255,255,255,0.5);" href="projects.html">Projects</a></div>
</div>
<div class="col align-self-center">
<div class="transition-panel" style="--n: 1;opacity: 1;"><a class="btn btn-lg active d-grid" role="button" data-aos="zoom-out-up" data-aos-delay="3000" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(28,2,2);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-radius: 8px;--n: 1;backdrop-filter: opacity(1);border-width: 4px;border-color: rgba(255,255,255,0.5);" href="programming.html">Programming</a></div>
</div>
<div class="col align-self-center">
<div class="transition-panel" style="--n: 2;opacity: 1;"><a class="btn btn-lg active d-grid" role="button" data-aos="zoom-out-up" data-aos-delay="3000" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(28,2,2);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-radius: 8px;--n: 2;backdrop-filter: opacity(1);border-width: 4px;border-color: rgba(255,255,255,0.5);" href="art.html">3D Art</a></div>
</div>
<div class="col align-self-center">
<div class="transition-panel" style="--n: 3;opacity: 1;"><a class="btn btn-lg active d-grid" role="button" data-aos="zoom-out-up" data-aos-delay="3000" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(28,2,2);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-radius: 8px;--n: 3;backdrop-filter: opacity(1);border-width: 4px;border-color: rgba(255,255,255,0.5);" href="music.html">Music Composition</a></div>
</div>
</div>
</div>
</div>
</div>
</nav>
<section style="border-radius: 8px;padding: 20px;">
<div class="container-fluid text-center" data-aos="zoom-out" data-aos-delay="200" style="background: rgba(0,0,0,0);border-radius: 10px;padding: 12px;border: 4px solid rgba(255,255,255,0.5);backdrop-filter: blur(15px) brightness(91%) contrast(87%) grayscale(75%) invert(0%) saturate(99%);">
<div class="text-center d-block" data-aos="zoom-out-down" data-aos-delay="400" data-aos-once="true" style="background: linear-gradient(#404040 0%, #1e1e1e 100%), #111111;border-radius: 8px;margin-bottom: 10px;box-shadow: 0px 8px 0px 0px rgb(14,14,14);">
<h1 class="text-center d-inline-block" style="text-shadow: 0px 8px rgb(0,0,0);"><strong><span style="font-style: normal !important;">FRAMEWORKS</span></strong><br></h1>
</div>
<div style="margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;">
<section style="margin-top: 40px;margin-bottom: 40px;border-radius: 8px;">
<div class="container text-center" data-aos="zoom-out" data-aos-delay="200" style="background: linear-gradient(#374048, #212529), rgb(47,48,51);border-radius: 10px;padding: 12px;box-shadow: inset 0px -8px 0px 0px rgb(18,18,18);border: 4px solid rgba(255,255,255,0.3) ;">
<div class="text-center d-block" data-aos="zoom-out-down" data-aos-delay="400" data-aos-once="true" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;margin-bottom: 10px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);">
<h2 class="text-center d-inline-block" style="text-shadow: 0px 8px rgb(0,0,0);">Entity Component Tree</h2>
</div>
<div style="margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;">
<div class="row gx-3 gy-3 text-center">
<div class="col" data-aos="zoom-out-right" data-aos-delay="500" data-aos-once="true">
<div class="text-start" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;padding: 15px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);height: 100%;"><span class="text-start d-block" id="desc" style="font-size: 16px;">Entity Component Tree (ECT) is an Entity Component System (ECS) framework for Unity.<br><br>This framework is ease-of-use oriented, built to be familiar while still reaping the rewards associated with ECS such as:<br><br><strong>• Efficiency</strong><br><strong>• Modularity</strong><br><strong>• Scalability</strong><br><strong>• Flexibility</strong><br><br>The modular design incorporated in ECT makes it very easy to reuse code across your entire project, as well as placing more power into the hands of artists by allowing them to easily change the behavior of an entity by dragging and dropping modules.<br><br>ECT also utilizes Unity Jobs to allow for easy and safe multithreaded systems.</span></div>
</div>
<div class="col-auto d-flex justify-content-between align-self-center mx-auto justify-content-sm-center" data-aos="zoom-out-left" data-aos-delay="600" data-aos-once="true">
<div class="text-center" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);width: 100%;padding: 15px;"><img class="img-fluid" src="assets/img/ECT.png" width="360" height="360"></div>
</div>
</div>
</div>
<div class="row">
<div class="col text-start align-self-center" data-aos="zoom-out-up" data-aos-delay="700" data-aos-once="true"><a class="btn btn-lg active d-grid" role="button" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(27,0,0);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-width: 0px;border-color: rgba(0,0,0,0);border-radius: 8px;" href="https://github.com/knowlife4/ECT">Github</a></div>
</div>
</div>
</section>
<section style="margin-top: 40px;margin-bottom: 40px;border-radius: 8px;">
<div class="container text-center" data-aos="zoom-out" data-aos-delay="200" style="background: linear-gradient(#374048, #212529), rgb(47,48,51);border-radius: 10px;padding: 12px;box-shadow: inset 0px -8px 0px 0px rgb(18,18,18);border: 4px solid rgba(255,255,255,0.3) ;">
<div class="text-center d-block" data-aos="zoom-out-down" data-aos-delay="400" data-aos-once="true" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;margin-bottom: 10px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);">
<h2 class="text-center d-inline-block" style="text-shadow: 0px 8px rgb(0,0,0);">Anvil</h2>
</div>
<div style="margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;">
<div class="row gx-3 gy-3 text-center">
<div class="col" data-aos="zoom-out-right" data-aos-delay="500" data-aos-once="true">
<div class="text-start" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;padding: 15px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);height: 100%;"><span class="text-start d-block" id="desc" style="font-size: 16px;">Anvil is a Unity GUI framework for building complex editor extensions as easily as possible.<br><br>Greatly simplifying the process of creating an editor extension while losing absolutely no control, Anvil is extremely beneficial for not only prototyping, but for building final tools as well.<br><br>The Anvil framework uses a recursive and modular design.<br>This means rather than building the GUI in one go, you build pieces that are reused.<br><br>Nodes in Anvil can be used universally across different GUI types such as;<br>inspectors, windows, and even property drawers.</span></div>
</div>
<div class="col-auto text-center d-flex justify-content-between align-self-center mx-auto justify-content-sm-center" data-aos="zoom-out-left" data-aos-delay="600" data-aos-once="true">
<div class="text-center" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;padding: 15px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);"><img class="img-fluid" src="assets/img/AnvilLogo.png" width="360" height="360"></div>
</div>
</div>
</div>
<div class="row">
<div class="col text-start align-self-center" data-aos="zoom-out-up" data-aos-delay="700" data-aos-once="true"><a class="btn btn-lg active d-grid" role="button" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(27,0,0);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-width: 0px;border-color: rgba(0,0,0,0);border-radius: 8px;" href="https://github.com/knowlife4/Anvil">Github</a></div>
</div>
</div>
</section>
<section style="margin-top: 40px;margin-bottom: 40px;border-radius: 8px;">
<div class="container text-center" data-aos="zoom-out" data-aos-delay="200" style="background: linear-gradient(#374048, #212529), rgb(47,48,51);border-radius: 10px;padding: 12px;box-shadow: inset 0px -8px 0px 0px rgb(18,18,18);border: 4px solid rgba(255,255,255,0.3) ;">
<div class="text-center d-block" data-aos="zoom-out-down" data-aos-delay="400" data-aos-once="true" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;margin-bottom: 10px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);">
<h2 class="text-center d-inline-block" style="text-shadow: 0px 8px rgb(0,0,0);">Screenplay</h2>
</div>
<div style="margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;">
<div class="row gx-3 gy-3 text-center">
<div class="col" data-aos="zoom-out-right" data-aos-delay="500" data-aos-once="true">
<div class="text-start" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;padding: 15px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);height: 100%;">
<h3 class="fw-bold text-white mb-3" style="font-size: 15px;margin-bottom: 2px;text-shadow: 0px 8px 10px rgb(0,0,0);">(COMING SOON)</h3>
</div>
</div>
<div class="col-auto text-center d-flex justify-content-between align-self-center mx-auto justify-content-sm-center" data-aos="zoom-out-left" data-aos-delay="600" data-aos-once="true">
<div class="text-center" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;padding: 15px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);"><img class="img-fluid" src="assets/img/Screen-Play.png" width="360" height="360"></div>
</div>
</div>
</div>
<div class="row">
<div class="col text-start align-self-center" data-aos="zoom-out-up" data-aos-delay="700" data-aos-once="true"><a class="btn btn-lg disabled active d-grid" role="button" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(27,0,0);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-width: 0px;border-color: rgba(0,0,0,0);border-radius: 8px;" href="https://github.com/knowlife4/ECT">(COMING SOON)</a></div>
</div>
</div>
</section>
</div>
</div>
</section>
<section style="border-radius: 8px;padding: 20px;">
<div class="container-fluid text-center" data-aos="zoom-out" data-aos-delay="200" style="background: rgba(0,0,0,0);border-radius: 10px;padding: 12px;border: 4px solid rgba(255,255,255,0.5);backdrop-filter: blur(15px) brightness(91%) contrast(87%) grayscale(75%) invert(0%) saturate(99%);">
<div class="text-center d-block" data-aos="zoom-out-down" data-aos-delay="400" data-aos-once="true" style="background: linear-gradient(#404040 0%, #1e1e1e 100%), #111111;border-radius: 8px;margin-bottom: 10px;box-shadow: 0px 8px 0px 0px rgb(14,14,14);">
<h1 class="text-center d-inline-block" style="text-shadow: 0px 8px rgb(0,0,0);"><strong><span style="font-style: normal !important;">TOOLS</span></strong><br></h1>
</div>
<div style="margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;">
<section style="margin-top: 40px;margin-bottom: 40px;border-radius: 8px;">
<div class="container text-center" data-aos="zoom-out" data-aos-delay="200" style="background: linear-gradient(#374048, #212529), rgb(47,48,51);border-radius: 10px;padding: 12px;box-shadow: inset 0px -8px 0px 0px rgb(18,18,18);border: 4px solid rgba(255,255,255,0.3) ;">
<div class="text-center d-block" data-aos="zoom-out-down" data-aos-delay="400" data-aos-once="true" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;margin-bottom: 10px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);">
<h2 class="text-center d-inline-block" style="text-shadow: 0px 8px rgb(0,0,0);">Aether</h2>
</div>
<div style="margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;">
<div class="row gx-3 gy-3 text-center">
<div class="col" data-aos="zoom-out-right" data-aos-delay="500" data-aos-once="true">
<div class="text-start" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;padding: 15px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);height: 100%;"><span class="text-start d-block" id="desc-1" style="font-size: 16px;">Aether provides atmospheric volumetric fog and lighting effects to the Unity Universal Render Pipeline (URP) using a frustum-aligned voxel approach.<br><br>Unity only officially supports volumetric fog in the High Definition Render Pipeline (HDRP), but in some cases using the HDRP is overkill.<br><br>This plugin provides a fast and scalable solution to volumetrics that can be utilized in URP.<br><br>This tool allows artists to easily configure "Fog volumes" to handcraft volumetrics into their environments.</span></div>
</div>
<div class="col-auto d-flex justify-content-between align-self-center mx-auto justify-content-sm-center" data-aos="zoom-out-left" data-aos-delay="600" data-aos-once="true">
<div class="text-center" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);padding: 15px;width: 390px;">
<div>
<div class="col" style="text-align: center;">
<div class="carousel slide" data-bs-ride="false" id="carousel-2" style="width: 100%;height: 100%;">
<div class="carousel-inner">
<div class="carousel-item active"><img class="img-fluid w-100 d-block" src="assets/img/AetherLogo.png" alt="Slide Image" width="360" height="360" style="border-radius: 8px;"></div>
<div class="carousel-item"><img class="img-fluid w-100 d-block" src="assets/img/image%20(4).png" alt="Slide Image" width="360" height="360" style="border-radius: 8px;"></div>
<div class="carousel-item"><img class="img-fluid w-100 d-block" src="assets/img/image%20(3).png" alt="Slide Image" width="360" height="360" style="border-radius: 8px;"></div>
<div class="carousel-item"><img class="img-fluid w-100 d-block" src="assets/img/image%20(2).png" alt="Slide Image" width="360" height="360" style="border-radius: 8px;"></div>
<div class="carousel-item"><img class="img-fluid w-100 d-block" src="assets/img/image_033_0000.png" alt="Slide Image" width="360" height="360" style="border-radius: 8px;"></div>
</div>
<div><a class="carousel-control-prev" href="#carousel-2" role="button" data-bs-slide="prev"></a><a class="carousel-control-next" href="#carousel-2" role="button" data-bs-slide="next"></a></div>
<ol class="carousel-indicators">
<li data-bs-target="#carousel-2" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#carousel-2" data-bs-slide-to="1"></li>
<li data-bs-target="#carousel-2" data-bs-slide-to="2"></li>
<li data-bs-target="#carousel-2" data-bs-slide-to="3"></li>
<li data-bs-target="#carousel-2" data-bs-slide-to="4"></li>
</ol>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col text-start align-self-center" data-aos="zoom-out-up" data-aos-delay="700" data-aos-once="true"><a class="btn btn-lg active d-grid" role="button" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(27,0,0);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-width: 0px;border-color: rgba(0,0,0,0);border-radius: 8px;" href="https://github.com/knowlife4/Aether">Github</a></div>
</div>
</div>
</section>
<section style="margin-top: 40px;margin-bottom: 40px;border-radius: 8px;">
<div class="container text-center" data-aos="zoom-out" data-aos-delay="200" style="background: linear-gradient(#374048, #212529), rgb(47,48,51);border-radius: 10px;padding: 12px;box-shadow: inset 0px -8px 0px 0px rgb(18,18,18);border: 4px solid rgba(255,255,255,0.3) ;">
<div class="text-center d-block" data-aos="zoom-out-down" data-aos-delay="400" data-aos-once="true" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;margin-bottom: 10px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);">
<h2 class="text-center d-inline-block" style="text-shadow: 0px 8px rgb(0,0,0);">Blades</h2>
</div>
<div style="margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;">
<div class="row gx-3 gy-3 text-center">
<div class="col" data-aos="zoom-out-right" data-aos-delay="500" data-aos-once="true">
<div class="text-start" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;padding: 15px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);height: 100%;"><span class="text-start d-block" id="desc" style="font-size: 16px;">Blades is a GPU-instanced detail renderer that for rendering lots of details (such as grass).<br>This allows artists to create large, highly detailed, and immersive environments.<br><br>The Blades renderer features frustum culling, distance culling, and LODs to keep framerates as low as possible.<br><br>Artists have access to the Blades Tool, which allows them to paint details directly onto the environment using a brush, or even fill large landscapes automatically with the press of a button.<br><br>By default, colors are applied automatically using the color of the surface being painted on, but any and all detail properties can be overwritten by artists to sculpt the look of the environment to their liking.<br><br>Blades also features Unity ShaderGraph support, allowing developers to extend Blades by creating custom detail effects/features.</span></div>
</div>
<div class="col-auto text-center d-flex justify-content-between align-self-center mx-auto justify-content-sm-center" data-aos="zoom-out-left" data-aos-delay="600" data-aos-once="true">
<div class="text-center" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;padding: 15px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);width: 390px;">
<div>
<div class="col" style="text-align: center;">
<div class="carousel slide" data-bs-ride="false" id="carousel-1">
<div class="carousel-inner">
<div class="carousel-item active"><img class="img-fluid w-100 d-block" src="assets/img/Blades.png" alt="Slide Image" width="360" height="360" style="border-radius: 8px;"></div>
<div class="carousel-item"><img class="img-fluid w-100 d-block" src="assets/img/image_022_0000.png" alt="Slide Image" width="360" height="360" style="border-radius: 8px;"></div>
<div class="carousel-item"><img class="img-fluid w-100 d-block" src="assets/img/image_024_0000.png" alt="Slide Image" width="360" height="360" style="border-radius: 8px;"></div>
</div>
<div><a class="carousel-control-prev" href="#carousel-1" role="button" data-bs-slide="prev"></a><a class="carousel-control-next" href="#carousel-1" role="button" data-bs-slide="next"></a></div>
<ol class="carousel-indicators">
<li data-bs-target="#carousel-1" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#carousel-1" data-bs-slide-to="1"></li>
<li data-bs-target="#carousel-1" data-bs-slide-to="2"></li>
</ol>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col text-start align-self-center" data-aos="zoom-out-up" data-aos-delay="700" data-aos-once="true"><a class="btn btn-lg active d-grid" role="button" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-width: 0px;border-color: rgba(0,0,0,0);border-radius: 8px;--bs-primary: #dc4242;--bs-primary-rgb: 220,66,66;box-shadow: 0px 8px 0px 0px rgb(27,0,0);" href="https://github.com/knowlife4/Blades">Github</a></div>
</div>
</div>
</section>
<section style="margin-top: 40px;margin-bottom: 40px;border-radius: 8px;">
<div class="container text-center" data-aos="zoom-out" data-aos-delay="200" style="background: linear-gradient(#374048, #212529), rgb(47,48,51);border-radius: 10px;padding: 12px;box-shadow: inset 0px -8px 0px 0px rgb(18,18,18);border: 4px solid rgba(255,255,255,0.3) ;">
<div class="text-center d-block" data-aos="zoom-out-down" data-aos-delay="400" data-aos-once="true" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;margin-bottom: 10px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);">
<h2 class="text-center d-inline-block" style="text-shadow: 0px 8px rgb(0,0,0);">Stinger</h2>
</div>
<div style="margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;">
<div class="row gx-3 gy-3 text-center">
<div class="col" data-aos="zoom-out-right" data-aos-delay="500" data-aos-once="true">
<div class="text-start" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;padding: 15px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);height: 100%;">
<h3 class="fw-bold text-white mb-3" style="font-size: 15px;margin-bottom: 2px;text-shadow: 0px 8px 10px rgb(0,0,0);">(COMING SOON)</h3>
</div>
</div>
<div class="col-auto text-center d-flex justify-content-between align-self-center mx-auto justify-content-sm-center" data-aos="zoom-out-left" data-aos-delay="600" data-aos-once="true">
<div class="text-center" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;padding: 15px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);"><img class="img-fluid" src="assets/img/Stinger.png" width="360" height="360"></div>
</div>
</div>
</div>
<div class="row">
<div class="col text-start align-self-center" data-aos="zoom-out-up" data-aos-delay="700" data-aos-once="true"><a class="btn btn-lg disabled active d-grid" role="button" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(27,0,0);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-width: 0px;border-color: rgba(0,0,0,0);border-radius: 8px;" href="https://github.com/knowlife4/Blades">(COMING SOON)</a></div>
</div>
</div>
</section>
</div>
</div>
</section>
<section style="border-radius: 8px;padding: 20px;">
<div class="container-fluid text-center" data-aos="zoom-out" data-aos-delay="200" style="background: rgba(0,0,0,0);border-radius: 10px;padding: 12px;border: 4px solid rgba(255,255,255,0.5);backdrop-filter: blur(15px) brightness(91%) contrast(87%) grayscale(75%) invert(0%) saturate(99%);">
<div class="text-center d-block" data-aos="zoom-out-down" data-aos-delay="400" data-aos-once="true" style="background: linear-gradient(#404040 0%, #1e1e1e 100%), #111111;border-radius: 8px;margin-bottom: 10px;box-shadow: 0px 8px 0px 0px rgb(14,14,14);">
<h1 class="text-center d-inline-block" style="text-shadow: 0px 8px rgb(0,0,0);"><strong><span style="font-style: normal !important;">OTHER</span></strong><br></h1>
</div>
<div style="margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;">
<section style="margin-top: 40px;margin-bottom: 40px;border-radius: 8px;">
<div class="container text-center" data-aos="zoom-out" data-aos-delay="200" style="background: linear-gradient(#374048, #212529), rgb(47,48,51);border-radius: 10px;padding: 12px;box-shadow: inset 0px -8px 0px 0px rgb(18,18,18);border: 4px solid rgba(255,255,255,0.3) ;">
<div class="text-center d-block" data-aos="zoom-out-down" data-aos-delay="400" data-aos-once="true" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;margin-bottom: 10px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);">
<h2 class="text-center d-inline-block" style="text-shadow: 0px 8px rgb(0,0,0);">Nuclei</h2>
</div>
<div style="margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;">
<div class="row gx-3 gy-3 text-center">
<div class="col" data-aos="zoom-out-right" data-aos-delay="500" data-aos-once="true">
<div class="text-start" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;padding: 15px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);height: 100%;"><span class="text-start d-block" id="desc" style="font-size: 16px;">Nuclei is an innovative and unique technology with the intention of a programming backend that multiple languages can compile into.<br><br>The Nuclei Stack has three main components:<br><br><strong>• The Nu-Interpreter</strong><br><strong>• The Nu-Core</strong><br><strong>• The Nu-Embedder</strong><br><br>The Nu-Interpreter library is responsible for taking written code and compiling it into Nu-Assembly, a low-level universal code representation.<br><br>The Nu-Core is responsible for actually executing Nu-Assembly.<br><br>The Nu-Embedder library gives developers the ability to embed Nuclei into other projects (such as a Unity project).</span></div>
</div>
<div class="col-auto text-center d-flex justify-content-between align-self-center mx-auto justify-content-sm-center" data-aos="zoom-out-left" data-aos-delay="600" data-aos-once="true">
<div class="text-center" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;padding: 15px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);"><img class="img-fluid" src="assets/img/NucleiLogo.png" width="360" height="360"></div>
</div>
</div>
</div>
<div class="row">
<div class="col text-start align-self-center" data-aos="zoom-out-up" data-aos-delay="700" data-aos-once="true"><a class="btn btn-lg disabled active d-grid" role="button" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(27,0,0);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-width: 0px;border-color: rgba(0,0,0,0);border-radius: 8px;" href="https://github.com/knowlife4/Blades">(COMING SOON)</a></div>
</div>
</div>
</section>
<section style="margin-top: 40px;margin-bottom: 40px;border-radius: 8px;">
<div class="container text-center" data-aos="zoom-out" data-aos-delay="200" style="background: linear-gradient(#374048, #212529), rgb(47,48,51);border-radius: 10px;padding: 12px;box-shadow: inset 0px -8px 0px 0px rgb(18,18,18);border: 4px solid rgba(255,255,255,0.3) ;">
<div class="text-center d-block" data-aos="zoom-out-down" data-aos-delay="400" data-aos-once="true" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;margin-bottom: 10px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);">
<h2 class="text-center d-inline-block" style="text-shadow: 0px 8px rgb(0,0,0);">Multimodal Scene Voxelization</h2>
</div>
<div style="margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;">
<div class="row gx-3 gy-3 text-center">
<div class="col" data-aos="zoom-out-right" data-aos-delay="500" data-aos-once="true">
<div class="text-start" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;padding: 15px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);height: 100%;"><span class="text-start d-block" id="desc" style="font-size: 16px;">Multimodal scene voxelization (MSV) presents a pioneering technique for achieving real-time calculations across diverse domains in computer science, simulation, and entertainment. By harnessing baked data to represent scenes on the GPU, MSV unlocks the potential for advancements in global illumination, spatial audio, pathfinding, and physics simulations.<br><br>MSV revolutionizes the way scenes are represented and utilized across multiple computational domains. This hybrid approach capitalizes on the GPU's capabilities to process and render voxelized data in real-time. MSV amalgamates high-detail baked asset representations with a novel chunk-based scene representation, facilitating efficient calculations for diverse applications such as global illumination, spatial audio simulation, pathfinding algorithms, and dynamic physics.</span></div>
</div>
</div>
</div>
<div class="row">
<div class="col text-start align-self-center" data-aos="zoom-out-up" data-aos-delay="700" data-aos-once="true"><a class="btn btn-lg disabled active d-grid" role="button" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(27,0,0);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-width: 0px;border-color: rgba(0,0,0,0);border-radius: 8px;" href="https://github.com/knowlife4/Blades">(COmING SOON)</a></div>
</div>
</div>
</section>
<section style="margin-top: 40px;margin-bottom: 40px;border-radius: 8px;">
<div class="container text-center" data-aos="zoom-out" data-aos-delay="200" style="background: linear-gradient(#374048, #212529), rgb(47,48,51);border-radius: 10px;padding: 12px;box-shadow: inset 0px -8px 0px 0px rgb(18,18,18);border: 4px solid rgba(255,255,255,0.3) ;">
<div class="text-center d-block" data-aos="zoom-out-down" data-aos-delay="400" data-aos-once="true" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;margin-bottom: 10px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);">
<h2 class="text-center d-inline-block" style="text-shadow: 0px 8px rgb(0,0,0);">Project Eden</h2>
</div>
<div style="margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;">
<div class="row gx-3 gy-3 text-center">
<div class="col" data-aos="zoom-out-right" data-aos-delay="500" data-aos-once="true">
<div class="text-start" style="background: linear-gradient(#252525 0%, #121212 100%), #111111;border-radius: 8px;padding: 15px;box-shadow: 0px 8px 0px 0px rgb(0,0,0);height: 100%;"><span class="text-start d-block" id="desc" style="font-size: 16px;">Project Eden is a server for a chat service built using C# and LiteDB.<br><br>This service supports the following:<br><br><strong>• User account creation</strong><br><strong>• User logins with Auth-Tokens</strong><br><strong>• Multiple sub-profiles per-user with unique names and profiles</strong><br><strong>• Channels</strong><br><strong>• Messages</strong><br></span></div>
</div>
</div>
</div>
<div class="row">
<div class="col text-start align-self-center" data-aos="zoom-out-up" data-aos-delay="700" data-aos-once="true"><a class="btn btn-lg disabled active d-grid" role="button" style="color: var(--bs-white);background: linear-gradient(#b32d2d 0%, #431414 100%), #111111;box-shadow: 0px 8px 0px 0px rgb(27,0,0);margin-bottom: 10px;padding: 15px;padding-top: 10px;padding-bottom: 10px;border-width: 0px;border-color: rgba(0,0,0,0);border-radius: 8px;" href="https://github.com/knowlife4/Aether">(COMING SOON)</a></div>
</div>
</div>
</section>
</div>
</div>
</section>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="assets/js/Customizable-Carousel-swipe-enabled.js"></script>
<script src="assets/js/grayscale.js"></script>
<script src="assets/js/Advanced-NavBar---Multi-dropdown.js"></script>
<script src="assets/js/Petunia-Pickle-navbar-1.js"></script>
<script src="assets/js/Petunia-Pickle-navbar.js"></script>
<script src="assets/js/Return-to-Top-Arrow.js"></script>
<script src="assets/js/Video-Parallax-Background-v3.js"></script>
</body>
</html>