-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (124 loc) · 7.23 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>CelestialFox Studio - Home</title>
<meta charset="UTF-8">
<meta name="keywords" content="CelestialFox, Indie, Studio, Games, Game Development, Open Source, Adventure Games">
<meta name="description" content="An Independent Game Studio creating unique and memorable gaming experiences.">
<meta name="author" content="CelestialFox Studio">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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=Yanone+Kaffeesatz:wght@300&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<link rel="stylesheet" href="/styles.css">
</head>
<body>
<nav>
<ul class="left-menu">
<li><a href="/#about">About</a></li>
<li><a href="/#games">Games</a></li>
<li><a href="/#team">Team</a></li>
</ul>
<ul class="right-menu">
<li class="social"><a title="Discord Server" href="https://discord.celestial-fox.com"><i class="bi bi-discord"></i></a></li>
<li class="social"><a title="Youtube Channel" href="https://yt.celestial-fox.com"><i class="bi bi-youtube"></i></a></li>
<!-- <li class="social"><a title="Subreddit" href="https://reddit.celestial-fox.com"><i class="bi bi-reddit"></i></a></li>
<li class="social"><a rel="me" title="Mastodon" href="https://mastodon.social/@celestialfox"><i class="bi bi-mastodon"></i></a></li> -->
<li class="social"><a title="GitHub" href="https://github.com/CFoxStudio"><i class="bi bi-github"></i></a></li>
<li class="social"><a title="Documentation" href="https://docs.celestial-fox.com"><i class="bi bi-file-text-fill"></i></a></li>
</ul>
</nav>
<section id="home">
<a class="center" href="/"><img alt="CelestialFox Logo" class="logo" src="/imgs/logo.png"></a>
<h1>CelestialFox Studio</h1>
<h2>Creating Unique Gaming Experiences</h2>
<h4>We just moved from <a href="https://github.com/LnlyPie/">LonelyPie</a>. Sorry for the mess...</h4>
</section>
<section id="about">
<h2>About Us</h2>
<p>We are CelestialFox, an independent game studio dedicated to creating unique and unforgettable gaming experiences.</br>
Our mission is to harness the power of storytelling and deliver adventures that leave a lasting impression.</br>
Join us as we transform imagination into reality, one game at a time.</p>
</section>
<section id="games">
<h2>Our Latest Games</h2>
<section id="actual-games">
<div class="game">
<img class="center" src="https://raw.githubusercontent.com/CFoxStudio/Evie/main/icon.png" alt="Evie - A top-down adventure game">
<h3>Evie</h3>
<p>An upcoming top-down adventure game</p>
<h4>Download Links:</h4>
<a title="Game Jolt" class="os center" href="https://gamejolt.com/games/evie/922690"><i class="bi bi-lightning-fill"></i> Game Jolt</a>
<a title="Github Releases" class="os center" href="https://github.com/cfoxstudio/evie/releases"><i class="bi bi-github"></i> Github Releases</a>
<h4>Source Code:</h4>
<a title="Source" class="os center" href="https://github.com/CFoxStudio/Evie"><i class="bi bi-git"></i> Source Code</a>
</div>
<div class="game">
<i class="bi bi-palette-fill center" alt="Just a Pallete"></i>
<h3>Spectrum Survival</h3>
<p>A small Minecraft minigame made for Minestom Gamejam 2024</p>
<h4>Download Link:</h4>
<a title="Server" class="os center" href="https://github.com/CFoxStudio/SpectrumSurvival/releases"><i class="bi bi-cup-hot-fill"></i> Server (JAR & Config)</a>
<h4>Source Code:</h4>
<a title="Source" class="os center" href="https://github.com/CFoxStudio/SpectrumSurvival"><i class="bi bi-git"></i> Source Code</a>
</div>
</section>
</section>
<section id="team">
<h2>Meet the Team</h2>
<div class="row">
<div class="column">
<h3>Andus</h3>
<h4>Developer</h4>
<h4>Music Composer</h4>
<h4>Artist</h4>
</div>
<div class="column">
<h3>LucePric</h3>
<h4>Story Writer</h4>
<h4>Artist</h4>
</div>
<div class="column">
<h3>xnlx0000</h3>
<h4>Artist</h4>
</div>
</div>
<div class="row">
<div class="column">
<h3>Gilbert</h3>
<h4>Artist</h4>
</div>
<div class="column">
<h3>Marsh</h3>
<h4>Artist</h4>
</div>
</div>
</section>
<section id="helpusout">
<h2>Contribute to CelestialFox</h2>
<div class="row">
<div class="column">
<i class="bi bi-code center" style="color: #c4c4c4; font-size: 45px;"></i>
<h3>Open for All</h3>
<p>If you're a developer, consider contributing to our games by visiting our <a title="Github" href="https://github.com/CFoxStudio">GitHub</a>. Your help is greatly appreciated!</p>
</div>
<div class="column">
<i class="bi bi-tools center" style="color: #c4c4c4; font-size: 45px;"></i>
<h3>Moddable Games</h3>
<p>Our games are built to be moddable, allowing you to customize and expand your experience. Create something! Share it! Unleash your creativity!</p>
</div>
<div class="column">
<i class="bi bi-people-fill center" style="color: #c4c4c4; font-size: 45px;"></i>
<h3>Join Our Community</h3>
<p>Join our <a title="CelestialFox's Discord Server" href="https://discord.celestial-fox.com">Discord server</a> to get the latest updates and engage with our community!</p>
<!-- <p>Participate in discussions on our <a title="CelestialFox's Subreddit" href="https://reddit.celestial-fox.com">Subreddit</a>. We’d love to hear from you!</p> -->
</div>
</div>
</section>
<footer>
<p class="center"><i class="bi bi-git"></i> 2024 CelestialFox Studio. Open Source Games.</p>
<p class="center">Website licensed under <a href="https://choosealicense.com/licenses/mit/">MIT license</a></p>
</footer>
</body>
</html>