Fixing image paths in social media

nerdstein · Nov 18, 2017 · 7f6f00e · 7f6f00e
1 parent 72f5bdf
commit 7f6f00e
Show file tree

Hide file tree

Showing 24 changed files with 61 additions and 69 deletions.
diff --git a/design-library/source/_patterns/01-atoms/09-social-icon/_social-icon.scss b/design-library/source/_patterns/01-atoms/09-social-icon/_social-icon.scss
@@ -4,6 +4,7 @@ li.social_media--item {
   margin: 0;
   height: 2em;
   width: 2em;
+
 }
 
 a.social_media--icon {
@@ -13,13 +14,4 @@ a.social_media--icon {
   width: inherit;
   background-repeat: no-repeat;
   background-size: contain;
-  &.Twitter {
-    background-image: url('../images/social_media_icons/social_twitter.png');
-  }
-  &.Facebook {
-    background-image: url('../images/social_media_icons/social_facebook.png');
-  }
-  &.LinkedIn {
-    background-image: url('../images/social_media_icons/social_linkedin.png');
-  }
 }
diff --git a/design-library/source/_patterns/01-atoms/09-social-icon/social-icon.json b/design-library/source/_patterns/01-atoms/09-social-icon/social-icon.json
@@ -1,6 +1,6 @@
 {
   "name":"Twitter",
   "message":"Follow us on Twitter",
-  "image":"/images/social_media_icons/social_twitter.png",
+  "image":"images/social_media_icons/social_twitter.png",
   "link":"http://www.twitter.com"
 }
diff --git a/design-library/source/_patterns/01-atoms/09-social-icon/social-icon.twig b/design-library/source/_patterns/01-atoms/09-social-icon/social-icon.twig
@@ -1,3 +1,3 @@
 <li class="social_media--item">
-  <a href="{{ link }}" title="{{ message }}" class="social_media--icon {{ name }}">{{ message }}</a>
+  <a href="{{ link }}" title="{{ message }}" class="social_media--icon" style="background-image: url('{{ image }}')">{{ message }}</a>
 </li>
diff --git a/design-library/source/_patterns/03-organisms/02-header/header.json b/design-library/source/_patterns/03-organisms/02-header/header.json
@@ -1,24 +1,24 @@
 {
-  "image_url": "/images/nerdstein_11.png",
+  "image_url": "../../images/nerdstein_11.png",
   "image_alt": "Nerdstein Logo",
   "image_link": "#",
   "social_media": [
     {
       "name":"Twitter",
       "message":"Follow us on Twitter",
-      "image":"/images/social_media_icons/social_twitter.png",
+      "image":"../../images/social_media_icons/social_twitter.png",
       "link":"http://www.twitter.com"
     },
     {
       "name":"Facebook",
       "message":"Like us on Facebook",
-      "image":"/images/social_media_icons/social_facebook.png",
+      "image":"../../images/social_media_icons/social_facebook.png",
       "link":"http://www.facebook.com"
     },
     {
       "name":"LinkedIn",
       "message":"Follow us on LinkedIn",
-      "image":"/images/social_media_icons/social_linkedin.png",
+      "image":"../../images/social_media_icons/social_linkedin.png",
       "link":"http://www.linkedIn.com"
     }
   ]

diff --git a/design-library/source/_patterns/04-pages/01-one-sidebar/one-sidebar.json b/design-library/source/_patterns/04-pages/01-one-sidebar/one-sidebar.json
@@ -1,26 +1,26 @@
 {
 
   "footer_text": "Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id elit non mi porta gravida at eget metus. Donec id elit non mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur.",
-  "image_url": "/images/nerdstein_11.png",
+  "image_url": "../../images/nerdstein_11.png",
   "image_alt": "Nerdstein Logo",
   "image_link": "#",
   "social_media": [
     {
       "name":"Twitter",
       "message":"Follow us on Twitter",
-      "image":"/images/social_media_icons/social_twitter.png",
+      "image":"../../images/social_media_icons/social_twitter.png",
       "link":"http://www.twitter.com"
     },
     {
       "name":"Facebook",
       "message":"Like us on Facebook",
-      "image":"/images/social_media_icons/social_facebook.png",
+      "image":"../../images/social_media_icons/social_facebook.png",
       "link":"http://www.facebook.com"
     },
     {
       "name":"LinkedIn",
       "message":"Follow us on LinkedIn",
-      "image":"/images/social_media_icons/social_linkedin.png",
+      "image":"../../images/social_media_icons/social_linkedin.png",
       "link":"http://www.linkedIn.com"
     }
   ],

diff --git a/html/patterns/01-atoms-01-list-title-list-title/01-atoms-01-list-title-list-title.html b/html/patterns/01-atoms-01-list-title-list-title/01-atoms-01-list-title-list-title.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 

diff --git a/html/patterns/01-atoms-02-list-body-list-body/01-atoms-02-list-body-list-body.html b/html/patterns/01-atoms-02-list-body-list-body/01-atoms-02-list-body-list-body.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 

diff --git a/html/patterns/01-atoms-03-list-image-list-image/01-atoms-03-list-image-list-image.html b/html/patterns/01-atoms-03-list-image-list-image/01-atoms-03-list-image-list-image.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 

diff --git a/html/patterns/01-atoms-04-blog-tag-blog-tag/01-atoms-04-blog-tag-blog-tag.html b/html/patterns/01-atoms-04-blog-tag-blog-tag/01-atoms-04-blog-tag-blog-tag.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 

diff --git a/.../01-atoms-05-list-posted-on-list-posted-on/01-atoms-05-list-posted-on-list-posted-on.html b/.../01-atoms-05-list-posted-on-list-posted-on/01-atoms-05-list-posted-on-list-posted-on.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 

diff --git a/...atoms-06-section-heading-section-heading/01-atoms-06-section-heading-section-heading.html b/...atoms-06-section-heading-section-heading/01-atoms-06-section-heading-section-heading.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 

diff --git a/...atoms-07-section-content-section-content/01-atoms-07-section-content-section-content.html b/...atoms-07-section-content-section-content/01-atoms-07-section-content-section-content.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 

diff --git a/html/patterns/01-atoms-08-logo-logo/01-atoms-08-logo-logo.html b/html/patterns/01-atoms-08-logo-logo/01-atoms-08-logo-logo.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 

diff --git a/html/patterns/01-atoms-09-social-icon-social-icon/01-atoms-09-social-icon-social-icon.html b/html/patterns/01-atoms-09-social-icon-social-icon/01-atoms-09-social-icon-social-icon.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 
@@ -18,7 +18,7 @@
   <body class="">
 
 <li class="social_media--item">
-  <a href="http://www.twitter.com" title="Follow us on Twitter" class="social_media--icon Twitter">Follow us on Twitter</a>
+  <a href="http://www.twitter.com" title="Follow us on Twitter" class="social_media--icon" style="background-image: url('images/social_media_icons/social_twitter.png')">Follow us on Twitter</a>
 </li>
 
   <!--DO NOT REMOVE-->

diff --git a/html/patterns/01-atoms-10-footer-text-footer-text/01-atoms-10-footer-text-footer-text.html b/html/patterns/01-atoms-10-footer-text-footer-text/01-atoms-10-footer-text-footer-text.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 

diff --git a/html/patterns/02-molecules-01-blog-tags-blog-tags/02-molecules-01-blog-tags-blog-tags.html b/html/patterns/02-molecules-01-blog-tags-blog-tags/02-molecules-01-blog-tags-blog-tags.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 

diff --git a/...-list-element-list-element-1-image/02-molecules-02-list-element-list-element-1-image.html b/...-list-element-list-element-1-image/02-molecules-02-list-element-list-element-1-image.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 

diff --git a/.../02-molecules-02-list-element-list-element/02-molecules-02-list-element-list-element.html b/.../02-molecules-02-list-element-list-element/02-molecules-02-list-element-list-element.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 

diff --git a/html/patterns/02-molecules-03-section-section/02-molecules-03-section-section.html b/html/patterns/02-molecules-03-section-section/02-molecules-03-section-section.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 

diff --git a/.../02-molecules-04-social-icons-social-icons/02-molecules-04-social-icons-social-icons.html b/.../02-molecules-04-social-icons-social-icons/02-molecules-04-social-icons-social-icons.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 
@@ -19,13 +19,13 @@
 
 <ul class="social_media--list">
       <li class="social_media--item">
-  <a href="http://www.twitter.com" title="Follow us on Twitter" class="social_media--icon Twitter">Follow us on Twitter</a>
+  <a href="http://www.twitter.com" title="Follow us on Twitter" class="social_media--icon" style="background-image: url('/images/social_media_icons/social_twitter.png')">Follow us on Twitter</a>
 </li>
       <li class="social_media--item">
-  <a href="http://www.facebook.com" title="Like us on Facebook" class="social_media--icon Facebook">Like us on Facebook</a>
+  <a href="http://www.facebook.com" title="Like us on Facebook" class="social_media--icon" style="background-image: url('/images/social_media_icons/social_facebook.png')">Like us on Facebook</a>
 </li>
       <li class="social_media--item">
-  <a href="http://www.linkedIn.com" title="Follow us on LinkedIn" class="social_media--icon LinkedIn">Follow us on LinkedIn</a>
+  <a href="http://www.linkedIn.com" title="Follow us on LinkedIn" class="social_media--icon" style="background-image: url('/images/social_media_icons/social_linkedin.png')">Follow us on LinkedIn</a>
 </li>
   </ul>
 

diff --git a/html/patterns/03-organisms-01-blog-list-blog-list/03-organisms-01-blog-list-blog-list.html b/html/patterns/03-organisms-01-blog-list-blog-list/03-organisms-01-blog-list-blog-list.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 

diff --git a/html/patterns/03-organisms-02-header-header/03-organisms-02-header-header.html b/html/patterns/03-organisms-02-header-header/03-organisms-02-header-header.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 
@@ -23,21 +23,21 @@
   <a
     href="#"
     class="logo--link"
-    style="background-image: url(/images/nerdstein_11.png)">
+    style="background-image: url(../../images/nerdstein_11.png)">
     Nerdstein Logo
   </a>
 </div>
   </div>
   <div class="grid-cell grid-cell--social-icons">
     <ul class="social_media--list">
       <li class="social_media--item">
-  <a href="http://www.twitter.com" title="Follow us on Twitter" class="social_media--icon Twitter">Follow us on Twitter</a>
+  <a href="http://www.twitter.com" title="Follow us on Twitter" class="social_media--icon" style="background-image: url('../../images/social_media_icons/social_twitter.png')">Follow us on Twitter</a>
 </li>
       <li class="social_media--item">
-  <a href="http://www.facebook.com" title="Like us on Facebook" class="social_media--icon Facebook">Like us on Facebook</a>
+  <a href="http://www.facebook.com" title="Like us on Facebook" class="social_media--icon" style="background-image: url('../../images/social_media_icons/social_facebook.png')">Like us on Facebook</a>
 </li>
       <li class="social_media--item">
-  <a href="http://www.linkedIn.com" title="Follow us on LinkedIn" class="social_media--icon LinkedIn">Follow us on LinkedIn</a>
+  <a href="http://www.linkedIn.com" title="Follow us on LinkedIn" class="social_media--icon" style="background-image: url('../../images/social_media_icons/social_linkedin.png')">Follow us on LinkedIn</a>
 </li>
   </ul>
   </div>

diff --git a/html/patterns/03-organisms-03-footer-footer/03-organisms-03-footer-footer.html b/html/patterns/03-organisms-03-footer-footer/03-organisms-03-footer-footer.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 

diff --git a/html/patterns/04-pages-01-one-sidebar-one-sidebar/04-pages-01-one-sidebar-one-sidebar.html b/html/patterns/04-pages-01-one-sidebar-one-sidebar/04-pages-01-one-sidebar-one-sidebar.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
 
-    <link rel="stylesheet" href="../../css/style.css?1510979149" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510979149" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1510980761" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1510980761" media="all" />
     <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
 
@@ -24,21 +24,21 @@
   <a
     href="#"
     class="logo--link"
-    style="background-image: url(/images/nerdstein_11.png)">
+    style="background-image: url(../../images/nerdstein_11.png)">
     Nerdstein Logo
   </a>
 </div>
   </div>
   <div class="grid-cell grid-cell--social-icons">
     <ul class="social_media--list">
       <li class="social_media--item">
-  <a href="http://www.twitter.com" title="Follow us on Twitter" class="social_media--icon Twitter">Follow us on Twitter</a>
+  <a href="http://www.twitter.com" title="Follow us on Twitter" class="social_media--icon" style="background-image: url('../../images/social_media_icons/social_twitter.png')">Follow us on Twitter</a>
 </li>
       <li class="social_media--item">
-  <a href="http://www.facebook.com" title="Like us on Facebook" class="social_media--icon Facebook">Like us on Facebook</a>
+  <a href="http://www.facebook.com" title="Like us on Facebook" class="social_media--icon" style="background-image: url('../../images/social_media_icons/social_facebook.png')">Like us on Facebook</a>
 </li>
       <li class="social_media--item">
-  <a href="http://www.linkedIn.com" title="Follow us on LinkedIn" class="social_media--icon LinkedIn">Follow us on LinkedIn</a>
+  <a href="http://www.linkedIn.com" title="Follow us on LinkedIn" class="social_media--icon" style="background-image: url('../../images/social_media_icons/social_linkedin.png')">Follow us on LinkedIn</a>
 </li>
   </ul>
   </div>