Rewrite index page

source/_assets/components/external-link-markers.scss

@@ -0,0 +1,22 @@
+%external-link-icon {
+    display: inline-block;
+    margin-left: 0.6em;
+    color: $base-font-color;
+    font-size: $base-font-size - 4px;
+
+    @media (max-width: $first-media-step) {
+        font-size: $base-font-size - 2px;
+    }
+}
+
+a[href*="//github.com"]:after {
+    @extend %external-link-icon;
+    font-family: 'Font Awesome 5 Brands', serif;
+    content: '\f09b';
+}
+
+a[target="_blank"]:not([href*="//github.com"]):after {
+    @extend %external-link-icon;
+    font-family: 'Font Awesome 5 Free', serif;
+    content: '\f35d';
+}

source/_assets/components/social.scss

@@ -0,0 +1,17 @@
+.social {
+    list-style: none;
+    padding: 0;
+    margin: 3em 0;
+    display: block;
+    text-align: center;
+
+    &__item {
+        display: inline-block;
+        margin: 0 0.5em;
+        font-size: 180%;
+    }
+
+    &__link {
+        color: inherit;
+    }
+}