-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgames.html
145 lines (137 loc) · 4.95 KB
/
games.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="assets/favicon.ico" type="image/x-icon" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
<title>/Games</title>
</head>
<body>
<h1>/Games</h1>
<h2>Making games that are just fun to play.</h2>
<div id="nav-links">
<a href="index.html">Home</a>
<a href="web-apps.html">Web Apps</a>
<a>Games</a>
</div>
<div style="height: 2rem"></div>
<div style="display: flex; justify-content: center">
<iframe
width="1280"
height="720"
src="https://www.youtube-nocookie.com/embed/z8vmw7lgJRs?si=swjoEv2EChA2Qns3"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen
></iframe>
</div>
<div style="height: 2rem"></div>
<div class="projects">
<div class="project-container">
<a href="https://9starstudios.itch.io/occult-prototype" target="_blank">
<img
src="assets/screenshots/Occult.png"
alt="Occult screenshot"
class="project-screenshot"
/>
</a>
<div class="project-details">
<h3>Occult: Prototype</h3>
<p style="max-width: 50rem">
You run a mining operation in the Asteroid Belt. Mine minerals,
upgrade capabilities and become a space baron in this short sci-fi
adventure. <br /><br />Built using Blender and Godot.
<br /><br />Please check it out here:
<a
href="https://9starstudios.itch.io/occult-prototype"
target="_blank"
>Occult: Prototype
</a>
</p>
</div>
</div>
<div class="project-container">
<a>
<img
src="assets/screenshots/Solstice.png"
alt="Cabin in the Woods screenshot"
class="project-screenshot"
/>
</a>
<div class="project-details">
<h3>Cabin in the Woods</h3>
<p style="max-width: 50rem">
As 2021 was drawing to a close, I wanted to end a year of
experimenting on a high note. What better way to do that than make a
light-hearted game for me and my friends? A warm cabin in the woods,
with a fireplace and a smoke-puffing chimney, as well as a frozen
lake and snowfall outside. I think that completed the experience.
</p>
</div>
</div>
<div class="project-container">
<a
href="https://play.google.com/store/apps/details?id=com.Gamestacy.BoomBall&pcampaignid=web_share"
target="_blank"
>
<img
src="assets/screenshots/BoomBall.png"
alt="Boom Ball screenshot"
class="project-screenshot"
/>
</a>
<div class="project-details">
<h3>Boom Ball</h3>
<p style="max-width: 50rem">
My biggest commercial release: a modern retake on the classic game
of Atoms. Play against friends online, or against smart bots that
scale in difficulty along with your skill. Purchase skins, compete
on leaderboards and become the best! Made with Unity, ML Agents,
Unity Gaming Services.
<br /><br />Please check it out here:
<a
href="https://play.google.com/store/apps/details?id=com.Gamestacy.BoomBall&pcampaignid=web_share"
target="_blank"
>Boom Ball</a
>
</p>
</div>
</div>
</div>
<div style="height: 2rem"></div>
<div class="footer">
<p id="footer-text">© 2024 Harsh Agarwal. All rights reserved.</p>
<div class="footer-links">
<a href="https://twitter.com/odyssey2552" target="_blank"
><img
src="assets/twitter.png"
alt="My Twitter Link"
style="height: 32px"
/></a>
<a href="https://github.com/ultramarinebicycle" target="_blank"
><img
src="assets/github.png"
alt="My Github Link"
style="height: 32px"
/></a>
<a
href="https://www.linkedin.com/in/harsh-agarwal-2aa36a1ba"
target="_blank"
><img
src="assets/linkedin.png"
alt="My LinkedIn Link"
style="height: 32px"
/></a>
</div>
</div>
</body>
</html>