Adds blog link with new rss icon, more padding on wider screens

src/index.html

@@ -31,6 +31,9 @@
             </a>
             <a href="mailto:hi@andrewgioia.com" target="blank" class="email">
                 <i class="icon icon-email"></i>
+            </a>
+            <a href="https://blog.andrewgioia.com" target="blank" class="blog">
+                <i class="icon icon-rss"></i>
             </a>
 		</footer>
 	</body>

src/scss/_dark.scss

@@ -22,5 +22,8 @@
         a.github {
             color: var(--link-gh-dark);
         }
+        a.blog {
+            color: var(--link-blog-dark);
+        }
     }
 }

src/scss/_icons.scss

@@ -2,6 +2,7 @@ $icon-arrow:        '\e902';
 $icon-email:        '\e903';
 $icon-github:       '\e900';
 $icon-mastodon:     '\e901';
+$icon-rss:          '\e907';
 
 @font-face {
     font-family: 'andrew';
@@ -42,3 +43,7 @@ $icon-mastodon:     '\e901';
 .icon-mastodon:before {
     content: $icon-mastodon;
 }
+.icon-rss:before {
+    content: $icon-rss;
+    font-weight: 900;
+}

src/scss/_variables.scss

@@ -15,6 +15,8 @@ $link-tb-normal:        #0069ff;
 $link-tb-dark:          #29baff;
 $link-gh-normal:        #24292e;
 $link-gh-dark:          #f1f1f1;
+$link-blog-normal:      #736be3;
+$link-blog-dark:        #9690ea;
 $screen-mobile:         640px;
 $screen-tablet:         768px;
 $screen-laptop:         1024px;

src/scss/theme.scss

@@ -1,4 +1,4 @@
-/*! AndrewGioia.com style definitions v7.0.1 */
+/*! andrewgioia.com style definitions v7.0.1 */
 
 // normalize
 @import "../../node_modules/normalize.css/normalize";
@@ -21,6 +21,8 @@
     --link-tb-dark:     #{$link-tb-dark};
     --link-gh-normal:   #{$link-gh-normal};
     --link-gh-dark:     #{$link-gh-dark};
+    --link-blog-normal: #{$link-blog-normal};
+    --link-blog-dark:   #{$link-blog-dark};
 }
 
 // icons
@@ -89,6 +91,10 @@ footer {
         &.email {
             color: #ef5777;
         }
+
+        &.blog {
+            color: var(--link-blog-normal);
+        }
     }
 }
 
@@ -124,7 +130,7 @@ a {
 }
 
 // schemes
-//@import "dark";
+@import "dark";
 
 // media queries
 @import "media";