From 92cba54011c0e0ceff59079979c9347e601241fa Mon Sep 17 00:00:00 2001
From: mathias <mail@mathias.is>
Date: Thu, 26 Apr 2018 15:20:54 +0000
Subject: [PATCH] Added icons

---
 _config.yml |  1 +
 index.html  | 32 ++++++++++++++++++++++++++------
 style.scss  | 21 +++++++++++++++++++--
 3 files changed, 46 insertions(+), 8 deletions(-)

diff --git a/_config.yml b/_config.yml
index 1694348..9a7172e 100644
--- a/_config.yml
+++ b/_config.yml
@@ -3,6 +3,7 @@ description: Kaboom.pw is a multiplayer server for Minecraft that combines free
 url: https://kaboom.pw
 
 exclude:
+  - build.sh
   - Gemfile
   - LICENSE
 
diff --git a/index.html b/index.html
index 2a2ff1f..7202175 100644
--- a/index.html
+++ b/index.html
@@ -1,20 +1,40 @@
 ---
 layout: default
 ---
-<h1>{{ site.title }}</h1>
+<h1>
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+		<path d="M440.5 88.5l-52 52L415 167c9.4 9.4 9.4 24.6 0 33.9l-17.4 17.4c11.8 26.1 18.4 55.1 18.4 85.6 0 114.9-93.1 208-208 208S0 418.9 0 304 93.1 96 208 96c30.5 0 59.5 6.6 85.6 18.4L311 97c9.4-9.4 24.6-9.4 33.9 0l26.5 26.5 52-52z" fill="#555"/><path d="M500 60h-24c-6.6 0-12 5.4-12 12s5.4 12 12 12h24c6.6 0 12-5.4 12-12s-5.4-12-12-12zM440 0c-6.6 0-12 5.4-12 12v24c0 6.6 5.4 12 12 12s12-5.4 12-12V12c0-6.6-5.4-12-12-12zM473.9 55l17-17c4.7-4.7 4.7-12.3 0-17-4.7-4.7-12.3-4.7-17 0l-17 17c-4.7 4.7-4.7 12.3 0 17 4.8 4.7 12.4 4.7 17 0zM406.1 55c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17zM473.9 89c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17z" fill="#AAA"/><path d="M78.99 258.006c13.983-41.563 37.743-66.445 85.133-86.552 9.837-4.173 20.108-6.387 20.108-17.073s-9.547-16.065-19.768-12.946C101.868 160.53 65.72 200.757 47.89 258.006c-3.177 10.202 2.12 20.788 12.806 20.788s14.885-10.66 18.292-20.788z" fill="#aaa"/>
+	</svg>
+	{{ site.title }}
+</h1>
 <p>{{ site.title }} is more than your regular free OP server for Minecraft. This public multiplayer server combines free OP with anarchy. Use powerful operator commands as much as you like, without having to worry about rules. Large plugins such as WorldEdit, CommandSpy and iControlU are available at any time.</p>
 
-<a href="https://discord.gg/UMGbMsU" class="button">
-	<span>Chat on Discord</span>
+<a href="https://discordapp.com/invite/UMGbMsU" class="button">
+	<span>
+		<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+			<path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z"/>
+		</svg>
+		Chat on Discord
+	</span>
 	You can join the Kaboom.pw Discord server, where you can chat with other members from the server.
 </a>
 
 <a href="https://notabug.org/kaboom" class="button">
-	<span>Get Source Code</span>
+	<span>
+		<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+			<path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/>
+		</svg>
+		Get Source Code
+	</span>
 	Source code of custom Kaboom.pw plugins, as well as the website you're visiting now, is available.
 </a>
 
-<a href="/downloads/archive.zip" class="button">
-	<span>Download Content</span>
+<a href="/kaboom_archive.zip" class="button">
+	<span>
+		<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+			<path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z"/>
+		</svg>
+		Download Content
+	</span>
 	Feel free to download the schematics and worlds of the Kaboom.pw server. Worlds reset once a week.
 </a>
diff --git a/style.scss b/style.scss
index 75c9333..1d405a6 100644
--- a/style.scss
+++ b/style.scss
@@ -48,6 +48,14 @@ h2 {
 h1 {
 	font-size: 3.000em;
 }
+h1 svg {
+	top: 0.125em;
+	position: relative;
+	width: 1.000em;
+	height: 1.000em;
+	margin: 0 0.250em 0 0;
+	fill: #555;
+}
 h2 {
 	font-size: 2.125em;
 }
@@ -58,6 +66,7 @@ p + h2 {
 	margin: 1.375em 0 0 0;
 }
 p {
+	font-size: 0.938em;
 	line-height: 1.625;
 	margin: 1.000em 0;
 }
@@ -72,14 +81,14 @@ a:focus {
 	color: lighten($accentcolor, 15%);
 }
 .button {
-	background: $accentcolor;
+	background: $accentcolor url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/%3E%3C/svg%3E") right 0.375em center/1.750em 1.750em no-repeat;
 	border-radius: 0.375em;
 	color: $lightcolor;
 	display: block;
 	font-size: 0.875em;
 	line-height: 1.625;
 	margin: 2.250em 0 1.125em 0;
-	padding: 0.625em 1.000em;
+	padding: 0.625em 2.500em 0.625em 1.000em;
 }
 .button + .button {
 	margin: 0 0 1.125em 0;
@@ -103,6 +112,14 @@ a:focus {
 	margin: 0 0 0.125em 0;
 	text-transform: uppercase;
 }
+.button svg {
+	top: 0.188em;
+	position: relative;
+	width: 1.000em;
+	height: 1.000em;
+	margin: 0 0.375em 0 0;
+	fill: #fff;
+}
 @media print {
 	body {
 		padding: 0;