-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
201 lines (175 loc) · 8.94 KB
/
index.html
File metadata and controls
201 lines (175 loc) · 8.94 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="description"
content="Based in Portland, OR, Epimetheus Games is a small game not-yet-company that consists of a few middle schoolers. It started out as a team for the Oregon Game Project Challenge, and has currently made 2 games.">
<meta name="author" content="Epimetheus Games">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:image" content="/assets/favicons/logo.png">
<title>Home | Epimetheus Games</title>
<link rel="icon" href="./assets/favicons/logo.png">
<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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link href="style.css" rel="stylesheet" type="text/css">
<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=Nixie+One&display=swap" rel="stylesheet"> <!-- might want to remove from here because EyeSore won't be featured game -->
</head>
<body>
<div id="container">
<div id="left">
<img src="/assets/favicons/logo.png" alt="Logo">
</div>
<div id="right">
<h1>Epimetheus Games</h1>
<nav><ul style="list-style: none;">
<li><a href="/">Home</a></li>
<li><a href="/games">Games</a></li>
<li><a href="/videos">Videos</a></li>
<li><a href="/blog">Blog</a></li>
</ul></nav>
</div>
</div>
<h2>Featured Game</h2>
<hr class="subhr">
<div id="subsurfacetension" class="page">
<img src="../assets/favicons/subsurfacetension.png" alt="Subsurface Tension logo" style="margin: 5px; border: 4px solid black; max-width: 85%;">
<p>Explore a flooded underwater planet, fighting off mutated fish and housing civilians displaced by extreme weather on the surface.</p>
<p>UPDATE: Subsurface Tension has won Best in Show for middle school at the Oregon Game Project Challenge!</p>
<br><br>
<a href="./games/#subsurfacetension">
<h4>Learn more & play</h4>
</a>
<a href="./videos/#subsurfacetension">
<h4>Watch the trailer and making of videos</h4>
</a>
<a href="https://github.com/epimetheusgames/OGPC-Season-18" target="_blank">
<h4>GitHub repository (Source code used for downloading)</h4>
</a>
</div>
<!-- <div id="projectprometheus" class="page">
<img src="../assets/favicons/prometheuslogo.png" alt="Project Prometheus logo" style="width: 650px; max-width: 80%; height: auto; margin-top: -70px; margin-bottom: -60px; position: relative; right: 1.5%;">
<p>Explore a long-abandoned facility, originally the international government energy project known as Project
Prometheus, that is being taken over by an awakening facility management AI. You will switch between 4 items
using the Item Cyclers dispersed around the facility. For added efficiency and safety, you will be terminated
if you do not reach the next Item Cycler within 20 seconds. Fight your way through robot drones, corrupted
drills, and challenging platforming segments.</p>
<p>UPDATE: Project Prometheus has won Best in Show for middle school at the Oregon Game Project Challenge!</p>
<br><br>
<a href="./games/#projectprometheus">
<h4>Learn more & play</h4>
</a>
<a href="./videos/#projectprometheus">
<h4>Watch the trailer and making of videos</h4>
</a>
<a href="https://github.com/epimetheusgames/OGPC-Season-17" target="_blank">
<h4>GitHub repo (Source code used for downloading)</h4>
</a>
</div> -->
<br><br>
<hr>
<div id="aboutus" class="page">
<h2>About Us</h2>
<p class="twentyfour">
Based in Portland, OR, Epimetheus Games is a three-time award-winning small game
not-yet-company that consists of a few middle schoolers. It started out as
a team
for the <a href="https://ogpc.info" target="_blank">Oregon Game Project Challenge</a>, and is now...</p>
<p class="twentyfour">...still a team for
the
<a href="https://ogpc.info" target="_blank">Oregon Game Project Challenge</a>!
We have currently made 3 games for OGPC, <a href="./games/#eyesore">EyeSore</a>, <a href="./games/#projectprometheus">Project Prometheus</a>, and <a href="./games/#subsurfacetension">Subsurface Tension</a>. They have all won the Best in Show award for the middle school division of the competition, in seasons 16, 17, and 18 respectively.
</p>
<p class="twentyfour">
Project Prometheus, our second game (made for <a href="https://www.ogpc.info/seasons/2024.html" target="_blank">Season 17 of OGPC</a>), can be played on our <a href="https://epimetheusgamesogpc.itch.io/" target="_blank">Itch.io page</a>, where you can also find EyeSore and soon, our latest game, Subsurface Tension.
</p>
<p class="twentyfour">
In the meantime, <a href="./blog/">check out our blog</a>, which we
will be trying to keep updated in the following seasons!
</p>
</div>
<hr>
<div class="team page">
<h2 style="width: 90%">Meet the Team</h2>
<div class="teammember">
<img class="teamimages" src="./assets/teamimages/carson.png" style="width: 170px; height: 170px; image-rendering: pixelated;" alt="Carson B">
<p title="Not related to Alejandro B or Kai B">Carson B - Game Design & Programming</p>
</div>
<div class="teammember">
<img class="teamimages" src="./assets/teamimages/alejandro.png" alt="Alejandro B."
style="width: 215px; height: 170px;">
<p title="Not related to Carson B or Kai B">Alejandro B - Music/SFX & Web Developer</p>
</div>
<div class="teammember">
<img class="teamimages" src="./assets/teamimages/kai.png" alt="Kai B."
style="width: 170px; height: 170px; border-radius: 50%;">
<p title="Not related to Carson B or Alejandro B">Kai B - Game Design & Programming</p>
</div>
<div class="teammember">
<img class="teamimages" src="./assets/teamimages/sequoia.png" alt="Sequoia H."
style="width: 170px; height: 170px; border-radius: 50%">
<p>Sequoia H - Programming</p>
</div>
<div class="teammember">
<img class="teamimages" src="./assets/teamimages/xavier.png" alt="Xavier J."
style="width: 170px; height: 170px; border-radius: 25px;">
<p title="Not related to Oscar J">Xavier J - Programming</p>
</div>
<div class="teammember">
<img class="teamimages" src="./assets/teamimages/oscar.png" alt="Oscar J."
style="width: 170px; height: 170px;">
<p title="Not related to Xavier J">Oscar J - Art</p>
</div>
<div class="teammember">
<img class="teamimages" src="./assets/teamimages/liam.png" style="width: 170px; height: 170px;" alt="Liam S">
<p title="Not related to Ranier S">Liam S - Graphic Design & Art</p>
</div>
</div>
<hr class="subhr">
<div class="team page">
<h3 style="width: 90%;">Past Team Members</h3>
<div class="teammember">
<img class="teamimages" src="./assets/teamimages/elouan.png" style="width: 170px; height: 170px;" alt="Elouan G">
<p>Elouan G - Co-Manager & Level Design</p>
</div>
<div class="teammember">
<img class="teamimages" src="./assets/teamimages/noah.png" style="width: 170px; height: 170px;" alt="Noah J-G">
<p>Noah J-G - Programming & Music/SFX</p>
</div>
<div class="teammember">
<img class="teamimages" src="./assets/teamimages/ranier.png" style="width: 170px; height: 170px;" alt="Ranier S">
<p title="Not related to Liam S">Ranier S - Website Sponsor</p>
</div>
</div>
<hr>
<footer>
<p class="ten">
<!-- 🄯 --><img src="/assets/favicons/logo.png" alt="🄯"
style="width: 13px; height: 10px; position: relative; top: 1px;">
Epimetheus Games 2023-2024 | <a href="/">Home</a> | <a href="/devlogin/">Developer Login</a> | <a href="/games/">Games</a> |
<a href="/videos/">Videos</a> | <a href="/blog/">Blog</a> | <a href="/why/">why</a>
</p>
<br><br>
<button onclick="topFunction()" id="topBtn" title="Go to top">Top</button>
</footer>
<script>
let toTopButton = document.getElementById("topBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function () {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 400 || document.documentElement.scrollTop > 400) {
toTopButton.style.display = "block";
} else {
toTopButton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}
</script>
</body>
</html>