From 5ed660d3abe3bd80b7d5dde644a285f3625cb662 Mon Sep 17 00:00:00 2001
From: Daniel Scalzi <d_scalzi@yahoo.com>
Date: Tue, 12 Sep 2017 16:52:20 -0400
Subject: [PATCH] Added all icons, working on implementing them into UI

---
 app/assets/css/launcher.css           | 11 ++++++++---
 app/assets/images/icons/arrow.svg     |  7 +++++++
 app/assets/images/icons/discord.svg   | 10 ++++++++++
 app/assets/images/icons/instagram.svg |  4 ++++
 app/assets/images/icons/link.svg      | 11 +++++++++++
 app/assets/images/icons/news.svg      | 21 +++++++++++++++++++++
 app/assets/images/icons/settings.svg  | 10 ++++++++++
 app/assets/images/icons/twitter.svg   | 13 +++++++++++++
 app/assets/images/icons/youtube.svg   | 10 ++++++++++
 app/index.ejs                         |  5 ++++-
 10 files changed, 98 insertions(+), 4 deletions(-)
 create mode 100644 app/assets/images/icons/arrow.svg
 create mode 100644 app/assets/images/icons/discord.svg
 create mode 100644 app/assets/images/icons/instagram.svg
 create mode 100644 app/assets/images/icons/link.svg
 create mode 100644 app/assets/images/icons/news.svg
 create mode 100644 app/assets/images/icons/settings.svg
 create mode 100644 app/assets/images/icons/twitter.svg
 create mode 100644 app/assets/images/icons/youtube.svg

diff --git a/app/assets/css/launcher.css b/app/assets/css/launcher.css
index f1b57e72..62396c7e 100644
--- a/app/assets/css/launcher.css
+++ b/app/assets/css/launcher.css
@@ -77,7 +77,7 @@ body {
 #main > #lower {
     height: 23%;
     display: flex;
-    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+    background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
 }
 
 #main > #upper > #left {
@@ -247,11 +247,11 @@ body {
 }
 
 #player_count {
-    color: #635f5b;
+    color: #949494;
     font-family: 'Avenir Book';
     font-size: 8px;
     font-weight: 900;
-    text-shadow: 0px 0px 0px #635f5b;
+    text-shadow: 0px 0px 20px #949494;
     margin-left: 10px;
 }
 
@@ -279,4 +279,9 @@ body {
     text-shadow: 0px 0px 0px #bebcbb;
     font-size: 11px;
     line-height: 24px;
+}
+
+#menu_img {
+    width: 20px;
+    height: auto;
 }
\ No newline at end of file
diff --git a/app/assets/images/icons/arrow.svg b/app/assets/images/icons/arrow.svg
new file mode 100644
index 00000000..93326051
--- /dev/null
+++ b/app/assets/images/icons/arrow.svg
@@ -0,0 +1,7 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.87 13.97">
+    <defs>
+        <style>.cls-1{fill:none;stroke:#FFF;stroke-width:2px;}</style>
+    </defs>
+    <title>arrow</title>
+    <polyline class="cls-1" points="0.71 13.26 12.56 1.41 24.16 13.02"/>
+</svg>
\ No newline at end of file
diff --git a/app/assets/images/icons/discord.svg b/app/assets/images/icons/discord.svg
new file mode 100644
index 00000000..87271281
--- /dev/null
+++ b/app/assets/images/icons/discord.svg
@@ -0,0 +1,10 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 141.36 137.43">
+    <defs>
+        <style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}</style>
+        <clipPath id="clip-path"><rect class="cls-1" x="36.42" y="44.23" width="68.52" height="48.96"/></clipPath>
+    </defs>
+    <title>discord</title>
+    <g class="cls-2">
+        <path d="M81.23,78.48a6.14,6.14,0,1,1,6.14-6.14,6.14,6.14,0,0,1-6.14,6.14M60,78.48a6.14,6.14,0,1,1,6.14-6.14A6.14,6.14,0,0,1,60,78.48M104.41,73c-.92-7.7-8.24-22.9-8.24-22.9A43,43,0,0,0,88,45.59a17.88,17.88,0,0,0-8.38-1.27l-.13,1.06a23.52,23.52,0,0,1,5.8,1.95,87.59,87.59,0,0,1,8.17,4.87s-10.32-5.63-22.27-5.63a51.32,51.32,0,0,0-23.2,5.63,87.84,87.84,0,0,1,8.17-4.87,23.57,23.57,0,0,1,5.8-1.95l-.13-1.06a17.88,17.88,0,0,0-8.38,1.27,42.84,42.84,0,0,0-8.21,4.56S37.87,65.35,37,73s-.37,11.54-.37,11.54,4.22,5.68,9.9,7.14,7.7,1.47,7.7,1.47l3.75-4.68a21.22,21.22,0,0,1-4.65-2A24.47,24.47,0,0,1,47.93,82S61.16,88.4,70.68,88.4c10,0,22.75-6.44,22.75-6.44a24.56,24.56,0,0,1-5.35,4.56,21.22,21.22,0,0,1-4.65,2l3.75,4.68s2,0,7.7-1.47,9.89-7.14,9.89-7.14.55-3.85-.37-11.54"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/app/assets/images/icons/instagram.svg b/app/assets/images/icons/instagram.svg
new file mode 100644
index 00000000..16f1fb96
--- /dev/null
+++ b/app/assets/images/icons/instagram.svg
@@ -0,0 +1,4 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 141.36 137.43">
+    <title>instagram</title>
+    <path d="M91.31,38.27H50a10.81,10.81,0,0,0-10.8,10.8V90.33A10.81,10.81,0,0,0,50,101.13H91.31a10.81,10.81,0,0,0,10.8-10.8V49.06A10.81,10.81,0,0,0,91.31,38.27Zm3.27,10.8v7.36H83.83V45.8h7.48A3.27,3.27,0,0,1,94.58,49.06Zm-23.9,10A10.64,10.64,0,1,1,60,69.7,10.66,10.66,0,0,1,70.68,59.05ZM91.31,93.6H50a3.27,3.27,0,0,1-3.27-3.27V63.6h6.86a18,18,0,0,0-1.13,6.1,18.17,18.17,0,1,0,36.35,0,18,18,0,0,0-1.13-6.1h6.86V90.33A3.27,3.27,0,0,1,91.31,93.6Z"/>
+</svg>
\ No newline at end of file
diff --git a/app/assets/images/icons/link.svg b/app/assets/images/icons/link.svg
new file mode 100644
index 00000000..df151d4a
--- /dev/null
+++ b/app/assets/images/icons/link.svg
@@ -0,0 +1,11 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 141.36 137.43">
+    <defs>
+        <style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}</style>
+        <clipPath id="clip-path"><rect class="cls-1" x="29.3" y="52.62" width="82.77" height="34.15"/></clipPath>
+    </defs>
+    <title>link</title>
+    <g class="cls-2">
+        <path d="M75.37,65.51a3.85,3.85,0,0,0-1.73.42,8.22,8.22,0,0,1,.94,3.76A8.36,8.36,0,0,1,66.23,78H46.37a8.35,8.35,0,1,1,0-16.7h9.18a21.51,21.51,0,0,1,6.65-8.72H46.37a17.07,17.07,0,1,0,0,34.15H66.23A17,17,0,0,0,82.77,65.51Z"/>
+        <path d="M66,73.88a3.85,3.85,0,0,0,1.73-.42,8.22,8.22,0,0,1-.94-3.76,8.36,8.36,0,0,1,8.35-8.35H95A8.35,8.35,0,1,1,95,78H85.8a21.51,21.51,0,0,1-6.65,8.72H95a17.07,17.07,0,0,0,0-34.15H75.13A17,17,0,0,0,58.59,73.88Z"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/app/assets/images/icons/news.svg b/app/assets/images/icons/news.svg
new file mode 100644
index 00000000..f0b315f4
--- /dev/null
+++ b/app/assets/images/icons/news.svg
@@ -0,0 +1,21 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.01 75.87">
+    <defs>
+        <style>.cls-1{fill:#fff;stroke:#231f20;}.cls-1,.cls-3{stroke-miterlimit:10;stroke-width:6px;}.cls-2{fill:#231f20;}.cls-3{fill:none;stroke:#000;}</style>
+    </defs>
+    <title>news</title>
+    <path class="cls-1" d="M595.44,341.38v-48a1,1,0,0,0-1-1l-19.15-.23V269.51a1,1,0,0,0-1-1H520.43v72.87" transform="translate(-517.43 -265.51)"/>
+    <rect class="cls-2" x="12.46" y="12.36" width="35.25" height="18.06"/>
+    <path class="cls-3" d="M585.07,281.23" transform="translate(-517.43 -265.51)"/>
+    <path class="cls-3" d="M557.94,281.23" transform="translate(-517.43 -265.51)"/>
+    <line class="cls-3" x1="12.46" y1="39.19" x2="67.64" y2="39.19"/>
+    <line class="cls-3" x1="12.46" y1="50.92" x2="67.64" y2="50.92"/>
+    <line class="cls-3" x1="12.46" y1="62.65" x2="67.64" y2="62.65"/>
+    <path class="cls-3" d="M585.07,295.38" transform="translate(-517.43 -265.51)"/>
+    <path class="cls-3" d="M557.94,293" transform="translate(-517.43 -265.51)"/>
+    <path class="cls-1" d="M598.23,279.63" transform="translate(-517.43 -265.51)"/>
+    <path class="cls-1" d="M594.43,291.44" transform="translate(-517.43 -265.51)"/>
+    <polygon class="cls-2" points="79.83 25.04 74.98 29.87 55.01 5.93 59.63 1.12 79.83 25.04"/>
+    <polygon class="cls-2" points="57.87 9.02 57.87 26.69 77.02 26.91 57.87 9.02"/>
+    <path class="cls-1" d="M826.95,281.7" transform="translate(-517.43 -265.51)"/>
+    <path class="cls-1" d="M823.15,293.51" transform="translate(-517.43 -265.51)"/>
+</svg>
\ No newline at end of file
diff --git a/app/assets/images/icons/settings.svg b/app/assets/images/icons/settings.svg
new file mode 100644
index 00000000..1a0ec766
--- /dev/null
+++ b/app/assets/images/icons/settings.svg
@@ -0,0 +1,10 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 141.36 137.43">
+    <defs>
+        <style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}</style>
+        <clipPath id="clip-path"><rect class="cls-1" x="45.65" y="42.62" width="49.58" height="52.43"/></clipPath>
+    </defs>
+    <title>settings</title>
+    <g class="cls-2">
+        <path d="M70.44,75a6.19,6.19,0,1,1,5.84-6.18A6,6,0,0,1,70.44,75M91.67,63.71h-5A18.4,18.4,0,0,0,85.19,60l3.48-3.68a3.93,3.93,0,0,0,0-5.32l-1.4-1.48a3.43,3.43,0,0,0-5,0l-3.48,3.68A16.34,16.34,0,0,0,75,51.59V46.38a3.68,3.68,0,0,0-3.56-3.76h-2a3.68,3.68,0,0,0-3.56,3.76v5.21a16.23,16.23,0,0,0-3.77,1.64l-3.48-3.68a3.43,3.43,0,0,0-5,0L52.21,51a3.93,3.93,0,0,0,0,5.32L55.69,60a18.21,18.21,0,0,0-1.48,3.67h-5a3.67,3.67,0,0,0-3.56,3.76v2.1a3.68,3.68,0,0,0,3.56,3.76h4.84a18.46,18.46,0,0,0,1.64,4.3l-3.48,3.68a3.93,3.93,0,0,0,0,5.32l1.4,1.48a3.43,3.43,0,0,0,5,0l3.48-3.68a16.36,16.36,0,0,0,3.77,1.64v5.21a3.67,3.67,0,0,0,3.56,3.76h2A3.67,3.67,0,0,0,75,91.29V86.08a16.48,16.48,0,0,0,3.77-1.64l3.48,3.68a3.43,3.43,0,0,0,5,0l1.4-1.48a3.93,3.93,0,0,0,0-5.32l-3.48-3.68a18.45,18.45,0,0,0,1.63-4.3h4.85a3.68,3.68,0,0,0,3.56-3.76v-2.1a3.67,3.67,0,0,0-3.56-3.76"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/app/assets/images/icons/twitter.svg b/app/assets/images/icons/twitter.svg
new file mode 100644
index 00000000..bad6d42c
--- /dev/null
+++ b/app/assets/images/icons/twitter.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" height="406" viewBox="0 0 500 406">
+	<metadata>
+		<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
+			<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01">
+					<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+						<rdf:Description rdf:about=""/>
+						</rdf:RDF>
+				</x:xmpmeta>
+		<?xpacket end="w"?>
+	</metadata>
+	<title>twitter</title>>
+	<image id="Layer_0" data-name="Layer 0" width="500" height="406" xlink:href="data:img/png;base64,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"/>
+</svg>
\ No newline at end of file
diff --git a/app/assets/images/icons/youtube.svg b/app/assets/images/icons/youtube.svg
new file mode 100644
index 00000000..38a2e8ba
--- /dev/null
+++ b/app/assets/images/icons/youtube.svg
@@ -0,0 +1,10 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 141.36 137.43">
+    <defs>
+        <style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}</style>
+        <clipPath id="clip-path"><rect class="cls-1" x="38.29" y="45.86" width="70.16" height="48.48"/></clipPath>
+    </defs>
+    <title>youtube</title>
+    <g class="cls-2">
+        <path d="M84.8,69.52,65.88,79.76V59.27Zm23.65.59c0-5.14-.79-17.63-3.94-20.57S99,45.86,73.37,45.86s-28,.73-31.14,3.68S38.29,65,38.29,70.11s.79,17.63,3.94,20.57,5.52,3.68,31.14,3.68,28-.74,31.14-3.68,3.94-15.42,3.94-20.57"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/app/index.ejs b/app/index.ejs
index 7427c169..acd74cfa 100644
--- a/app/index.ejs
+++ b/app/index.ejs
@@ -40,7 +40,10 @@
             <div id="center">
                 <div class="bot_wrapper">
                     <div id="content">
-                        <button id="menu_button">MENU</button>
+                        <button id="menu_button">
+                            <img src="assets/images/icons/arrow.svg" id="menu_img"/>
+                            &#10;MENU
+                        </button>
                     </div>
                 </div>
             </div>