-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
207 lines (198 loc) · 15.7 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
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- SEO -->
<title id="CubicServer">Cubic Server</title>
<meta name="description" content="CubicServer is part of the game world as the Minecraft server creation solution for individuals and businesses. It is an ambitious project that promises its users performance and ease of use, through its simplified and optimized technical environment, but also through its extensibility through a plugin system." />
<meta name="robots" content="robots.txt" />
<meta name="referrer" content="always" />
<!-- Open Graph -->
<meta property="og:title" content="CubicServer" />
<meta property="og:description" content="CubicServer is part of the game world as the Minecraft server creation solution for individuals and businesses. It is an ambitious project that promises its users performance and ease of use, through its simplified and optimized technical environment, but also through its extensibility through a plugin system." />
<!-- Favicon -->
<link rel="icon" type="image/png" href="images/favicon.png" sizes="32x32" id="CubicServer-favicon">
<!-- Styles -->
<link rel='stylesheet' href='assets/css/cubic-mc.css' type='text/css' media='screen' />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<script src="https://kit.fontawesome.com/c46fa27eb8.js" crossorigin="anonymous"></script>
</head>
<body id="minecraft-cubicserver" class="section-page">
<div class="fs-cubic-mc">
<div class="nav-bar">
<button onclick="document.getElementById('home-cubic-server').scrollIntoView({ behavior: 'smooth' });">HOME</button>
<button onclick="document.getElementById('about-cubic-server').scrollIntoView({ behavior: 'smooth' });">ABOUT</button>
<button onclick="document.getElementById('release-cubic-server').scrollIntoView({ behavior: 'smooth' });">NEXT RELEASE</button>
<button onclick="document.getElementById('roadmap-cubic-server').scrollIntoView({ behavior: 'smooth' });">ROADMAP</button>
<button onclick="document.getElementById('who-we-are').scrollIntoView({ behavior: 'smooth' });">WHO WE ARE</button>
<!-- <button onclick="document.getElementById('news-blog').scrollIntoView({ behavior: 'smooth' });">NEWS</button> -->
<button onclick="document.getElementById('contact').scrollIntoView({ behavior: 'smooth' });">CONTACT</button>
</div>
<div class="page-content" id="home-cubic-server">
<div class="bg-image" style="background-image: url(images/bckg1.webp);" alt="Minecraft landscape, Cubic Server map"></div>
<div class="logo">
<p>CUBIC</p>
<img src="images/logo.webp" alt="Cubic Server's Logo" />
<p>SERVER</p>
</div>
</div>
<div class="page-content" id="about-cubic-server">
<div class="bg-image" style="background-image: url(images/bckg1.webp);" alt="Minecraft landscape, Cubic Server map"></div>
<div class="about">
<h1>About Cubic Server</h1>
<div class="box-desc">
<div class="textbox" id="CubicServer-desc">
<p>CubicServer is part of the game world as the Minecraft server creation solution for individuals and businesses. It is an ambitious project that promises its users performance and ease of use, through its simplified and optimized technical environment, but also through its extensibility through a plugin system.
</br></br>Carried out by six Epitech students as a graduation project, the goal of CubicServer will be to offer an optimized server without limits, to allow players around the world to give free rein to their imagination within a expanded community.</p>
<button onclick="document.getElementById('who-we-are').scrollIntoView();">See who we are</button>
</div>
</div>
</div>
</div>
<div class="page-content" id="release-cubic-server">
<div class="bg-image" style="background-image: url(images/bckg1.webp);" alt="Minecraft landscape, Cubic Server map"></div>
<div class="release">
<h1>Next Release</h1>
<div class="box-desc">
<div class="textbox">
<h2>Current Release</h2>
<p>v0.4.0-beta</p>
<button id="CubicMC-github-release" onclick="location.href = 'https\:\/\/github.com/CubicMC/cubic-server/releases/latest';">See download</button>
</div>
<div class="textbox">
<h2>Next Release</h2>
<p>¯\_(ツ)_/¯</p>
<button onclick="location.href = 'https\:\/\/github.com/CubicMC/cubic-server'">See project</button>
</div>
</div>
</div>
</div>
<div class="page-content" id="roadmap-cubic-server">
<div class="bg-image" style="background-image: url(images/bckg1.webp);" alt="Minecraft landscape, Cubic Server map"></div>
<div class="roadmap">
<h1>Roadmap</h1>
<div class="box-desc">
<div class="textbox">
<p class="eip-sprint-desc" id="eip-sprint-desc">Click on a period of time to see details about it.</p>
<div class="eip-roadmap">
<div class="sprints">
<button class="eip-sprint" id="beta-growth-hacking" onclick="document.getElementById('eip-sprint-desc').innerHTML='For now, we developed an alpha version of the project, available in the Releases section.</br> At the end of this period, we expect to release a beta version of Cubic Server.'"><span class="sprint-date">Feb 2023 - May 2023</span></br></br><span>Beta & Growth Hacking</span></button>
<button class="eip-release" id="beta-release" onclick="document.getElementById('eip-sprint-desc').innerHTML='Around June 2023, we are to release a beta version of Cubic Server.'"><span>Beta Release</span></button>
<button class="eip-sprint" id="consolidation" onclick="document.getElementById('eip-sprint-desc').innerHTML='After launching the beta, we plan to consolidate the project thanks to the feedback we will receive from our beta-testers.'"><span class="sprint-date">June 2023 - Sep 2023</span></br></br><span>Consolidation</span></button>
<button class="eip-release" id="consolidation-release" onclick="document.getElementById('eip-sprint-desc').innerHTML='More details about this release are to be added in the future.'"><span>New Release</span></button>
<button class="eip-sprint" id="launch-metrics" onclick="document.getElementById('eip-sprint-desc').innerHTML='This last period of time will be used to refine the last details of Cubic Server.'"><span class="sprint-date">Oct 2023 - Dec 2023</span></br></br><span>Launch & Metrics</span></button>
<button class="eip-release" id="launch-metrics-release" onclick="document.getElementById('eip-sprint-desc').innerHTML='At the end of this period, we expect to launch the first final version of Cubic Server.'"><span>Launching</span></button>
</div>
<div class="end-roadmap">
<div class="end-roadmap-div" id="end-roadmap-1"></div>
<div class="end-roadmap-div" id="end-roadmap-2"></div>
<div class="end-roadmap-div" id="end-roadmap-3"></div>
<div class="end-roadmap-div" id="end-roadmap-4"></div>
</div>
<!-- <div class="roadmap-arrow"></div> -->
</div>
</div>
</div>
</div>
</div>
<div class="page-content" id="who-we-are">
<div class="bg-image" style="background-image: url(images/bckg1.webp);" alt="Minecraft landscape, Cubic Server map"></div>
<div class="who-we-are">
<h1>Who we are</h1>
<div class="box-desc">
<div class="profiles">
<div class="cs-member">
<button class="cs-member-pp" aria-label="huntears' profile" style="background-image: url('https://avatars.githubusercontent.com/u/44233177?v=4');" onclick="document.getElementById('cs-member-desc').innerHTML='\'\'If you\'re not part of the solution, be part of the problem!\'\'';"></button>
<div class="cs-member-pseudo">huntears</div>
</div>
<div class="cs-member">
<button class="cs-member-pp" aria-label="Trompettesib's profile" style="background-image: url('https://avatars.githubusercontent.com/u/60519602?v=4');" onclick="document.getElementById('cs-member-desc').innerHTML='\'\'What is sleep? Baby I don\'t know, I don\'t know, no more.<br\>Never gonna sleep again, never gonna meet the end, Deadlines are coming, but without me !\'\'';"></button>
<div class="cs-member-pseudo">Trompettesib</div>
</div>
<div class="cs-member">
<button class="cs-member-pp" aria-label="NekoSelena's profile" style="background-image: url('https://avatars.githubusercontent.com/u/62648027?v=4');" onclick="document.getElementById('cs-member-desc').innerHTML='\'\'I got more husbandos than sleep hours, but that won\'t stop me from having more husbandos.\'\'';"></button>
<div class="cs-member-pseudo">NekoSelena</div>
</div>
<div class="cs-member">
<button class="cs-member-pp" aria-label="STMiki's profile" style="background-image: url('https://avatars.githubusercontent.com/u/23247773?v=4');" onclick="document.getElementById('cs-member-desc').innerHTML='\'\'I never listen to NekoSelena, she should punish me more often.\'\'';"></button>
<div class="cs-member-pseudo">STMiki</div>
</div>
<div class="cs-member">
<button class="cs-member-pp" aria-label="Thomas-Harit's profile" style="background-image: url('https://avatars.githubusercontent.com/u/62348529?v=4');" onclick="document.getElementById('cs-member-desc').innerHTML='\'\'I\'m sorry, did I break your concentration? I didn\'t mean to do that. Please, continue, you were saying something about best intentions. What\'s the matter? Oh, you were finished! Well, allow me to retort.\'\'';"></button>
<div class="cs-member-pseudo" style="white-space: nowrap;">Thomas-Harit</div>
</div>
<div class="cs-member">
<button class="cs-member-pp" aria-label="PierrickMarguin's profile" style="background-image: url('https://avatars.githubusercontent.com/u/75084576?v=4');" onclick="document.getElementById('cs-member-desc').innerHTML='\'\'This new guy does not know about NekoSelena\'s punitions. Yet.\'\'';"></button>
<div class="cs-member-pseudo">PierrickMarguin</div>
</div>
<div class="cs-member">
<button class="cs-member-pp" aria-label="QuentindiMeo's profile" style="background-image: url('https://avatars.githubusercontent.com/u/43745346?v=4');" onclick="document.getElementById('cs-member-desc').innerHTML='\'\'Find me nowhere, call out my name;<br\>coding ain\'t fair ⊗ it\'s just a game.\'\'';"></button>
<div class="cs-member-pseudo">QuentindiMeo</div>
</div>
</div>
<div class="textbox-special">
<p class="cs-member-desc" id="cs-member-desc">Click on someone profile picture to read a bit about us!</p>
</div>
<div class="textbox-github">
<div class="github-name">
<div class="icon-github"></div>
cubic-server
<div class="public-tag">public</div>
</div>
<p class="github-desc">A fast and extensible C++ implementation of Minecraft's server.</p>
<div class="lang-github">
<div class="lang-dot"></div>
<p style="line-height: 0.8vw;">C++</p>
</div>
<button class="github-btn" onclick="location.href = 'https\:\/\/github.com/CubicMC'">GitHub Organization</button>
</div>
</div>
</div>
</div>
<!-- <div class="page-content" id="news-blog">
<div class="bg-image" style="background-image: url(images/bckg1.webp);" alt="Minecraft landscape, Cubic Server map"></div>
<div class="news-blog">
<h1>News and Blog</h1>
<div class="box-desc">
<div class="textbox">
<p>Text</p>
<button>Label</button>
</div>
<div class="textbox">
<p>Text</p>
<button>Label</button>
</div>
<div class="textbox">
<p>Text</p>
<button>Label</button>
</div>
<div class="textbox">
<p>Text</p>
<button>Label</button>
</div>
</div>
</div>
</div> -->
</div>
</body>
<footer class="credit" id="contact">
<h1>Contact us</h1>
<div class="flex-contact">
<p class="contact">
Email : <a href="mailto:[email protected]">[email protected]</a>
</br>
GitHub Organization : <a href="https://github.com/CubicMC">CubicMC</a>
</p>
<div class="v-div"></div>
<p class="contact">
<i class="fa-brands fa-reddit"></i> <a href="https://www.reddit.com/r/CubicServer/">r/CubicServer</a>
</br>
<i class="fa-brands fa-discord"></i> <a href="https://discord.gg/5fFkmx7Zpr">CubicServer</a>
</br>
<i class="fa-brands fa-mastodon"></i> <a href="https://fosstodon.org/@cubicserver">Cubic Server</a>
</p>
</div>
<p class="copyright">©2023 <a href="#">CubicServer</a></p>
</footer>
</html>