mirror of
https://github.com/kaboomserver/website.git
synced 2024-12-22 07:45:00 +00:00
New update
This commit is contained in:
parent
6f48e8e37b
commit
d4f25fe65b
31 changed files with 141 additions and 416 deletions
2
404.html
2
404.html
|
@ -9,7 +9,7 @@ sitemap: false
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>{{ site.title }}</title>
|
<title>{{ site.title }}</title>
|
||||||
<meta name="description" content="{{ site.description }}">
|
<meta name="description" content="{{ site.description }}">
|
||||||
<link rel="canonical" href="{{ site.url }}">
|
<link rel="canonical" href="{{ site.url }}/">
|
||||||
<meta http-equiv="refresh" content="0;url={{ site.url }}">
|
<meta http-equiv="refresh" content="0;url={{ site.url }}">
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
html {
|
html {
|
||||||
|
|
|
@ -1,11 +1,8 @@
|
||||||
title: Flame.ga » Free OP Server
|
title: Flame.ga » Free OP Server
|
||||||
description: Flame.ga provides you a unique experience in Minecraft. On this multiplayer server, you are allowed to do whatever you want.
|
description: Flame.ga provides you a unique experience in Minecraft. On this multiplayer server, you are allowed to do whatever you want.
|
||||||
url: https://flame.ga
|
url: https://flame.ga
|
||||||
permalink: /#news
|
|
||||||
author: Flame.ga Team
|
|
||||||
exclude:
|
exclude:
|
||||||
- CNAME
|
- CNAME
|
||||||
- LICENSE
|
- LICENSE
|
||||||
gems:
|
gems:
|
||||||
- jekyll-feed
|
|
||||||
- jekyll-sitemap
|
- jekyll-sitemap
|
||||||
|
|
|
@ -1,8 +1,4 @@
|
||||||
/* Animation */
|
/* Animation */
|
||||||
@-webkit-keyframes fadein {
|
|
||||||
from { opacity: 0; }
|
|
||||||
to { opacity: 1; }
|
|
||||||
}
|
|
||||||
@keyframes fadein{
|
@keyframes fadein{
|
||||||
from { opacity: 0; }
|
from { opacity: 0; }
|
||||||
to { opacity: 1; }
|
to { opacity: 1; }
|
||||||
|
@ -16,7 +12,8 @@
|
||||||
font: inherit;
|
font: inherit;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
html, body {
|
html,
|
||||||
|
body {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
@ -36,7 +33,8 @@ body {
|
||||||
background: #7b7b7b;
|
background: #7b7b7b;
|
||||||
background: rgba(255,255,255,.04);
|
background: rgba(255,255,255,.04);
|
||||||
}
|
}
|
||||||
h1, h2 {
|
h1,
|
||||||
|
h2 {
|
||||||
font-family: montserratregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
font-family: montserratregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
@ -60,45 +58,45 @@ a {
|
||||||
color: rgba(255,255,255,.4);
|
color: rgba(255,255,255,.4);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
a:hover, a:focus {
|
a:hover,
|
||||||
|
a:focus {
|
||||||
color: rgba(255,255,255,.2);
|
color: rgba(255,255,255,.2);
|
||||||
}
|
}
|
||||||
/* Combined Rules */
|
/* Combined Rules */
|
||||||
h2:before, #intro i, #intro a:before {
|
h2:before,
|
||||||
|
#intro i,
|
||||||
|
#intro a:before {
|
||||||
font-family: 'icons';
|
font-family: 'icons';
|
||||||
}
|
}
|
||||||
#aboutbutton:before, #about h2:before {
|
#aboutbutton:before,
|
||||||
|
#about h2:before {
|
||||||
content: "\2139";
|
content: "\2139";
|
||||||
}
|
}
|
||||||
#newsbutton:before, #news h2:before {
|
#downloadsbutton:before,
|
||||||
content: "\1F56B";
|
#downloads h2:before {
|
||||||
}
|
|
||||||
#feedbackbutton:before, #feedback h2:before {
|
|
||||||
content: "\2709";
|
|
||||||
}
|
|
||||||
#downloadsbutton:before, #downloads h2:before {
|
|
||||||
content: "\2193";
|
content: "\2193";
|
||||||
}
|
}
|
||||||
#intro, #about, #feedback, #news {
|
#intro,
|
||||||
|
#about {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: table;
|
display: table;
|
||||||
}
|
}
|
||||||
#about, #feedback {
|
#aboutcontainer,
|
||||||
background: #000;
|
#downloadscontainer {
|
||||||
}
|
|
||||||
#aboutcontainer, #downloadscontainer {
|
|
||||||
padding: 2.000em 5.625em 2.000em 5.625em;
|
padding: 2.000em 5.625em 2.000em 5.625em;
|
||||||
}
|
}
|
||||||
#introcontainer, #aboutcontainer, #newscontainer, #feedbackcontainer, #downloadscontainer {
|
#introcontainer,
|
||||||
|
#aboutcontainer,
|
||||||
|
#downloadscontainer {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
font-size: 1.000em;
|
font-size: 1.000em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
-webkit-animation: fadein 1s;
|
|
||||||
animation: fadein 1s;
|
animation: fadein 1s;
|
||||||
}
|
}
|
||||||
#about p, #feedback p, #downloads p {
|
#about p,
|
||||||
|
#downloads p {
|
||||||
margin: 0 0 1.875em 0;
|
margin: 0 0 1.875em 0;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
}
|
}
|
||||||
|
@ -134,18 +132,15 @@ h2:before, #intro i, #intro a:before {
|
||||||
border-right: 1px solid #aa0000;
|
border-right: 1px solid #aa0000;
|
||||||
padding: 0.438em 0.813em 0.313em 1.125em;
|
padding: 0.438em 0.813em 0.313em 1.125em;
|
||||||
}
|
}
|
||||||
#newsbutton {
|
|
||||||
padding: 0.438em 0.875em 0.313em 0.875em;
|
|
||||||
border-right: 1px solid #aa0000;
|
|
||||||
}
|
|
||||||
#feedbackbutton {
|
|
||||||
padding: 0.438em 0.938em 0.313em 0.813em;
|
|
||||||
}
|
|
||||||
#downloadsbutton {
|
#downloadsbutton {
|
||||||
border-radius: 0 1.313em 1.313em 0;
|
border-radius: 0 1.313em 1.313em 0;
|
||||||
border-left: 1px solid #aa0000;
|
border-left: 1px solid #aa0000;
|
||||||
padding: 0.438em 1.063em 0.313em 0.875em;
|
padding: 0.438em 1.063em 0.313em 0.875em;
|
||||||
}
|
}
|
||||||
|
/* About */
|
||||||
|
#about {
|
||||||
|
background: #000;
|
||||||
|
}
|
||||||
/* IP */
|
/* IP */
|
||||||
#ip, #ip span, #ip i {
|
#ip, #ip span, #ip i {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -165,74 +160,6 @@ h2:before, #intro i, #intro a:before {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
padding: 0.500em 0.563em 0.500em 0.563em;
|
padding: 0.500em 0.563em 0.500em 0.563em;
|
||||||
}
|
}
|
||||||
/* News */
|
|
||||||
#news {
|
|
||||||
background: #0b0b0b;
|
|
||||||
}
|
|
||||||
#newscontainer {
|
|
||||||
padding: 2.000em 9.375em 2.000em 9.375em;
|
|
||||||
}
|
|
||||||
#news ul {
|
|
||||||
height: 23em;
|
|
||||||
margin: 0 0 1.563em 0;
|
|
||||||
overflow: auto;
|
|
||||||
overflow-x: hidden;
|
|
||||||
padding: 0 0.625em 0 0;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
#news li {
|
|
||||||
margin: 0 0 1.250em 0;
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
#news li:last-child {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
#news span {
|
|
||||||
color: rgba(255,255,255,.4);
|
|
||||||
font-size: 0.813em;
|
|
||||||
}
|
|
||||||
/* Feedback */
|
|
||||||
#feedbackcontainer {
|
|
||||||
padding: 2.000em 14.375em 2.000em 14.375em;
|
|
||||||
}
|
|
||||||
textarea::-moz-focus-inner, button::-moz-focus-inner {
|
|
||||||
border: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
textarea {
|
|
||||||
font-family: montserratlight,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
||||||
font-size: 1.000em;
|
|
||||||
border: 0;
|
|
||||||
color: #000;
|
|
||||||
background: #fff;
|
|
||||||
padding: 0.563em 0.688em 0.563em 0.688em;
|
|
||||||
margin: 0 0 1.875em 0;
|
|
||||||
border-radius: 0.250em;
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
resize: none;
|
|
||||||
}
|
|
||||||
button, #downloads a {
|
|
||||||
background: none;
|
|
||||||
border: #fff solid 1px;
|
|
||||||
border-radius: 0.313em;
|
|
||||||
color: #fff;
|
|
||||||
cursor: pointer;
|
|
||||||
display: inline-block;
|
|
||||||
font-family: montserratregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
||||||
font-size: 1.000em;
|
|
||||||
height: 2.313em;
|
|
||||||
line-height: 2.313em;
|
|
||||||
padding: 0 0.688em 0 0.688em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
button:hover, button:focus, #downloads a:hover, #downloads a:focus {
|
|
||||||
background: rgba(255,255,255,.05);
|
|
||||||
}
|
|
||||||
.hide {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
/* Downloads */
|
/* Downloads */
|
||||||
#downloads {
|
#downloads {
|
||||||
background: #0b0b0b;
|
background: #0b0b0b;
|
||||||
|
@ -246,7 +173,7 @@ button:hover, button:focus, #downloads a:hover, #downloads a:focus {
|
||||||
/* Responsive Design */
|
/* Responsive Design */
|
||||||
@media (min-width: 0px) {
|
@media (min-width: 0px) {
|
||||||
html { font-size: 76%; }
|
html { font-size: 76%; }
|
||||||
#aboutcontainer, #newscontainer, #feedbackcontainer, #downloadscontainer { padding-right: 3%; padding-left: 3%; }
|
#aboutcontainer, #downloadscontainer { padding-right: 3%; padding-left: 3%; }
|
||||||
}
|
}
|
||||||
@media (min-width: 100px) {
|
@media (min-width: 100px) {
|
||||||
html { font-size: 78%; }
|
html { font-size: 78%; }
|
||||||
|
@ -256,24 +183,16 @@ button:hover, button:focus, #downloads a:hover, #downloads a:focus {
|
||||||
}
|
}
|
||||||
@media (min-width: 300px) {
|
@media (min-width: 300px) {
|
||||||
html { font-size: 82%; }
|
html { font-size: 82%; }
|
||||||
#newscontainer { padding: 2.000em 4% 2.000em 4%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 4% 2.000em 4%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 400px) {
|
@media (min-width: 400px) {
|
||||||
html { font-size: 84%; }
|
html { font-size: 84%; }
|
||||||
#newscontainer { padding: 2.000em 5% 2.000em 5%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 6% 2.000em 6%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 500px) {
|
@media (min-width: 500px) {
|
||||||
html { font-size: 86%; }
|
html { font-size: 86%; }
|
||||||
#newscontainer { padding: 2.000em 6% 2.000em 6%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 8% 2.000em 8%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 600px) {
|
@media (min-width: 600px) {
|
||||||
html { font-size: 88%; }
|
html { font-size: 88%; }
|
||||||
#aboutcontainer, #downloadscontainer { padding: 2.000em 4% 2.000em 4%; }
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 4% 2.000em 4%; }
|
||||||
#newscontainer { padding: 2.000em 7% 2.000em 7%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 10% 2.000em 10%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 700px) {
|
@media (min-width: 700px) {
|
||||||
html { font-size: 90%; }
|
html { font-size: 90%; }
|
||||||
|
@ -284,102 +203,176 @@ button:hover, button:focus, #downloads a:hover, #downloads a:focus {
|
||||||
@media (min-width: 800px) {
|
@media (min-width: 800px) {
|
||||||
html { font-size: 92%; }
|
html { font-size: 92%; }
|
||||||
#aboutcontainer, #downloadscontainer { padding: 2.000em 6% 2.000em 6%; }
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 6% 2.000em 6%; }
|
||||||
#newscontainer { padding: 2.000em 9% 2.000em 9%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 14% 2.000em 14%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 900px) {
|
@media (min-width: 900px) {
|
||||||
html { font-size: 94%; }
|
html { font-size: 94%; }
|
||||||
#aboutcontainer, #downloadscontainer { padding: 2.000em 7% 2.000em 7%; }
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 7% 2.000em 7%; }
|
||||||
#newscontainer { padding: 2.000em 10% 2.000em 10%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 16% 2.000em 16%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 1000px) {
|
@media (min-width: 1000px) {
|
||||||
html { font-size: 96%; }
|
html { font-size: 96%; }
|
||||||
#aboutcontainer, #downloadscontainer { padding: 2.000em 8% 2.000em 8%; }
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 8% 2.000em 8%; }
|
||||||
#newscontainer { padding: 2.000em 11% 2.000em 11%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 18% 2.000em 18%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 1100px) {
|
@media (min-width: 1100px) {
|
||||||
html { font-size: 98%; }
|
html { font-size: 98%; }
|
||||||
#aboutcontainer, #downloadscontainer { padding: 2.000em 9% 2.000em 9%; }
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 9% 2.000em 9%; }
|
||||||
#newscontainer { padding: 2.000em 12% 2.000em 12%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 20% 2.000em 20%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 1200px) {
|
@media (min-width: 1200px) {
|
||||||
html { font-size: 100%; }
|
html { font-size: 100%; }
|
||||||
#aboutcontainer, #downloadscontainer { padding: 2.000em 10% 2.000em 10%; }
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 10% 2.000em 10%; }
|
||||||
#newscontainer { padding: 2.000em 13% 2.000em 13%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 22% 2.000em 22%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 1300px) {
|
@media (min-width: 1300px) {
|
||||||
html { font-size: 102%; }
|
html { font-size: 102%; }
|
||||||
#aboutcontainer, #downloadscontainer { padding: 2.000em 11% 2.000em 11%; }
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 11% 2.000em 11%; }
|
||||||
#newscontainer { padding: 2.000em 14% 2.000em 14%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 24% 2.000em 24%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 1400px) {
|
@media (min-width: 1400px) {
|
||||||
html { font-size: 104%; }
|
html { font-size: 104%; }
|
||||||
#aboutcontainer, #downloadscontainer { padding: 2.000em 12% 2.000em 12%; }
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 12% 2.000em 12%; }
|
||||||
#newscontainer { padding: 2.000em 15% 2.000em 15%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 26% 2.000em 26%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 1500px) {
|
@media (min-width: 1500px) {
|
||||||
html { font-size: 106%; }
|
html { font-size: 106%; }
|
||||||
#aboutcontainer, #downloadscontainer { padding: 2.000em 13% 2.000em 13%; }
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 13% 2.000em 13%; }
|
||||||
#newscontainer { padding: 2.000em 16% 2.000em 16%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 28% 2.000em 28%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 1600px) {
|
@media (min-width: 1600px) {
|
||||||
html { font-size: 108%; }
|
html { font-size: 108%; }
|
||||||
#aboutcontainer, #downloadscontainer { padding: 2.000em 14% 2.000em 14%; }
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 14% 2.000em 14%; }
|
||||||
#newscontainer { padding: 2.000em 17% 2.000em 17%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 29% 2.000em 29%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 1700px) {
|
@media (min-width: 1700px) {
|
||||||
html { font-size: 110%; }
|
html { font-size: 110%; }
|
||||||
#aboutcontainer, #downloadscontainer { padding: 2.000em 15% 2.000em 15%; }
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 15% 2.000em 15%; }
|
||||||
#newscontainer { padding: 2.000em 18% 2.000em 18%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 30% 2.000em 30%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 1800px) {
|
@media (min-width: 1800px) {
|
||||||
html { font-size: 112%; }
|
html { font-size: 112%; }
|
||||||
#aboutcontainer, #downloadscontainer { padding: 2.000em 16% 2.000em 16%; }
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 16% 2.000em 16%; }
|
||||||
#newscontainer { padding: 2.000em 19% 2.000em 19%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 31% 2.000em 31%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 1900px) {
|
@media (min-width: 1900px) {
|
||||||
html { font-size: 114%; }
|
html { font-size: 114%; }
|
||||||
#aboutcontainer, #downloadscontainer { padding: 2.000em 17% 2.000em 17%; }
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 17% 2.000em 17%; }
|
||||||
#newscontainer { padding: 2.000em 20% 2.000em 20%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 32% 2.000em 32%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 2000px) {
|
@media (min-width: 2000px) {
|
||||||
html { font-size: 116%; }
|
html { font-size: 116%; }
|
||||||
#aboutcontainer, #downloadscontainer { padding: 2.000em 18% 2.000em 18%; }
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 18% 2.000em 18%; }
|
||||||
#newscontainer { padding: 2.000em 21% 2.000em 21%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 33% 2.000em 33%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 2100px) {
|
@media (min-width: 2100px) {
|
||||||
html { font-size: 118%; }
|
html { font-size: 118%; }
|
||||||
#aboutcontainer, #downloadscontainer { padding: 2.000em 19% 2.000em 19%; }
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 19% 2.000em 19%; }
|
||||||
#newscontainer { padding: 2.000em 22% 2.000em 22%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 34% 2.000em 34%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 2200px) {
|
@media (min-width: 2200px) {
|
||||||
html { font-size: 120%; }
|
html { font-size: 120%; }
|
||||||
#aboutcontainer, #downloadscontainer { padding: 2.000em 20% 2.000em 20%; }
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 20% 2.000em 20%; }
|
||||||
#newscontainer { padding: 2.000em 23% 2.000em 23%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 36% 2.000em 36%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 2300px) {
|
@media (min-width: 2300px) {
|
||||||
html { font-size: 122%; }
|
html { font-size: 122%; }
|
||||||
#aboutcontainer, #downloadscontainer { padding: 2.000em 21% 2.000em 21%; }
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 21% 2.000em 21%; }
|
||||||
#newscontainer { padding: 2.000em 24% 2.000em 24%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 37% 2.000em 37%; }
|
|
||||||
}
|
}
|
||||||
@media (min-width: 2400px) {
|
@media (min-width: 2400px) {
|
||||||
html { font-size: 124%; }
|
html { font-size: 124%; }
|
||||||
#aboutcontainer, #downloadscontainer { padding: 2.000em 22% 2.000em 22%; }
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 22% 2.000em 22%; }
|
||||||
#newscontainer { padding: 2.000em 25% 2.000em 25%; }
|
}
|
||||||
#feedbackcontainer { padding: 2.000em 38% 2.000em 38%; }
|
@media (min-width: 2500px) {
|
||||||
|
html { font-size: 126%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 23% 2.000em 23%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 2600px) {
|
||||||
|
html { font-size: 128%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 24% 2.000em 24%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 2700px) {
|
||||||
|
html { font-size: 130%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 25% 2.000em 25%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 2800px) {
|
||||||
|
html { font-size: 132%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 26% 2.000em 26%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 2900px) {
|
||||||
|
html { font-size: 134%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 27% 2.000em 27%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 3000px) {
|
||||||
|
html { font-size: 136%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 28% 2.000em 28%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 3100px) {
|
||||||
|
html { font-size: 138%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 29% 2.000em 29%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 3200px) {
|
||||||
|
html { font-size: 140%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 30% 2.000em 30%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 3300px) {
|
||||||
|
html { font-size: 142%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 31% 2.000em 31%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 3400px) {
|
||||||
|
html { font-size: 144%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 32% 2.000em 32%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 3500px) {
|
||||||
|
html { font-size: 146%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 33% 2.000em 33%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 3600px) {
|
||||||
|
html { font-size: 148%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 34% 2.000em 34%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 3700px) {
|
||||||
|
html { font-size: 150%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 35% 2.000em 35%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 3800px) {
|
||||||
|
html { font-size: 152%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 36% 2.000em 36%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 3900px) {
|
||||||
|
html { font-size: 154%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 37% 2.000em 37%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 4000px) {
|
||||||
|
html { font-size: 156%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 38% 2.000em 38%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 4100px) {
|
||||||
|
html { font-size: 158%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 39% 2.000em 39%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 4200px) {
|
||||||
|
html { font-size: 160%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 40% 2.000em 40%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 4300px) {
|
||||||
|
html { font-size: 162%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 41% 2.000em 41%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 4400px) {
|
||||||
|
html { font-size: 164%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 42% 2.000em 42%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 4500px) {
|
||||||
|
html { font-size: 166%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 43% 2.000em 43%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 4600px) {
|
||||||
|
html { font-size: 168%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 44% 2.000em 44%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 4700px) {
|
||||||
|
html { font-size: 170%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 45% 2.000em 45%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 4800px) {
|
||||||
|
html { font-size: 172%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 46% 2.000em 46%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 4900px) {
|
||||||
|
html { font-size: 174%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 47% 2.000em 47%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 5000px) {
|
||||||
|
html { font-size: 176%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 48% 2.000em 48%; }
|
||||||
|
}
|
||||||
|
@media (min-width: 5100px) {
|
||||||
|
html { font-size: 178%; }
|
||||||
|
#aboutcontainer, #downloadscontainer { padding: 2.000em 49% 2.000em 49%; }
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,185 +0,0 @@
|
||||||
/* Animation */
|
|
||||||
@-webkit-keyframes fadein {
|
|
||||||
from { opacity: 0; }
|
|
||||||
to { opacity: 1; }
|
|
||||||
}
|
|
||||||
@keyframes fadein{
|
|
||||||
from { opacity: 0; }
|
|
||||||
to { opacity: 1; }
|
|
||||||
}
|
|
||||||
/* Main */
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
border: 0;
|
|
||||||
font-size: 100%;
|
|
||||||
font: inherit;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
html, body {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
background: #000;
|
|
||||||
color: #fff;
|
|
||||||
font-family: montserratlight,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
||||||
font-size: 1.000em;
|
|
||||||
line-height: 1;
|
|
||||||
-webkit-tap-highlight-color: rgba(255,255,255,.2);
|
|
||||||
}
|
|
||||||
::-moz-selection {
|
|
||||||
background: #7b7b7b;
|
|
||||||
background: rgba(255,255,255,.04);
|
|
||||||
}
|
|
||||||
::selection {
|
|
||||||
background: #7b7b7b;
|
|
||||||
background: rgba(255,255,255,.04);
|
|
||||||
}
|
|
||||||
h2:before {
|
|
||||||
content: "\2709";
|
|
||||||
cursor: default;
|
|
||||||
font-family: 'icons';
|
|
||||||
margin: 0 0.625em 0 0;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
h2 {
|
|
||||||
font-family: montserratregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
||||||
font-size: 1.750em;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
margin: 0 0 0.813em 0;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
margin: 0 0 1.875em 0;
|
|
||||||
line-height: 1.6;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
border: #fff solid 1px;
|
|
||||||
border-radius: 0.313em;
|
|
||||||
color: #fff;
|
|
||||||
display: inline-block;
|
|
||||||
font-family: montserratregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
||||||
font-size: 1.000em;
|
|
||||||
height: 2.313em;
|
|
||||||
line-height: 2.313em;
|
|
||||||
padding: 0 0.688em 0 0.688em;
|
|
||||||
text-decoration: none;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
a:hover, a:focus {
|
|
||||||
background: rgba(255,255,255,.05);
|
|
||||||
}
|
|
||||||
/* Feedback */
|
|
||||||
#feedback {
|
|
||||||
background: #000;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
display: table;
|
|
||||||
}
|
|
||||||
#feedbackcontainer {
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
font-size: 1.000em;
|
|
||||||
padding: 2.000em 14.375em 2.000em 14.375em;
|
|
||||||
text-align: center;
|
|
||||||
-webkit-animation: fadein 1s;
|
|
||||||
animation: fadein 1s;
|
|
||||||
}
|
|
||||||
/* Responsive Design */
|
|
||||||
@media (min-width: 0px) {
|
|
||||||
html { font-size: 76%; }
|
|
||||||
#feedbackcontainer { padding-right: 3%; padding-left: 3%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 100px) {
|
|
||||||
html { font-size: 78%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 200px) {
|
|
||||||
html { font-size: 80%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 300px) {
|
|
||||||
html { font-size: 82%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 400px) {
|
|
||||||
html { font-size: 84%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 500px) {
|
|
||||||
html { font-size: 86%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 600px) {
|
|
||||||
html { font-size: 88%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 4% 2.000em 4%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
html { font-size: 90%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 5% 2.000em 5%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 800px) {
|
|
||||||
html { font-size: 92%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 6% 2.000em 6%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 900px) {
|
|
||||||
html { font-size: 94%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 7% 2.000em 7%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 1000px) {
|
|
||||||
html { font-size: 96%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 8% 2.000em 8%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 1100px) {
|
|
||||||
html { font-size: 98%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 9% 2.000em 9%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
html { font-size: 100%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 10% 2.000em 10%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 1300px) {
|
|
||||||
html { font-size: 102%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 11% 2.000em 11%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 1400px) {
|
|
||||||
html { font-size: 104%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 12% 2.000em 12%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 1500px) {
|
|
||||||
html { font-size: 106%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 13% 2.000em 13%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 1600px) {
|
|
||||||
html { font-size: 108%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 14% 2.000em 14%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 1700px) {
|
|
||||||
html { font-size: 110%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 15% 2.000em 15%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 1800px) {
|
|
||||||
html { font-size: 112%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 16% 2.000em 16%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 1900px) {
|
|
||||||
html { font-size: 114%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 17% 2.000em 17%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 2000px) {
|
|
||||||
html { font-size: 116%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 18% 2.000em 18%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 2100px) {
|
|
||||||
html { font-size: 118%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 19% 2.000em 19%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 2200px) {
|
|
||||||
html { font-size: 120%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 20% 2.000em 20%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 2300px) {
|
|
||||||
html { font-size: 122%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 21% 2.000em 21%; }
|
|
||||||
}
|
|
||||||
@media (min-width: 2400px) {
|
|
||||||
html { font-size: 124%; }
|
|
||||||
#feedbackcontainer { padding: 2.000em 22% 2.000em 22%; }
|
|
||||||
}
|
|
|
@ -1 +0,0 @@
|
||||||
The server was created.
|
|
|
@ -1 +0,0 @@
|
||||||
Our website has been updated.
|
|
|
@ -1 +0,0 @@
|
||||||
A few new commands have been added to the server.
|
|
|
@ -1 +0,0 @@
|
||||||
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.
|
|
|
@ -1 +0,0 @@
|
||||||
We've migrated to a new hosting provider with better server specifications!
|
|
|
@ -1 +0,0 @@
|
||||||
The server should once again run 24/7, after having to solve a few problems. Apologies for the recent downtime.
|
|
|
@ -1 +0,0 @@
|
||||||
A "News" section has been added to our website.
|
|
|
@ -1 +0,0 @@
|
||||||
We've unblocked another command! You'll have to find out which one it is though. ;)
|
|
|
@ -1 +0,0 @@
|
||||||
Players can now get a few ranks/tags using the commands /rank and /ranks.
|
|
|
@ -1 +0,0 @@
|
||||||
The server has been moved to a new host with better specs! It should also restart much faster than before after a crash.
|
|
|
@ -1 +0,0 @@
|
||||||
We've created a new spawn for the server and added a Flatlands world for easier building.
|
|
|
@ -1 +0,0 @@
|
||||||
A long overdue update for the website is now live. The website is more responsive than before.
|
|
|
@ -1 +0,0 @@
|
||||||
We've added downloads for the server's worlds! These downloads will update every five minutes.
|
|
|
@ -1 +0,0 @@
|
||||||
DisguiseCraft has gained some new features. The plugin now supports baby disguises and custom disguise names. Additionally, mobs don't die anymore.
|
|
|
@ -1 +0,0 @@
|
||||||
We've created a new plugin that allows players to broadcast mob sounds at their current location. The commands are /mobsound and /mobsoundtool.
|
|
|
@ -1 +0,0 @@
|
||||||
A new hub world with portals to four different worlds (the Overworld, Flatlands, Nether and End) has been added. We've also created a /username command that allows you to change your username on the server.
|
|
|
@ -1 +0,0 @@
|
||||||
You can now download copies of schematics on the server, perfect if you want to move your buildings outside the server.
|
|
|
@ -1 +0,0 @@
|
||||||
We've added a CommandSpy plugin to the server. You can enable it by using the "/commandspy" command.
|
|
|
@ -1 +0,0 @@
|
||||||
The server has been updated with support for Minecraft 1.9. There are still a few bugs which will be fixed in the coming weeks.
|
|
|
@ -1 +0,0 @@
|
||||||
Snipers have been added to the server. You can get a sniper by typing "/sniper" in chat.
|
|
|
@ -1 +0,0 @@
|
||||||
The server has been updated with support for Minecraft 1.9.3 and 1.9.4.
|
|
|
@ -1 +0,0 @@
|
||||||
Players can once again join with Minecraft 1.8.
|
|
|
@ -1 +0,0 @@
|
||||||
We are here to stay! The server uptime may not have been great lately, but we're working on it.
|
|
|
@ -1 +0,0 @@
|
||||||
The server has been updated to support Minecraft 1.10 clients.
|
|
|
@ -1 +0,0 @@
|
||||||
We've added a lot of new features, including God Mode and InventorySpy, and fixed some bugs.
|
|
38
index.html
38
index.html
|
@ -8,9 +8,12 @@
|
||||||
<title>{{ site.title }}</title>
|
<title>{{ site.title }}</title>
|
||||||
<meta name="description" content="{{ site.description }}">
|
<meta name="description" content="{{ site.description }}">
|
||||||
<link rel="canonical" href="{{ site.url }}/">
|
<link rel="canonical" href="{{ site.url }}/">
|
||||||
<link rel="alternate" type="application/atom+xml" href="/feed.xml">
|
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
{% capture css %}{% include fonts.css %}{% include index.css %}{% endcapture %}{{ css | scssify }}
|
{% capture style %}
|
||||||
|
{% include fonts.css %}
|
||||||
|
{% include index.css %}
|
||||||
|
{% endcapture %}
|
||||||
|
{{ style | scssify }}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
@ -20,8 +23,6 @@
|
||||||
<p>Flame.ga</p>
|
<p>Flame.ga</p>
|
||||||
<h1>Free OP Server in Minecraft</h1>
|
<h1>Free OP Server in Minecraft</h1>
|
||||||
<a href="#about" id="aboutbutton" title="About"></a>
|
<a href="#about" id="aboutbutton" title="About"></a>
|
||||||
<a href="#news" id="newsbutton" title="News"></a>
|
|
||||||
<a href="#feedback" id="feedbackbutton" title="Feedback"></a>
|
|
||||||
<a href="#downloads" id="downloadsbutton" title="Downloads"></a>
|
<a href="#downloads" id="downloadsbutton" title="Downloads"></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -37,35 +38,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="news">
|
|
||||||
<div id="newscontainer">
|
|
||||||
<h2>News</h2>
|
|
||||||
<ul>
|
|
||||||
{% for post in site.posts %}
|
|
||||||
<li>
|
|
||||||
{{ post.content }}
|
|
||||||
<span>{{ post.date | date: "%B %e, %Y" }}</span>
|
|
||||||
</li>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="feedback">
|
|
||||||
<div id="feedbackcontainer">
|
|
||||||
<h2>Feedback</h2>
|
|
||||||
<p>
|
|
||||||
Do you have anything you would like to say about the server? Suggestions for new features? Send us your feedback below.
|
|
||||||
</p>
|
|
||||||
<form action="https://formspree.io/contact@flame.ga" method="POST">
|
|
||||||
<input type="hidden" name="_subject" value="New feedback submission for Flame.ga" />
|
|
||||||
<textarea name="message" rows="7" placeholder="Your message" required></textarea>
|
|
||||||
<input type="text" name="_gotcha" class="hide" />
|
|
||||||
<input type="text" name="_format" value="plain" class="hide" />
|
|
||||||
<input type="hidden" name="_next" value="/sent"/>
|
|
||||||
<button type="submit">Send</button>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="downloads">
|
<div id="downloads">
|
||||||
<div id="downloadscontainer">
|
<div id="downloadscontainer">
|
||||||
<h2>Downloads</h2>
|
<h2>Downloads</h2>
|
||||||
|
|
27
sent.html
27
sent.html
|
@ -1,27 +0,0 @@
|
||||||
---
|
|
||||||
---
|
|
||||||
{% capture content %}<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>{{ site.title }}</title>
|
|
||||||
<meta name="description" content="{{ site.description }}">
|
|
||||||
<link rel="canonical" href="{{ site.url }}/">
|
|
||||||
<link rel="alternate" type="application/atom+xml" href="/feed.xml">
|
|
||||||
<style type="text/css">
|
|
||||||
{% capture css %}{% include fonts.css %}{% include sent.css %}{% endcapture %}{{ css | scssify }}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="feedback">
|
|
||||||
<div id="feedbackcontainer">
|
|
||||||
<h2>Feedback</h2>
|
|
||||||
<p>
|
|
||||||
Your feedback has been sent. Thank you!
|
|
||||||
</p>
|
|
||||||
<a href="/">Return to Flame.ga</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>{% endcapture %}{{ content | strip_newlines | replace:' ','' }}
|
|
Loading…
Reference in a new issue