Skip to content

Commit 5c6281a

Browse files
committed
Finish link stack structure, use common links. #134
1 parent 266a63e commit 5c6281a

File tree

3 files changed

+34
-8
lines changed

3 files changed

+34
-8
lines changed

_data/stack.yml

+14-5
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,25 @@
11
message: >
2-
This is my message.
2+
Here's a convenient stack of my personal internet links.
33
44
links:
5+
- title: My Website
6+
icon: globe2
7+
url: /
58
- title: Twitter
69
icon: twitter
7-
url: https://twitter.com/BenJetson # TODO use site.yml
10+
social_key: twitter
811
- title: Instagram
912
icon: instagram
10-
url: https://instagram.com/bfgodfr # TODO use site.yml
13+
social_key: instagram
1114
- title: GitHub
1215
icon: github
13-
url: https://github.com/BenJetson # TODO use site.yml
16+
social_key: github
1417
- title: LinkedIn
1518
icon: linkedin
16-
url: https://linkedin.com # TODO use site.yml
19+
social_key: linkedin
20+
- title: My Resume
21+
icon: file-earmark-person
22+
url: /resume
23+
- title: Contact Me
24+
icon: envelope
25+
url: /contact

_sass/custom/styles/_stack.scss

+1
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
@extend .p-3;
55

66
text-align: center;
7+
padding-top: 0 !important;
78

89
// Make the stack have the same color as the bottom of the gradient from the
910
// introduction banner at the top of the viewport.

stack/index.html

+19-3
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,30 @@
66
{% include introduction.html %}
77

88
<section class="stack">
9-
{% assign stack = site.data.stack %}
9+
{%- assign stack = site.data.stack -%}
1010

11-
<p>{{stack.message | markdownify}}</p>
11+
<div class="message">{{stack.message | strip_newlines | markdownify}}</div>
12+
13+
{% comment %}
14+
<!-- prettier-ignore -->
15+
{% endcomment %}
1216

1317
{% for item in stack.links %}
1418

19+
{% assign url = "#" %}
20+
{% if item.url %}
21+
{% assign url = item.url %}
22+
{% elsif item.social_key %}
23+
{% assign url = site.social_urls[item.social_key] %}
24+
{% endif %}
25+
26+
27+
{% comment %}
28+
<!-- prettier-ignore -->
29+
{% endcomment %}
30+
1531
<div class="stack-item">
16-
<a href="{{link.url}}" class="stretched-link">
32+
<a href="{{url}}" class="stretched-link">
1733
{% comment %}
1834
<!-- prettier-ignore -->
1935
{% endcomment %}

0 commit comments

Comments
 (0)