Update index.html

index.html

@@ -6,13 +6,6 @@
 	<meta name="description" content="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.">
 	<title>Flame.ga &#187; Free OP Server</title>
 	<style type="text/css">
-@font-face {
-  font-family: 'icon';
-  src: url('fonts/icon.eot');
-  src: url('fonts/icon.eot') format('embedded-opentype'), url('fonts/icon.woff') format('woff'), url('fonts/icon.ttf') format('truetype'), url('fonts/icon.svg') format('svg');
-  font-weight: normal;
-  font-style: normal;
-}
 	@font-face {
 		font-family: 'montserratlight';
 		src: url('fonts/montserrat-light.eot');
@@ -52,66 +45,78 @@
 		font-weight: normal;
 		font-style: normal;
 	}
+	@font-face {
+		font-family: 'icons';
+		src: url('fonts/icons.eot');
+	}
+	@font-face {
+		font-family: 'icons';
+		src: url('data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAhgABEAAAAADtQAAAf8AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGiAGYACDJggCCYRlEQgKiWSIUAE2AiQDaAs2AAQgBYM3B4INDC4/d2ViZgYb2gzIHgVu7AafXoUV/3ZEm1UVA4NJBBIIaXayORl0IsodRIgJN8h6hM2zQtZYF3Li0uRENH+r5MQdItxdLcg0CtvSQPIA5MWrMfipObWlHxCX5ITrTRhyKvmkW/6/lHaUjhDkbmpGTrgiDvA8CCOn1W4mw1kvMws1ByqW7U0fBQAIAPCa//rXAQCOnntCEllyWm2NDgAsDkECCAglEKSFxwAwUgueCzKQygTZpQBop/swOVhaTcAtoQHCBeCPb8h35ncCeQoeEaEFIQU94+ltenQtEdz1SGFvhAwXpNk9nbiWqIiHLJ77zw+Xv+7RH0/58Y38v/n8SH3XErA0cNkD85/kEx+w73/0/r1vmfVb9Gl9u+57XXCOW9rwUgQGAFlPz5T0kmfkmBbME/ULciPI4AMUnIGCQ3sHY7R7fZwCtyyU5WP+ePV12+LkOMUCt8VF0UneohreRSXOnuFYOxd3OP4ZZ9JCaGAw5qCBuItKnd1sODjH5ti71pm4tU3A2L/Wb+NWzkFlfIyG1sdrKabHsi1zahfMc1HWmZ2DB2deSg4uWGClMMSI3JmtKCcG7CucJiNp8Lio0km2TYCeo7gIZeZ2cYRKK7spDN5MIjNC4pX1Vocjbs0UZMNwMp1K2JDBanCMNqJ2kqP3wmnwCA+V8wtihHRwoZFlJEbGR7vDNlg7K71xSDKkIxMa4TIkw02FuYF5GtjRjwZLVhpI5Oj2RDfLVn/O4nBYSS7zFNAd5roIBVEWcTSZ0zs5kpvYJkdiPWGrg2I8lrmbxV1chiOZLh+PNGZ3MLS6qOElEJuwcfEwvs4EnAk5bnNlyUPAjVDgJMLxgafMZvc4l5FTMhhrtj6lDVjovBcCJdDSgj0PGWBMABuaxRhsDMe4UUKB29aNCLk4fASGY9NAtL6WaSSI9ZSM0ZKEbR6hyEk1AkfBD+QCBMzn6QEAoHQTpBqAFgB5ALwHeNYG4NcPnQVQnRKsTSfxGN7RZG5lfZWFJLd4/v3qs6K5iKKi5Km6YcQT4tq0Kwpqha7Gtln1lDgbPX6GN3sR7DzjOM2pztzCaE3vkagyzY8BaGMaViOX467wMbX+rLVT/sdB4nM7z2aVBDF8Nno88JTjOv+dtitLLnPddspt/kEGI7n+y70k+9Ux4NXRG6pUmeGjWz5MKD9Z8vcbb8qgmJ606ER09gQ9P0087qpy0dyUeOJ45P/TLJvN5SInjlucIu7i71CrGVXm1Nuz5dqpU24DqTpYAjtPvlWl02psYapiTUyyq5u23KKemvuwbeOlJ1+oyhSnxm8lDzeXXo7Mlo2jDwB/j2+uFeDlqzbg4vaFHdykSIS/d5SEE+Gx/dK+U6JMj48f4geWjPvEQ7c9n3h+4mPlZadevtyJ/vJrl6e3mVcG+T0bOpark66+yeUD5eRC/gKVFD2gsmliS/IO/889Vwvss+PDFX/k0ms3pF+4db7Wfd+ouWT4jX5+aM74ovHG89/pDYvdlT/oH2x89NHGh5ofvqK5+YqHmx8qvO7ds57mggWiWGZ9fG1RzRVXZZ988JKsI7jQurBsRI8/ZPEmc1dJV/Y8fas+6C2XBU/3n9kthms/IHd5nhRbno7e4QmZuFJ/UY/512+/r0nUpJ82fjr/25WL6x694fVd/A7+krMwiR3+dJfjCuv75009HZwd3z3/JvGQ45yGlVPq5D3ai+Qj1yzv4U9sFy9pvbf8yFVv3zTS9WLNj+Ho/MX/3uUs+zvn28WwvfOhznBQtF1o8y32B5KpTntYtOvNon07rKz4450MV/gd79iS/yeUKxPXf9JdYrJY528zhd5ZfOTPQs2vzLGioYYK3QXRY9nic/03PtLbNufZh68xAjABAJAqgH0HmfxL7APySoB8Sv6fPAXTRQB8wBNTFcUZahCo2kPlM0jNHlqUoxKBFs5QvTBdWKTi7w0UqpR81oI8eAcg7fLQxhwlM9ONxJDUCK+kxJBtR54Wz1CNQI0z2W7ks6TRaJoWmk9rYOe03Xi/opS1OVsrzA0jiHyi8iHzTFZolmwuz7baCLTYpHM8VDZDzQJVeEaaorUeyssSNYpYvlLoYaJepJjZJHOZdZo1p5gVMaoRsk0iXU3rAPhCiSfrWDb7TeHI8/8xLNY3/6ooVzjMn5+2yEU+pQB5CgAUP+88QpHPhzYMblbAt0x6aW+X3E56qWdmHux3KHIi2QyAbwOgn3j4FnVbASAJ9Rbmi3YrhHYfrOhzjSEjeWdmjOcOXaLY7zJSXNcewn1GR6UdCQySx9bBHyyAA1IoyhCbqBdjAKXKPimYIZcAgFWTQVLVCrkMipXLWZBAjVwF1erkL0Gx5fKXwWuX/BXQQbbuVdDAk59+k4FSr+5Ijk2m1pLhxER6xcgaEk2MLp1MrdsBbp7viIQ11kqalEL4NMi7I6EiWrebmZCQaoFGSEgYR/1RmxBdxlCfB9sJblEaGLW0FzsOCmEqiWjbkTEN8QXq1RpVqSHVFUHgJV81xiUsNSJthXUKJmiNd3mtHPWw1dKS1OruhBX/I4/F15cClIAEGWBQijJkUY4KVKIK1ahBLepQjwY0ogkLsBCLsBjNaGEnVmxa9T+fPJ1KelkbpQS9SChpAXxAAFWgGtSAWlAH6kGDLJgmhGQ11Bq3ojzkbWiQBdOCvtQ2Ic8nNMTZVv8Q5vcFz4KeKAZjWcSz49nQnzCeGv5f8oXD8dTOeBll/7zYidNCHjCyfO5ZAAA=') format('woff2'),
+		     url('data:application/font-woff;charset=utf-8;base64,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') format('woff'),
+		     url('fonts/icons.ttf') format('truetype'),
+		     url('fonts/icons.svg#icons') format('svg');
+		font-weight: normal;
+		font-style: normal;
+	}
 	@-webkit-keyframes fadein {
-from{opacity:0;}
+		from {
-to{opacity:1;}
+			opacity:0;
+		}
+		to {
+			opacity:1;
+		}
 	}
 	@-moz-keyframes fadein {
-from{opacity:0;}
+		from {
-to{opacity:1;}
+			opacity:0;
+		}
+		to {
+			opacity:1;
+		}
 	}
 	@-ms-keyframes fadein {
-from{opacity:0;}
+		from {
-to{opacity:1;}
+			opacity:0;
+		}
+		to {
+			opacity:1;
+		}
 	}
 	@keyframes fadein {
-from{opacity:0;}
+		from {
-to{opacity:1;}
+			opacity:0;
+		}
+		to {
+			opacity:1;
+		}
 	}
-
 	html, body {
 		width: 100%;
 		height: 100%;
 		margin: 0;
 		padding: 0;
 	}
-
 	body {
 		font-family: montserratlight,"Helvetica Neue",Helvetica,Arial,sans-serif;
 		color: #fff;
 		background: #000;
 		webkit-tap-highlight-color: rgba(255,255,255,.2);
-  -webkit-animation: fadein 1.5s;
-  -moz-animation: fadein 1.5s;
-  -ms-animation: fadein 1.5s;
-  -o-animation: fadein 1.5s;
 		animation: fadein 1.5s;
-  -webkit-transform: translateZ(0);
-  -webkit-backface-visibility: hidden;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
 	}
-
 	::-moz-selection {
 		background: #fcfcfc;
 		background: rgba(255,255,255,.2);
 	}
-
 	::selection {
 		background: #fcfcfc;
 		background: rgba(255,255,255,.2);
 	}
-
 	h1, h2, h3 {
 		text-transform: uppercase;
-	cursor: default;
 		font-style: normal;
 		font-weight: normal;
+		cursor: default;
 	}
-
 	h2 {
 		margin: 0 0 15px;
 		text-transform: uppercase;
@@ -119,67 +124,45 @@ h2 {
 		letter-spacing: 1px;
 		text-align: center;
 		font-size: 19px;
-  cursor: default;
 	}
-
 	p {
 		margin: 0 0 15px;
 		line-height: 1.5;
 		text-align: center;
 		cursor: default;
 	}
-
 	a {
 		text-decoration: none;
 		color: rgba(255,255,255,.4);
-  -webkit-transition: all .2s ease-in-out;
-  -moz-transition: all .2s ease-in-out;
 		transition: all .2s ease-in-out;
 	}
-
+	a:hover, a:focus {
-a:hover,
-a:focus {
 		color: rgba(255,255,255,.2);
 	}
-
 	#intro, #news {
+		color: #fff;
 		display: table;
 		width: 100%;
 		height: 100%;
-  color: #fff;
-  -webkit-background-size: cover;
-  -moz-background-size: cover;
-  -o-background-size: cover;
-  background-size: cover;
-  background-position: -120px;
 	}
-
 	#intro {
-	background-color: #aa0000;
+		background: #aa0000;
 	}
-
 	#intro-body {
 		display: table-cell;
 		vertical-align: middle;
 		text-align: center;
-  padding-top: 30px;
+		padding: 30px 0 30px 0;
-  padding-bottom: 30px;
 	}
-
 	#icon {
 		font-size: 285px;
 		line-height: 262px;
-  margin-top: 0px;
+		margin: 0 0 0 10px;
-  margin-left: 10px;
+		font-family: 'icons';
-  font-family: 'icon';
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
 	}
-
 	#icon:before {
 		content: "\e601";
 	}
-
 	#logo {
 		font-size: 35px;
 		text-transform: uppercase;
@@ -586,7 +569,7 @@ margin: 25px 0 0 0;
 <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/>
+<span id="ip">Join with</span><input id="ipinput" onClick="this.select();" value="flame.ga"><br/>
 </div>
 </div>
 <div id="news">