Skip to content

Commit 4c8e58b

Browse files
committed
Initial commit
0 parents  commit 4c8e58b

File tree

6 files changed

+177
-0
lines changed

6 files changed

+177
-0
lines changed

assets/GitHub_Invertocat_Dark.svg

Lines changed: 14 additions & 0 deletions
Loading

assets/GitHub_Invertocat_Light.svg

Lines changed: 14 additions & 0 deletions
Loading

assets/logo-big.svg

Lines changed: 52 additions & 0 deletions
Loading

assets/logo-small.svg

Lines changed: 25 additions & 0 deletions
Loading

index.html

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta name="viewport" content="width=device-width, initial-scale=1" />
5+
<link rel="stylesheet" href="style.css" />
6+
</head>
7+
<body>
8+
<picture>
9+
<source media="(min-width: 1080px)" srcset="/assets/logo-big.svg" width="580px">
10+
<source media="(min-width: 400px)" srcset="/assets/logo-big.svg" width="54%">
11+
<source media="(max-width: 400px)" srcset="/assets/logo-small.svg" height="100px">
12+
<img src="/assets/logo-big.svg" id="logo" alt="OpenDream logo">
13+
</picture>
14+
<br>
15+
<p style="text-align: center">OpenDream is an open source recreation of the <a href="https://www.byond.com/">BYOND</a> game engine. Current major goals include running <a href="https://spacestation13.com/">Space Station 13</a> and improving the DM development experience.</p>
16+
<div id="links">
17+
<a href="https://www.github.com/OpenDreamProject/OpenDream/"><img id="link-GitHub" class="link-image" alt="OpenDream GitHub"></a>
18+
</div>
19+
</body>
20+
</html>

style.css

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
:root {
2+
color-scheme: light dark;
3+
}
4+
5+
@media (prefers-color-scheme: light) {
6+
body {
7+
background-color: #fafafa;
8+
}
9+
10+
#link-GitHub {
11+
content: url(/assets/GitHub_Invertocat_Dark.svg);
12+
}
13+
}
14+
15+
@media (prefers-color-scheme: dark) {
16+
body {
17+
background-color: #1b1b1b;
18+
}
19+
20+
#link-GitHub {
21+
content: url(/assets/GitHub_Invertocat_Light.svg);
22+
}
23+
}
24+
25+
#logo {
26+
display: block;
27+
margin-left: auto;
28+
margin-right: auto;
29+
margin-top: 100px;
30+
}
31+
32+
#links {
33+
display: flex;
34+
justify-content: center;
35+
align-items: center;
36+
}
37+
38+
.link-image {
39+
width: 64px;
40+
}
41+
42+
a:link,a:visited {
43+
text-decoration: none;
44+
}
45+
46+
a:visited {
47+
color: LinkText;
48+
}
49+
50+
a:hover {
51+
text-decoration: underline;
52+
}

0 commit comments

Comments
 (0)