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'; font-family: 'icons';
content: "\e605"; content: "\e605";
} }
#newsbutton:before, #news-title:before {
#newsbutton:before, #news-title:before {
font-family: 'icons'; font-family: 'icons';
content: "\e602"; content: "\e602";
} }
#contactbutton:before, #contact-title:before {
#contactbutton:before, #contact-title:before {
font-family: 'icons'; font-family: 'icons';
content: "\e600"; content: "\e600";
} }
#aboutbutton:before {
#aboutbutton:before {
top: 1px; top: 1px;
position: relative; position: relative;
} }
#newsbutton:before {
#newsbutton:before {
top: 1px; top: 1px;
position: relative; position: relative;
} }
#contactbutton:before {
#contactbutton:before {
top: 2px; top: 2px;
position: relative; position: relative;
} }
#about-title:before, #contact-title:before, #news-title:before {
#news-title:before {
font-weight: normal; font-weight: normal;
margin-right: 12px;
position: relative; position: relative;
}
#news-title:before {
margin: 0 12px 0 0;
top: 2px; top: 2px;
} }
#about-title:before {
#about-title:before { margin: 0 8px 0 0;
font-weight: normal;
margin-right: 8px;
position: relative;
top: 2px; top: 2px;
} }
#contact-title:before {
#contact-title:before { margin: 0 12px 0 0;
font-weight: normal;
margin-right: 12px;
position: relative;
top: 3px; top: 3px;
} }
#news-box {
#news-box { height: 290px;
height:290px;
overflow: scroll; overflow: scroll;
overflow-x: hidden; overflow-x: hidden;
margin-bottom: 15px; margin: 0 0 15px 0;
} }
#news-list {
#news-list {
text-align: left; text-align: left;
list-style-type: none; list-style-type: none;
padding-right: 10px; padding: 0 10px 0 0;
padding: 0; }
} #news-list li {
#news-list li{ margin: 0 0 15px 0;
margin-bottom: 15px; }
} .date {
.date{
font-size: 9px; font-size: 9px;
color: rgba(255,255,255,.4); color: rgba(255,255,255,.4);
} }
label {
label { text-align: left;
text-align: left; }
} label span {
display: block;
label span { margin: 0 0 7px 0;
display: block; font-size: 11px;
margin-bottom: 7px; }
font-size: 11px; label input, label textarea {
} width: 100%;
box-sizing: border-box;
label input, label textarea { }
width: 100%; #second {
box-sizing: border-box; margin-top: 18px;
} display: block;
}
#second { button {
margin-top: 18px;
display: block;
}
button {
margin: 15px 0 0 0; margin: 15px 0 0 0;
} }
@media (min-width:767px){ @media (min-width:767px){
h1{ h1{
padding-bottom: 15px; padding-bottom: 15px;
@ -513,76 +495,78 @@ button{
margin: 25px 0 0 0; margin: 25px 0 0 0;
} }
} }
</style> </style>
</head> </head>
<body> <body>
<div id="intro"> <div id="intro">
<div id="intro-body"> <div id="intro-body">
<p id="icon"></p> <p id="icon"></p>
<p id="logo">Flame.ga</p> <p id="logo">Flame.ga</p>
<h1>Free OP Server in Minecraft</h1> <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> <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> </div>
<div id="about"> <div id="about">
<div id="about-body"> <div id="about-body">
<h2 id="about-title">About</h2> <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> <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/> <span id="ip">IP</span><input id="ipinput" onClick="this.select();" value="flame.ga"><br/>
</div> </div>
</div> </div>
<div id="news"> <div id="news">
<div id="news-body"> <div id="news-body">
<h2 id="news-title">News</h2> <h2 id="news-title">News</h2>
<div id="news-box"> <div id="news-box">
<ul id="news-list"> <ul id="news-list">
<li>We've created a new spawn for the server and added a Flatlands world for easier building.<br/> <li>
<span class="date">November 17, 2015</span></li> We've created a new spawn for the server and added a Flatlands world for easier building.<br/>
<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">November 17, 2015</span>
<span class="date">October 4, 2015</span></li> </li>
<li>Players can now get some nice ranks/tags using the commands /rank and /ranks.<br/> <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">September 2, 2015</span></li> <span class="date">October 4, 2015</span></li>
<li>We've unblocked another command! You'll have to find out which one it is though. ;)<br/> <li>Players can now get some nice ranks/tags using the commands /rank and /ranks.<br/>
<span class="date">August 11, 2015</span></li> <span class="date">September 2, 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/> <li>We've unblocked another command! You'll have to find out which one it is though. ;)<br/>
<span class="date">June 21, 2015</span></li> <span class="date">August 11, 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/> <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 15, 2015</span></li> <span class="date">June 21, 2015</span></li>
<li>We've migrated to a new hosting provider with better server specifications. ;)<br/> <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">May 28, 2015</span></li> <span class="date">June 15, 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/> <li>We've migrated to a new hosting provider with better server specifications. ;)<br/>
<span class="date">May 2, 2015</span></li> <span class="date">May 28, 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/> <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">April 25, 2015</span></li> <span class="date">May 2, 2015</span></li>
<li>A few new commands have been added to the server.<br/> <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 12, 2015</span></li> <span class="date">April 25, 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/> <li>A few new commands have been added to the server.<br/>
<span class="date">April 12, 2015</span></li> <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/> <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">February 16, 2015</span></li> <span class="date">April 12, 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/> <li>Our website has now been updated. Check it out: <a href="https://flame.ga/">https://flame.ga/</a> ;)<br/>
<span class="date">June 2, 2014</span></li> <span class="date">February 16, 2015</span></li>
</ul> <li>The server was created. Thanks to both myokan and Kit_Kat_Matt for being very supportive and helpful during the early days.<br/>
</div> <span class="date">June 2, 2014</span></li>
<a href="https://www.facebook.com/flameserver" id="facebook"></a><a href="https://twitter.com/flameserver" id="twitter"></a> </ul>
</div> </div>
</div> <a href="https://www.facebook.com/flameserver" id="facebook"></a><a href="https://twitter.com/flameserver" id="twitter"></a>
<div id="contact"> </div>
<div id="contact-body"> </div>
<h2 id="contact-title">Contact</h2> <div id="contact">
<form action="//formspree.io/hello@flame.ga" method="POST"> <div id="contact-body">
<label> <h2 id="contact-title">Contact</h2>
<span>Email</span> <form action="//formspree.io/hello@flame.ga" method="POST">
<input type="email" name="_replyto" placeholder="Please enter your email" required> <label>
</label> <span>Email</span>
<label id="second"> <input type="email" name="_replyto" placeholder="Please enter your email" required>
<span>Message</span> </label>
<textarea name="body" rows="10" placeholder="Please enter your message" required></textarea> <label id="second">
</label> <span>Message</span>
<input type="hidden" name="_next" value="/sent" /> <textarea name="body" rows="10" placeholder="Please enter your message" required></textarea>
<button type="submit">Send</button> </label>
</form> <input type="hidden" name="_next" value="/sent" />
</div> <button type="submit">Send</button>
</div> </form>
</div>
</div>
</body> </body>
</html> </html>