From f53d233152dfbcac66e925a64da4b0178c532957 Mon Sep 17 00:00:00 2001
From: Maciej L <46330403+SknerusMcK@users.noreply.github.com>
Date: Tue, 9 Feb 2021 21:38:29 +0100
Subject: [PATCH] Add Reddit link (#58)

---
 src/assets/reddit.svg             | 105 ++++++++++++++++++++++++++++++
 src/components/HomeMainHeader.vue |  11 +++-
 2 files changed, 115 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/reddit.svg

diff --git a/src/assets/reddit.svg b/src/assets/reddit.svg
new file mode 100644
index 0000000..f45a0a9
--- /dev/null
+++ b/src/assets/reddit.svg
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 341.8 341.8"
+   style="enable-background:new 0 0 341.8 341.8;"
+   xml:space="preserve"
+   id="svg22"
+   sodipodi:docname="reddit.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07, custom)"><metadata
+   id="metadata28"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs26" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1619"
+   inkscape:window-height="1021"
+   id="namedview24"
+   showgrid="true"
+   inkscape:zoom="1.3940737"
+   inkscape:cx="137.5593"
+   inkscape:cy="86.544438"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="g8"
+   inkscape:document-rotation="0"
+   inkscape:pagecheckerboard="true"
+   inkscape:snap-path-clip="true"
+   inkscape:snap-path-mask="true"
+   inkscape:snap-perpendicular="true"
+   inkscape:snap-tangential="true"><inkscape:grid
+     spacingx="2.0000001"
+     spacingy="2.0000001"
+     dotted="false"
+     originx="2.7755577e-17"
+     type="xygrid"
+     id="grid18" /></sodipodi:namedview>
+<style
+   type="text/css"
+   id="style2">
+	.st0{fill:#FF4500;}
+	.st1{fill:#FFFFFF;}
+	.st2{display:none;}
+	.st3{display:inline;fill:none;stroke:#D8D8D8;stroke-width:0.5;stroke-miterlimit:10;}
+</style>
+<g
+   id="Artwork">
+	<g
+   id="g8">
+		
+		<path
+   class="st1"
+   d="m 331.48227,173.43996 c 0,-19.47307 -15.80423,-35.2773 -35.27731,-35.2773 -9.59541,0 -18.06197,3.66884 -24.27078,9.87764 -23.98856,-17.21532 -57.29034,-28.50405 -93.97873,-29.91515 L 194.0419,42.772833 246.2523,53.77935 c 0.56444,13.264272 11.57096,23.988569 25.11745,23.988569 13.8287,0 25.11743,-11.288736 25.11743,-25.117448 0,-13.828696 -11.28873,-25.117432 -25.11743,-25.117432 -9.87765,0 -18.34421,5.644375 -22.29527,14.110916 l -58.4192,-12.417599 c -1.69331,-0.28222 -3.38662,0 -4.79771,0.846644 -1.4111,0.846658 -2.25774,2.257756 -2.82218,3.951058 l -17.77977,84.101092 c -37.53505,1.12888 -71.119036,12.13539 -95.389825,29.91515 -6.208799,-5.92658 -14.957574,-9.87764 -24.270774,-9.87764 -19.473071,0 -35.277305,15.80423 -35.277305,35.2773 0,14.39314 8.466556,26.52853 20.88417,32.17289 -0.564439,3.38662 -0.846659,7.05546 -0.846659,10.7243 0,54.18594 62.934699,97.9298 140.826983,97.9298 77.89227,0 140.82699,-43.74386 140.82699,-97.9298 0,-3.66884 -0.28222,-7.05546 -0.84666,-10.44208 11.57095,-5.64436 20.31973,-18.06197 20.31973,-32.45511 z M 90.185526,198.5574 c 0,-13.8287 11.288734,-25.11744 25.117434,-25.11744 13.82871,0 25.11744,11.28874 25.11744,25.11744 0,13.82869 -11.28873,25.11744 -25.11744,25.11744 -13.8287,0 -25.117434,-11.28875 -25.117434,-25.11744 z m 140.262544,66.32133 c -17.21531,17.21531 -49.95266,18.34419 -59.54808,18.34419 -9.59543,0 -42.61498,-1.41109 -59.54809,-18.34419 -2.53996,-2.53998 -2.53996,-6.77324 0,-9.31322 2.53997,-2.53996 6.77325,-2.53996 9.31321,0 10.7243,10.7243 33.86621,14.67536 50.5171,14.67536 16.65088,0 39.51057,-3.95106 50.5171,-14.67536 2.53996,-2.53996 6.77324,-2.53996 9.3132,0 1.97554,2.82218 1.97554,6.77324 -0.56444,9.31322 z m -4.5155,-41.20389 c -13.82869,0 -25.11743,-11.28875 -25.11743,-25.11744 0,-13.8287 11.28874,-25.11744 25.11743,-25.11744 13.82872,0 25.11745,11.28874 25.11745,25.11744 0,13.82869 -11.28873,25.11744 -25.11745,25.11744 z"
+   id="path6"
+   style="stroke-width:2.82218" />
+	</g>
+</g>
+<g
+   id="Spacing_Guide"
+   class="st2">
+	<rect
+   class="st3"
+   width="85.4"
+   height="85.4"
+   id="rect11" />
+	<rect
+   class="st3"
+   width="341.8"
+   height="85.4"
+   id="rect13" />
+	<rect
+   y="256.3"
+   class="st3"
+   width="341.8"
+   height="85.4"
+   id="rect15" />
+	<rect
+   class="st3"
+   width="85.4"
+   height="341.8"
+   id="rect17" />
+	<rect
+   x="256.4"
+   class="st3"
+   width="85.4"
+   height="341.8"
+   id="rect19" />
+</g>
+</svg>
diff --git a/src/components/HomeMainHeader.vue b/src/components/HomeMainHeader.vue
index 2407288..cf83e85 100644
--- a/src/components/HomeMainHeader.vue
+++ b/src/components/HomeMainHeader.vue
@@ -42,6 +42,9 @@
       </a>
       <a class="facebook" title="Facebook" href="https://www.facebook.com/wulkanowy" @click="facebookClick">
         <img src="../assets/facebook.png" alt="Facebook" />
+      </a>
+            <a class="reddit" title="Reddit" href="https://www.reddit.com/r/wulkanowy/" @click="redditClick">
+        <img src="../assets/reddit.svg" alt="Reddit" />
       </a>
     </div>
     <div class="footer">
@@ -99,6 +102,12 @@
           eventAction: 'click',
         });
       },
+      redditClick() {
+        this.$ga.event({
+          eventCategory: 'reddit-link',
+          eventAction: 'click',
+        });
+      },
     },
   };
 </script>
@@ -225,7 +234,7 @@
   .quick-links {
     margin-top: 32px;
 
-    .github, .discord, .paypal, .facebook {
+    .github, .discord, .paypal, .facebook, .reddit {
       margin: 8px;
 
       img {