-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (63 loc) · 4.86 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>J. M. Stark</title>
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<header>
<h1 class="header">
<a class="header" href="index.html">J. M. Stark</a>
</h1>
</header>
<div class="content">
<iframe width="850" height="478" src="https://www.youtube.com/embed/kUdJfKl5f0w?si=RDTrF3vI41QTDQBf" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<div class="content">
<h2 class="bodyTitle">Projects</h2>
<a href="projects/manicmouse.html"><img class="imageHalf" src="projects/images/manicmouse_thumbnail.jpg" alt="Manic Mouse! Thumbnail Image"></a>
<a href="projects/flipxel.html"><img class="imageHalf" src="projects/images/flipxel_thumbnail.jpg" alt="Flipxel Thumbnail Image"></a>
<a href="projects/minsnake.html"><img class="imageHalf" src="projects/images/minsnake_thumbnail.jpg" alt="MinSnake Thumbnail Image"></a>
<a href="projects/levelblocker.html"><img class="imageHalf" src="projects/images/levelblocker_thumbnail.jpg" alt="Level Blocker Thumbnail Image"></a>
<a href="projects/froggame.html"><img class="imageHalf" src="projects/images/froggame_thumbnail.jpg" alt="Frog Game Thumbnail Image"></a>
<a href="projects/shufflecompany.html"><img class="imageHalf" src="projects/images/shufflecompany_thumbnail.jpg" alt="Shuffle Company Thumbnail Image"></a>
<a href="projects/glasscannon.html"><img class="imageHalf" src="projects/images/glasscannon_thumbnail.jpg" alt="Glass Cannon Thumbnail Image"></a>
<a href="projects/vacuous.html"><img class="imageHalf" src="projects/images/vacuous_thumbnail.jpg" alt="Vacuous Thumbnail Image"></a>
<a href="projects/xenoarchaeology.html"><img class="imageHalf" src="projects/images/xenoarchaeology_thumbnail.jpg" alt="Xenoarchaeology Thumbnail Image"></a>
<a href="projects/clouds.html"><img class="imageHalf" src="projects/images/clouds_thumbnail.jpg" alt="Clouds Thumbnail Image"></a>
<a href="projects/ludonarrare.html"><img class="imageHalf" src="projects/images/ludonarrare_thumbnail.jpg" alt="LudoNarrare Thumbnail Image"></a>
<a href="projects/lightanddark.html"><img class="imageHalf" src="projects/images/lightanddark_thumbnail.jpg" alt="Lighteners and Darkeners Thumbnail Image"></a>
<a href="projects/crawl.html"><img class="imageHalf" src="projects/images/crawl_thumbnail.jpg" alt="Crawl Thumbnail Image"></a>
<a href="projects/jban.html"><img class="imageHalf" src="projects/images/jban_thumbnail.jpg" alt="JBan Thumbnail Image"></a>
<a href="projects/thepacman.html"><img class="imageHalf" src="projects/images/thepacman_thumbnail.jpg" alt="The Pac-Man Thumbnail Image"></a>
<a href="projects/rdmmmme.html"><img class="imageHalf" src="projects/images/rdmmmme_thumbnail.jpg" alt="RDMMMME Thumbnail Image"></a>
<a href="projects/fullcircuit.html"><img class="imageHalf" src="projects/images/fullcircuit_thumbnail.jpg" alt="Full Circuit Thumbnail Image"></a>
<a href="projects/vacuumandforce.html"><img class="imageHalf" src="projects/images/vacuumandforce_thumbnail.jpg" alt="Vacumm and Force Thumbnail Image"></a>
<a href="projects/mofi.html"><img class="imageHalf" src="projects/images/mofi_thumbnail.jpg" alt="WA:MoFI Thumbnail Image"></a>
</div>
<div class="content">
<h2 class="bodyTitle">3D Art</h2>
<a href="renders/floodingSands.jpg"><img class="imageHalf" src="renders/floodingSands.jpg"></img></a>
<a href="renders/ancientCity.jpg"><img class="imageHalf" src="renders/ancientCity.jpg"></img></a>
<a href="renders/desertInteriorScene.jpg"><img class="imageHalf" src="renders/desertInteriorScene.jpg"></img></a>
<a href="renders/cyclesPyramidHills.jpg"><img class="imageHalf" src="renders/cyclesPyramidHills.jpg"></img></a>
<a href="renders/scifiMesas.jpg"><img class="imageHalf" src="renders/scifiMesas.jpg"></img></a>
<a href="renders/liquidGoldMining.jpg"><img class="imageHalf" src="renders/liquidGoldMining.jpg"></img></a>
<a href="renders/desert_power_lines1.jpg"><img class="imageHalf" src="renders/desert_power_lines1.jpg"></img></a>
<a href="renders/metalRoom.jpg"><img class="imageHalf" src="renders/metalRoom.jpg"></img></a>
</div>
<div class="content">
<h2 class="bodyTitle">Links</h2>
<p class="bodyTextCenter">
<a class="bodyLink" href="https://github.com/JMRante">GitHub</a>
</p>
<p class="bodyTextCenter">
<a class="bodyLink" href="https://www.linkedin.com/in/jmrante/">LinkedIn</a>
</p>
<p class="bodyTextCenter">
<a class="bodyLink" href="https://www.youtube.com/@JMRante">YouTube</a>
</p>
</div>
<footer>© 2025 J. M. Stark</footer>
</body>
</html>