Finish link stack structure, use common links. #134

Author: BenJetson

_data/stack.yml

@@ -1,16 +1,25 @@
 message: >
-  This is my message.
+  Here's a convenient stack of my personal internet links.
 
 links:
+  - title: My Website
+    icon: globe2
+    url: /
   - title: Twitter
     icon: twitter
-    url: https://twitter.com/BenJetson # TODO use site.yml
+    social_key: twitter
   - title: Instagram
     icon: instagram
-    url: https://instagram.com/bfgodfr # TODO use site.yml
+    social_key: instagram
   - title: GitHub
     icon: github
-    url: https://github.com/BenJetson # TODO use site.yml
+    social_key: github
   - title: LinkedIn
     icon: linkedin
-    url: https://linkedin.com # TODO use site.yml
+    social_key: linkedin
+  - title: My Resume
+    icon: file-earmark-person
+    url: /resume
+  - title: Contact Me
+    icon: envelope
+    url: /contact

_sass/custom/styles/_stack.scss

@@ -4,6 +4,7 @@
   @extend .p-3;
 
   text-align: center;
+  padding-top: 0 !important;
 
   // Make the stack have the same color as the bottom of the gradient from the
   // introduction banner at the top of the viewport.

stack/index.html

@@ -6,14 +6,30 @@
 {% include introduction.html %}
 
 <section class="stack">
-  {% assign stack = site.data.stack %}
+  {%- assign stack = site.data.stack -%}
 
-  <p>{{stack.message | markdownify}}</p>
+  <div class="message">{{stack.message | strip_newlines | markdownify}}</div>
+
+  {% comment %}
+  <!-- prettier-ignore -->
+  {% endcomment %}
 
   {% for item in stack.links %}
 
+    {% assign url = "#" %}
+    {% if item.url %}
+      {% assign url = item.url %}
+    {% elsif item.social_key %}
+      {% assign url = site.social_urls[item.social_key] %}
+    {% endif %}
+
+
+  {% comment %}
+  <!-- prettier-ignore -->
+  {% endcomment %}
+
   <div class="stack-item">
-    <a href="{{link.url}}" class="stretched-link">
+    <a href="{{url}}" class="stretched-link">
       {% comment %}
       <!-- prettier-ignore -->
       {% endcomment %}