1
0
mirror of https://git.ngram.ca/OpenJam/rc-servers synced 2026-08-23 23:08:52 +00:00
Files
ojrc/assets/templates/rc_register_success.html.hbs
2025-09-27 23:27:58 -04:00

137 lines
3.4 KiB
Handlebars

<html>
<head>
<title>OpenJam Success</title>
<link rel="icon" type="image/x-icon" href="/robocraft/favicon">
<style>
body {
background-color: lightgrey;
padding: 0;
margin: 0;
}
.form-stripe {
position: relative;
min-width: 300px;
max-width: 500px;
height: auto;
min-height: 100%;
margin: 0 auto;
background-color: grey;
padding: 25px 0;
box-shadow: 0px 0px 50px 5px grey;
}
.form-banner {
position: relative;
min-width: 300px;
max-width: 500px;
margin: 0 auto;
box-sizing: border-box;
background-color: dimgrey;
color: black;
padding: 25px;
}
.form-padded {
padding: 0 25px;
}
.form-disclaimer {
margin: 0 auto;
width: 95%;
}
h1, h2, h3, h4, h5 {
text-align: center;
}
a { text-decoration-line: none; }
a:link { color: darkgrey; }
a:hover { color: white; }
a:visited { color: lightgrey; }
a:active { color: white; }
.fake-button {
padding-top: 25px;
padding-left: 25px;
padding-right: 25px;
margin: 0 auto;
text-align: center;
font-size: 20px;
}
.fake-button-anchor {
width: 100%;
background-color: black;
color: lightgrey;
border: 1px solid white;
display: inline-block;
padding-top: 10px;
padding-bottom: 10px;
}
footer {
position: relative;
min-width: 300px;
max-width: 500px;
margin: 0 auto;
background-color: black;
}
.footer {
width: 95%;
color: lightgrey;
box-sizing: border-box;
padding: 25px;
}
.display-name { display: inline-block; }
.display-name:hover {
/* Place silly things in here */
animation: rotate-clk 1s linear infinite;
-webkit-animation: rotate-clk 1s linear infinite;
}
@keyframes rotate-clk {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.display-id { display: inline-block; }
.display-id:hover {
/* Place silly things in here */
animation: rotate-cclk .1s linear infinite;
-webkit-animation: rotate-cclk .1s linear infinite;
}
@keyframes rotate-cclk {
0% {
transform: rotate(0);
}
100% {
transform: rotate(-360deg);
}
}
</style>
</head>
<body>
<div class="form-stripe">
<h1 class="form-padded">Account '<span class="display-name">{{display_name}}</span>' created!</h1>
<h3 class="form-padded">Welcome user #<span class="display-id">{{id}}</span> to Robocraft!</h3>
<h5 class="form-padded">Let the FOSS flow through you...</h5>
<div class="fake-button">
<a class="fake-button-anchor" href="steam://launch/301520">Launch Robocraft</a>
</div>
<!--<div class="fake-button">
<a class="fake-button-anchor" href="steam://launch/804810">Launch Robocraft Royale</a>
</div>-->
<div class="form-padded" style="padding-bottom:250px;">
<div class="form-disclaimer">
<p>You'll need to download the <a href="https://git.ngram.ca/OpenJam/rc-servers/src/branch/main/assets/robocraft/servenvmulti.config">servenvmulti.config</a> first</p>
</div>
</div>
<footer>
<div class="footer">
{{version}}
| <a href="{{source_url}}#readme">About</a>
| <a href="https://liberapay.com/NGram">Support Me</a>
</div>
</footer>
</div>
</body>
</html>