Add the remianing social media links

devcomo · Sep 24, 2018 · 6d8f50d · 6d8f50d
1 parent 7838bd9
commit 6d8f50d
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 17 deletions.
diff --git a/index.html b/index.html
@@ -58,14 +58,21 @@ <h2 id="project_tagline">Your friendly neighborhood developer meetup</h2>
 <div class="row" id="where-row">
   <div class="col-sm-12 col-md-8" id="where-address">
     <h1>Where</h1>
-    <span class="where-address-line redi">
-      <a href="http://www.columbiaredi.com/">Regional Economic Development Inc.</a>
-    </span>
-    <span class="where-address-line">500 East Walnut Street #102</span>
-    <span class="where-address-line">Columbia, MO 65203</span>
-    <h1>Twitter</h1>
-    <span class="where-twitter-line">
-        <a href="https://twitter.com/devcomo">Follow us on Twitter for the latest updates</a></span>
+    <div class="where-block">
+        <h2>In Meat Space</h2>
+        <span class="where-address-line redi">
+          <a href="http://www.columbiaredi.com/">Regional Economic Development Inc.</a>
+        </span>
+        <span class="where-address-line">500 East Walnut Street #102</span>
+        <span class="where-address-line">Columbia, MO 65203</span>
+    </div>
+    <div class="where-block">
+        <h2>In the Real World</h2>
+        <a class="online-link" href="https://twitter.com/devcomo"><i class="fa fa-2x fa-twitter" aria-hidden="true"></i></a>
+        <a class="online-link" href="https://www.facebook.com/devcomo/"><i class="fa fa-2x fa-facebook" aria-hidden="true"></i></a>
+        <a class="online-link" href="https://www.youtube.com/channel/UCAdGNkuUL40k316OL83QruQ"><i class="fa fa-2x fa-youtube" aria-hidden="true"></i></a>
+        <a class="online-link" href="https://www.linkedin.com/groups/12055626/"><i class="fa fa-2x fa-linkedin" aria-hidden="true"></i></a>
+    </div>
   </div>
   <div class="col-sm-12 col-md-4" id="where-map">
     <iframe height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.openstreetmap.org/export/embed.html?bbox=-92.33243554830553%2C38.951668473519355%2C-92.33005911111833%2C38.953305879070086&amp;layer=mapnik&amp;marker=38.95248613808984%2C-92.33124732971191" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=38.95249&amp;mlon=-92.33125#map=19/38.95249/-92.33125">View Larger Map</a></small>

diff --git a/stylesheets/main.scss b/stylesheets/main.scss
@@ -37,16 +37,18 @@
 }
 
 #where-row {
-  .where-address-line {
-    display: block;
-    &.redi {
-      font-weight: bold;
-    }
-  }
-  .where-twitter-line {
+    .where-block {
         display: block;
-        &.redi {
-          font-weight: bold;
+        margin-bottom: 1em;
+        .where-address-line {
+            display: block;
+            &.redi {
+              font-weight: bold;
+            }
+        }
+        .online-link {
+            display: inline-block;
+            margin: 0.25em;
         }
     }
 }