Merge pull request #20 from PlattsHacks/social-media

Social media
PlattsHacks · Jan 23, 2019 · d35bea4 · d35bea4
2 parents 20c26e2 + 5c92669
commit d35bea4
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/_includes/hero.html b/_includes/hero.html
@@ -22,4 +22,11 @@ <h3 rel="location">{{ hero.date }} &mdash; {{ hero.location }}</h3>
           {% endfor %}
         </div>
     </div>
+    <div class="hero-social-media">
+      <p>Follow us on social media</p>
+
+      <div class="social-media-badges">
+        <a href="https://www.facebook.com/PlattsHack/" target="_blank"><i class="fab fa-facebook-square"></i></a>
+      </div>
+    </div>
 </section>
diff --git a/css/main.css b/css/main.css
@@ -179,6 +179,23 @@ section {
     color: #d44b7d;
 }
 
+.hero-social-media {
+    text-align: right;
+    padding: 0 20px 30px 20px;
+    font-size: 20px;
+    color: #d44b7d;
+    z-index: 100;
+}
+
+.social-media-badges a {
+    color: #333;
+    font-size: 30px;
+}
+
+.social-media-badges a:hover {
+    opacity: 0.8;
+}
+
 .hero .buttons {
     margin: 40px 0;
     z-index: 12;
@@ -552,7 +569,7 @@ section {
     padding: 20px 0;
   }
   .hero .wrapper {
-    padding: 15vh 0 0 0;
+    padding: 10vh 0 0 0;
   }
   .hero .wrapper h1 {
     font-size: 50px;