blog.trnck.dev
Merge pull request #75 from github/refactor-social-share
Share: Only list social media that support a share URL
authored by
Brandon Rosage
and committed by
GitHub
f663eec5
b609e9bf
+31
-28
+1
-1
_config.yml
+1
-1
_config.yml
+27
-14
_layouts/post.html
+27
-14
_layouts/post.html
···
2
2
3
3
{% capture post_body %}
4
4
{% if site.social_media %}
5
-
<div class="col-sm-4 col-lg-3 d-flex flex-wrap flex-items-center d-sm-block float-sm-right border rounded-2 bg-white p-3 mb-5 ml-md-5">
6
-
<h3 class="text-gray-dark mr-3 mr-sm-0">Share</h3>
7
-
<ul class="d-flex d-sm-block list-style-none">
8
-
{% for account in site.social_media %}
9
-
<li class="mt-sm-3">
10
-
{% assign service_shortname = account[0] %}
11
-
{% assign service = site.data.social_media[service_shortname] %}
12
-
<a href="{% include social_media_share_url.html service=service_shortname title=page.title permalink=page.url %}" title="Share on {{ service.name }}" class="d-flex flex-items-center">
13
-
<div style="width:32px">{{ service.icon_svg }}</div><span class="d-none d-sm-inline-block text-gray-light">{{ service.name }}</span>
14
-
</a>
15
-
</li>
16
-
{% endfor %}
17
-
</ul>
18
-
</div>
5
+
{% assign shareable_social_media = '' | split: ',' %}
6
+
7
+
{% for account in site.social_media %}
8
+
{% assign service_shortname = account[0] %}
9
+
{% assign service = site.data.social_media[service_shortname] %}
10
+
11
+
{% if service.share_url_prefix %}
12
+
{% assign shareable_social_media = shareable_social_media | push: service %}
13
+
{% endif %}
14
+
{% endfor %}
15
+
16
+
{% assign total_shareable_services = shareable_social_media | size %}
17
+
18
+
{% if total_shareable_services > 0 %}
19
+
<div class="col-sm-4 col-lg-3 d-flex flex-wrap flex-items-center d-sm-block float-sm-right border rounded-2 bg-white p-3 mb-5 ml-md-5">
20
+
<h3 class="text-gray-dark mr-3 mr-sm-0">Share</h3>
21
+
<ul class="d-flex d-sm-block list-style-none">
22
+
{% for service in shareable_social_media %}
23
+
<li class="mt-sm-3">
24
+
<a href="{{ service.share_url_prefix }}{{ page.url | prepend: site.url | prepend: site.baseurl | url_encode }}" title="Share on {{ service.name }}" class="d-flex flex-items-center">
25
+
<div style="width:32px">{{ service.icon_svg }}</div><span class="d-none d-sm-inline-block text-gray-light">{{ service.name }}</span>
26
+
</a>
27
+
</li>
28
+
{% endfor %}
29
+
</ul>
30
+
</div>
31
+
{% endif %}
19
32
{% endif %}
20
33
<div class="article">
21
34
{{ content }}