Update index.html

This commit is contained in:
mathias 2015-12-11 22:26:33 +02:00
parent 45d10fb9f9
commit 8d6a0b19a7

View file

@ -311,97 +311,79 @@
font-family: 'icons';
content: "\e605";
}
#newsbutton:before, #news-title:before {
#newsbutton:before, #news-title:before {
font-family: 'icons';
content: "\e602";
}
#contactbutton:before, #contact-title:before {
}
#contactbutton:before, #contact-title:before {
font-family: 'icons';
content: "\e600";
}
#aboutbutton:before {
}
#aboutbutton:before {
top: 1px;
position: relative;
}
#newsbutton:before {
}
#newsbutton:before {
top: 1px;
position: relative;
}
#contactbutton:before {
}
#contactbutton:before {
top: 2px;
position: relative;
}
#news-title:before {
}
#about-title:before, #contact-title:before, #news-title:before {
font-weight: normal;
margin-right: 12px;
position: relative;
}
#news-title:before {
margin: 0 12px 0 0;
top: 2px;
}
#about-title:before {
font-weight: normal;
margin-right: 8px;
position: relative;
}
#about-title:before {
margin: 0 8px 0 0;
top: 2px;
}
#contact-title:before {
font-weight: normal;
margin-right: 12px;
position: relative;
}
#contact-title:before {
margin: 0 12px 0 0;
top: 3px;
}
#news-box {
height:290px;
}
#news-box {
height: 290px;
overflow: scroll;
overflow-x: hidden;
margin-bottom: 15px;
}
#news-list {
margin: 0 0 15px 0;
}
#news-list {
text-align: left;
list-style-type: none;
padding-right: 10px;
padding: 0;
}
#news-list li{
margin-bottom: 15px;
}
.date{
padding: 0 10px 0 0;
}
#news-list li {
margin: 0 0 15px 0;
}
.date {
font-size: 9px;
color: rgba(255,255,255,.4);
}
label {
text-align: left;
}
label span {
display: block;
margin-bottom: 7px;
font-size: 11px;
}
label input, label textarea {
width: 100%;
box-sizing: border-box;
}
#second {
margin-top: 18px;
display: block;
}
button {
}
label {
text-align: left;
}
label span {
display: block;
margin: 0 0 7px 0;
font-size: 11px;
}
label input, label textarea {
width: 100%;
box-sizing: border-box;
}
#second {
margin-top: 18px;
display: block;
}
button {
margin: 15px 0 0 0;
}
}
@media (min-width:767px){
h1{
padding-bottom: 15px;
@ -513,76 +495,78 @@ button{
margin: 25px 0 0 0;
}
}
</style>
</head>
<body>
<div id="intro">
<div id="intro-body">
<p id="icon"></p>
<p id="logo">Flame.ga</p>
<h1>Free OP Server in Minecraft</h1>
<a href="#about" title="About" id="aboutbutton"></a><a href="#news" title="News" id="newsbutton"></a><a href="#contact" title="Contact" id="contactbutton"></a>
</div>
</div>
<div id="about">
<div id="about-body">
<h2 id="about-title">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">Join with</span><input id="ipinput" onClick="this.select();" value="flame.ga"><br/>
</div>
</div>
<div id="news">
<div id="news-body">
<h2 id="news-title">News</h2>
<div id="news-box">
<ul id="news-list">
<li>We've created a new spawn for the server and added a Flatlands world for easier building.<br/>
<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/>
<span class="date">October 4, 2015</span></li>
<li>Players can now get some nice ranks/tags using the commands /rank and /ranks.<br/>
<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/>
<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/>
<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/>
<span class="date">June 15, 2015</span></li>
<li>We've migrated to a new hosting provider with better server specifications. ;)<br/>
<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/>
<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/>
<span class="date">April 25, 2015</span></li>
<li>A few new commands have been added to the server.<br/>
<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/>
<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/>
<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/>
<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>
</div>
</div>
<div id="contact">
<div id="contact-body">
<h2 id="contact-title">Contact</h2>
<form action="//formspree.io/hello@flame.ga" method="POST">
<label>
<span>Email</span>
<input type="email" name="_replyto" placeholder="Please enter your email" required>
</label>
<label id="second">
<span>Message</span>
<textarea name="body" rows="10" placeholder="Please enter your message" required></textarea>
</label>
<input type="hidden" name="_next" value="/sent" />
<button type="submit">Send</button>
</form>
</div>
</div>
</style>
</head>
<body>
<div id="intro">
<div id="intro-body">
<p id="icon"></p>
<p id="logo">Flame.ga</p>
<h1>Free OP Server in Minecraft</h1>
<a href="#about" title="About" id="aboutbutton"></a><a href="#news" title="News" id="newsbutton"></a><a href="#contact" title="Contact" id="contactbutton"></a>
</div>
</div>
<div id="about">
<div id="about-body">
<h2 id="about-title">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"><br/>
</div>
</div>
<div id="news">
<div id="news-body">
<h2 id="news-title">News</h2>
<div id="news-box">
<ul id="news-list">
<li>
We've created a new spawn for the server and added a Flatlands world for easier building.<br/>
<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/>
<span class="date">October 4, 2015</span></li>
<li>Players can now get some nice ranks/tags using the commands /rank and /ranks.<br/>
<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/>
<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/>
<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/>
<span class="date">June 15, 2015</span></li>
<li>We've migrated to a new hosting provider with better server specifications. ;)<br/>
<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/>
<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/>
<span class="date">April 25, 2015</span></li>
<li>A few new commands have been added to the server.<br/>
<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/>
<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/>
<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/>
<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>
</div>
</div>
<div id="contact">
<div id="contact-body">
<h2 id="contact-title">Contact</h2>
<form action="//formspree.io/hello@flame.ga" method="POST">
<label>
<span>Email</span>
<input type="email" name="_replyto" placeholder="Please enter your email" required>
</label>
<label id="second">
<span>Message</span>
<textarea name="body" rows="10" placeholder="Please enter your message" required></textarea>
</label>
<input type="hidden" name="_next" value="/sent" />
<button type="submit">Send</button>
</form>
</div>
</div>
</body>
</html>