Update index.html

This commit is contained in:
mathias 2015-12-12 02:38:08 +02:00
parent 1677b531b9
commit 5eb34d251c

View file

@ -1,4 +1,4 @@
<!DOCTYPE html>
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
@ -59,7 +59,7 @@
@font-face {
font-family: 'icons';
src: url('data:application/font-woff2;charset=utf-8;base64,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') format('woff2'),
url('data:application/font-woff;charset=utf-8;base64,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') format('woff'),
url('data:application/octet-stream;base64,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') format('woff'),
url('fonts/icons.ttf') format('truetype'),
url('fonts/icons.svg#icons') format('svg');
font-weight: normal;
@ -97,6 +97,26 @@
opacity:1;
}
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
html, body {
width: 100%;
height: 100%;
@ -133,6 +153,12 @@
h1, h2, h3, p, #logo, #ip {
cursor: default;
}
input:focus, textarea:focus, button:hover, button:focus, #intro a:hover, #intro a:focus {
outline: 0;
}
#facebook:before, h2:before, #icon, #intro a:before, #twitter:before {
font-family: 'icons';
}
h1, h2, h3 {
text-transform: uppercase;
font-style: normal;
@ -142,22 +168,15 @@
font-size: 16px;
text-transform: uppercase;
font-family: montserratregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
margin-top: 0;
padding: 0 0 25px 0;
line-height: 6px;
margin: 0 0 45px 0;
line-height: 16px;
}
h2 {
font-size: 28px;
text-transform: uppercase;
text-align: center;
font-family: montserratbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-family: montserratregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0 0 25px;
letter-spacing: 1px;
}
p {
text-align: center;
margin: 0 0 20px;
line-height: 1.5;
}
a {
text-decoration: none;
@ -167,6 +186,15 @@
a:hover, a:focus {
color: rgba(255,255,255,.2);
}
#intro a:first-of-type:before, #about h2:before {
content: "\2139";
}
#intro a:before, #news h2:before {
content: "\1F56B";
}
#intro a:last-of-type:before, #contact h2:before {
content: "\2709";
}
#intro, #news {
color: #fff;
display: table;
@ -182,16 +210,38 @@
text-align: center;
padding: 30px 0 30px 0;
}
#icon {
font-size: 380px;
line-height: 350px;
margin: 0 0 0 15px;
#intro a:before {
top: 1px;
position: relative;
}
#intro a {
background: #fff;
color: #aa0000;
font-size: 19px;
transition: background .2s ease-in-out;
padding: 7px 15px 7px 15px;
}
#intro a:hover {
background: rgba(255,255,255,0.9);
}
#intro a:first-of-type {
border-radius: 21px 0px 0px 21px;
border-right: 1px solid #aa0000;
padding: 7px 14px 7px 20px;
}
#intro a:last-of-type {
border-radius: 0px 21px 21px 0px;
border-left: 1px solid #aa0000;
padding: 7px 20px 7px 14px;
}
#icon:before {
content: "\f0d2";
font-size: 350px;
line-height: 390px;
content: "\1F525";
}
#logo {
font-size: 47px;
font-size: 49px;
text-transform: uppercase;
font-family: montserratbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
letter-spacing: 1px;
@ -209,7 +259,6 @@
}
#news {
background: #0b0b0b;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}
#about-body, #news-body, #contact-body {
display: table-cell;
@ -218,62 +267,68 @@
font-size: 16px;
text-align: center;
}
input, textarea {
font-family: montserratlight,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px;
border: none;
color: #000;
background: #fff;
padding: 7px 9px 7px 10px;
border-radius: 4px;
transition: background .3s ease-in-out;
resize: none;
margin: 0;
#news-body {
padding: 40px 150px 40px 150px;
}
input:focus, textarea:focus {
background: rgba(255,255,255,.8);
#contact-body {
padding: 40px 210px 40px 210px;
}
#ipinput {
border: #fff solid 1px;
background: none;
color: #fff;
width: 70px;
margin: 18px 0 0 0;
border-radius: 0px 6px 6px 0px;
#about p {
text-align: center;
margin: 0 0 40px;
line-height: 1.6;
}
#ipinput:hover, #ipinput:focus {
background: rgba(255,255,255,.1);
text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
#about h2:before, #contact h2:before, #news h2:before {
font-weight: normal;
position: relative;
top: 2px;
margin: 0 16px 0 0;
}
button {
font-family: montserratlight,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px;
color: #fff;
background: none;
border: #fff solid 1px;
padding: 7px 9px 7px 10px;
border-radius: 5px;
transition: background .3s ease-in-out;
cursor: pointer;
#about h2:before {
font-size: 29px;
}
button:hover, button:focus {
background: rgba(255,255,255,.1);
}
#ip {
border: #fff solid 1px;
#ip-label {
font-family: montserratregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
color: #000;
background: #fff;
padding: 7px 7px 7px 10px;
margin: 18px 0 0 0;
font-size: 16px;
border-radius: 6px 0px 0px 6px;
}
#ip-address {
border: #fff solid 1px;
color: #fff;
padding: 6px 10px 7px 9px;
border-radius: 0px 6px 6px 0px;
}
#box {
height: 60%;
overflow: scroll;
overflow-x: hidden;
margin: 0 0 25px 0;
}
#box ul {
text-align: left;
list-style-type: none;
padding: 0 10px 0 0;
}
#box li {
margin: 0 0 20px 0;
line-height: 1.5;
}
#box li:last-child {
margin: 0;
}
.date {
font-size: 13px;
color: rgba(255,255,255,.4);
}
#facebook:before, #twitter:before {
border-radius: 50%;
display: inline-block;
padding: 10px;
font-size: 20px;
padding: 6px;
font-size: 28px;
color: #fff;
transition: background .2s ease-in-out;
}
#facebook {
margin: 0 6px 0 0;
@ -282,109 +337,66 @@
margin: 0 0 0 6px;
}
#facebook:before {
background: #3b5998;
content: '\e603';
background: rgba(59,89,152,0.7);
content: '\f09a';
}
#facebook:hover:before {
background: rgba(59,89,152,0.9);
}
#twitter:before {
background: #0084b4;
content: '\e604';
background: rgba(0,132,180,0.8);
content: '\f099';
}
#intro a {
background: #fff;
color: #aa0000;
font-size: 19px;
transition: background .1s ease-in-out;
padding: 7px 15px 7px 15px;
}
input:focus, textarea:focus, button:hover, button:focus, #intro a:hover, #intro a:focus {
outline: 0;
}
#intro a:first-of-type {
border-radius: 21px 0px 0px 21px;
border-right: 1px solid #aa0000;
padding: 7px 15px 7px 18px;
}
#intro a:last-of-type {
border-radius: 0px 21px 21px 0px;
border-left: 1px solid #aa0000;
padding: 7px 18px 7px 15px;
}
#facebook:before, h2:before, #icon, #intro a:before, #twitter:before {
font-family: 'icons';
}
#intro a:first-of-type:before, #about h2:before {
content: "\f129";
}
#intro a:before, #news h2:before {
content: "\f0a1";
}
#intro a:last-of-type:before, #contact h2:before {
content: "\f1d8";
}
#intro a:first-of-type:before {
top: 1px;
position: relative;
}
#intro a:before {
top: 2px;
position: relative;
}
#intro a:last-of-type:before {
top: 2px;
position: relative;
}
#about h2:before, #contact h2:before, #news h2:before {
font-weight: normal;
position: relative;
}
#news h2:before {
margin: 0 16px 0 0;
top: 2px;
}
#about h2:before {
margin: 0 13px 0 0;
top: 2px;
}
#contact h2:before {
margin: 0 16px 0 0;
top: 3px;
}
#newsbox {
height: 300px;
overflow: scroll;
overflow-x: hidden;
margin: 0 0 25px 0;
}
#newsbox ul {
text-align: left;
list-style-type: none;
padding: 0 10px 0 0;
}
#newsbox li {
margin: 0 0 20px 0;
}
.date {
font-size: 11px;
color: rgba(255,255,255,.4);
#twitter:hover:before {
background: rgba(0,132,180,1);
}
label {
text-align: left;
margin: 0 0 24px 0;
display: block;
}
label span {
display: block;
margin: 0 0 10px 0;
font-size: 14px;
margin: 0 0 12px 0;
font-size: 16px;
}
label input, label textarea {
width: 100%;
box-sizing: border-box;
}
label:last-child {
margin-top: 24px;
display: block;
label:last-of-type {
margin: 0;
}
input, textarea {
font-family: montserratlight,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px;
border: 0;
color: #000;
background: #fff;
padding: 9px 11px 9px 11px;
border-radius: 4px;
transition: background .2s ease-in-out;
resize: none;
margin: 0;
}
input:focus, textarea:focus {
background: rgba(255,255,255,.9);
}
button {
margin: 25px 0 0 0;
font-family: montserratregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px;
text-transform: uppercase;
color: #fff;
background: none;
border: #fff solid 1px;
margin: 35px 0 0 0;
padding: 8px 10px 8px 11px;
border-radius: 5px;
cursor: pointer;
transition: background .2s ease-in-out;
}
button:hover, button:focus {
background: rgba(255,255,255,.05);
}
</style>
</head>
@ -401,82 +413,82 @@
<div id="about-body">
<h2>About</h2>
<p>Flame.ga provides you a fun and interesting experience in Minecraft. On this server, you can do whatever you want, without any consequenses; grief, troll, use hacks - you name it. You get access to a large amount of free OP (operator) commands to use whenever you like, as well as a few server plugins, such as WorldEdit and DisguiseCraft. To give you a fresh and lag-free experience, the server will reset once every day.</p>
<span id="ip">IP</span><input id="ipinput" onClick="this.select();" value="flame.ga">
<span id="ip-label">IP</span><span id="ip-address">flame.ga</span>
</div>
</div>
<div id="news">
<div id="news-body">
<h2>News</h2>
<div id="newsbox">
<div id="box">
<ul>
<li>
We've created a new spawn for the server and added a Flatlands world for easier building.<br/>
<p>We've created a new spawn for the server and added a Flatlands world for easier building.</p>
<span class="date">November 17, 2015</span>
</li>
<li>
The server has been moved to a new host with better specs! It should also restart much faster than before after a crash. :D<br/>
<p>The server has been moved to a new host with better specs! It should also restart much faster than before after a crash.</p>
<span class="date">October 4, 2015</span>
</li>
<li>
Players can now get some nice ranks/tags using the commands /rank and /ranks.<br/>
<p>Players can now get some nice ranks/tags using the commands /rank and /ranks.</p>
<span class="date">September 2, 2015</span>
</li>
<li>
We've unblocked another command! You'll have to find out which one it is though. ;)<br/>
<p>We've unblocked another command! You'll have to find out which one it is though. ;)</p>
<span class="date">August 11, 2015</span>
</li>
<li>
A "News" section has been added to our website. We've also created a contact form to make it easier for you to send us messages.<br/>
<p>A "News" section has been added to our website. We've also created a contact form to make it easier for you to send us messages.</p>
<span class="date">June 21, 2015</span>
</li>
<li>
The server should once again run 24/7, after having to solve a few problems. Apologies for the recent downtime.<br/>
<p>The server should once again run 24/7, after having to solve a few problems. Apologies for the recent downtime.</p>
<span class="date">June 15, 2015</span>
</li>
<li>
We've migrated to a new hosting provider with better server specifications. ;)<br/>
<p>We've migrated to a new hosting provider with better server specifications!</p>
<span class="date">May 28, 2015</span>
</li>
<li>
There have been a few issues with our email address recently, which resulted in emails not getting sent to us. We have now fixed it.<br/>
<p>There have been a few issues with our email address recently, which resulted in emails not getting sent to us. We have now fixed it.</p>
<span class="date">May 2, 2015</span>
</li>
<li>
Recently, DisguiseCraft stopped working due to a new issue in the server software. We will push a fix for this tomorrow. Another little detail; you will also be able to spawn and disguise as a Giant.<br/>
<p>Recently, DisguiseCraft stopped working due to a new issue in the server software. We will push a fix for this tomorrow. Another little detail; you will also be able to spawn and disguise as a Giant.</p>
<span class="date">April 25, 2015</span>
</li>
<li>
A few new commands have been added to the server.<br/>
<p>A few new commands have been added to the server.</p>
<span class="date">April 12, 2015</span>
</li>
<li>
The server is finally online again. Please connect with the new IP flame.ga if you want to play on the server.<br/>
<p>The server is finally online again, now with a new IP: flame.ga</p>
<span class="date">April 12, 2015</span>
</li>
<li>
Our website has now been updated. Check it out: <a href="https://flame.ga/">https://flame.ga/</a> ;)<br/>
<p>Our website has been updated.</p>
<span class="date">February 16, 2015</span>
</li>
<li>
The server was created. Thanks to both myokan and Kit_Kat_Matt for being very supportive and helpful during the early days.<br/>
<p>The server was created.</p>
<span class="date">June 2, 2014</span>
</li>
</ul>
</div>
<a href="https://www.facebook.com/flameserver" id="facebook"></a><a href="https://twitter.com/flameserver" id="twitter"></a>
<a href="https://www.facebook.com/flameserver" id="facebook" title="Facebook"></a><a href="https://twitter.com/flameserver" id="twitter" title="Twitter"></a>
</div>
</div>
<div id="contact">
<div id="contact-body">
<h2>Contact</h2>
<form action="//formspree.io/hello@flame.ga" method="POST">
<form action="https://formspree.io/hello@flame.ga" method="POST">
<label>
<span>Email</span>
<input type="email" name="_replyto" placeholder="Please enter your email" required>
<input type="email" name="_replyto" placeholder="Enter your email address" required>
</label>
<label>
<span>Message</span>
<textarea name="body" rows="10" placeholder="Please enter your message" required></textarea>
<textarea name="body" rows="10" placeholder="Enter your message" required></textarea>
</label>
<input type="hidden" name="_next" value="/sent"/>
<button type="submit">Send</button>