-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
185 lines (160 loc) · 8.34 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
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
<!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="https://epimetheusgames.onrender.com/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 Project Prometheus will 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="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 twice-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 2 games for OGPC, <a href="./games/#eyesore">EyeSore</a> and <a href="./games/#projectprometheus">Project Prometheus</a>. They have both won the Best in Show award for the middle school division of the competition, in seasons 16 and 17 respectively.
</p>
<p class="twentyfour">
Project Prometheus, our latest 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. We will continue to work on Project Prometheus past the end of OGPC Season 17 on May 18th, 2024. We hoped to eventually release it on Steam, but we are now shifting our focus to <a href="https://ogpc.info/seasons/2025.html">OGPC Season 18</a>. You can play the <a href="https://epimetheusgamesogpc.itch.io/projectprometheus">demo</a> on Itch.io for free.
</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;">
<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;">
<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;">
<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 - Team Member</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="http://home.epimetheusgames.repl.co">Home</a> | <a href="devlogin">devLogin</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>