Adds simple Social Network Link / Social Networks Data definition (#278)
* adds social-network-links config keys * adds social networks config data * simply social network links in footer * fix typo * simplify social-network-links template in config file * add note about _data/SocialNetworks.yml from config file * update comments in socialnetworks.yml
This commit is contained in:
Dean Attali
parent
f7040fe7b3
commit
c2be2a963c
60
_config.yml
60
_config.yml
|
|
@ -56,44 +56,30 @@ avatar: "/img/avatar-icon.png"
|
||||||
# Important: you must keep the "name" parameter, everything else you can remove
|
# Important: you must keep the "name" parameter, everything else you can remove
|
||||||
author:
|
author:
|
||||||
name: Some Person
|
name: Some Person
|
||||||
email: "youremail@domain.com"
|
|
||||||
facebook: yourname # eg. daattali
|
|
||||||
github: yourname # eg. daattali
|
|
||||||
twitter: yourname # eg. daattali
|
|
||||||
reddit: yourname # eg. daattali
|
|
||||||
google-plus: +yourname # eg. +DeanAttali or 109424658772469020925
|
|
||||||
linkedin: yourname # eg. daattali
|
|
||||||
xing: yourname # eg. daattali
|
|
||||||
stackoverflow: yourlink # eg. "3943160/daattali"
|
|
||||||
snapchat: yourname # eg. daattali
|
|
||||||
instagram: yourname # eg. daattali
|
|
||||||
youtube: yourlink # eg. user/daattali or channel/daattali
|
|
||||||
spotify: yourname # eg. daattali
|
|
||||||
telephone: yourphone # eg. +14159998888
|
|
||||||
steam: yourname # eg. daattali
|
|
||||||
twitch: yourname # eg. daattali
|
|
||||||
yelp: yourname # eg. daattali
|
|
||||||
|
|
||||||
# Select which links to show in the footer
|
# Select your active Social Network Links.
|
||||||
footer-links-active:
|
# Uncomment the links you want to show in the footer and add your information to each link.
|
||||||
rss: false
|
# You can reorder the items to define the link order.
|
||||||
facebook: true
|
# If you want to add a new link that isn't here, you'll need to also edit the file _data/SocialNetworks.yml
|
||||||
email: true
|
social-network-links:
|
||||||
twitter: true
|
rss: true
|
||||||
google-plus: false
|
email: "someone@example.com"
|
||||||
github: true
|
facebook: daattali
|
||||||
reddit: false
|
github: daattali
|
||||||
linkedin: false
|
twitter: daattali
|
||||||
xing: false
|
# reddit: yourname
|
||||||
stackoverflow: false
|
# google-plus: +DeanAttali
|
||||||
snapchat: false
|
# linkedin: daattali
|
||||||
instagram: false
|
# xing: yourname
|
||||||
youtube: false
|
# stackoverflow: "3943160/daattali"
|
||||||
spotify: false
|
# snapchat: deanat78
|
||||||
telephone: false
|
# instagram: deanat78
|
||||||
steam: false
|
# youtube: user/deanat78
|
||||||
twitch: false
|
# spotify: yourname
|
||||||
yelp: false
|
# telephone: +14159998888
|
||||||
|
# steam: deanat78
|
||||||
|
# twitch: yourname
|
||||||
|
# yelp: yourname
|
||||||
|
|
||||||
# Select which share links to show in posts
|
# Select which share links to show in posts
|
||||||
share-links-active:
|
share-links-active:
|
||||||
|
|
|
||||||
97
_data/SocialNetworks.yml
Normal file
97
_data/SocialNetworks.yml
Normal file
|
|
@ -0,0 +1,97 @@
|
||||||
|
# You can define your custom social network links here.
|
||||||
|
# Use the same key you added in _config.yml -> soicial-network-links.
|
||||||
|
# In addition to that you need to specify the following properties:
|
||||||
|
# name: Specify a user-friendly name that will be used as a link title
|
||||||
|
# baseURL: Define a base URL which will be combined with the value of
|
||||||
|
# site.social-network-links.<key>
|
||||||
|
# icon: Specify a valid fontawesome icon class
|
||||||
|
|
||||||
|
facebook:
|
||||||
|
name: "Facebook"
|
||||||
|
baseURL: "https://www.facebook.com/"
|
||||||
|
icon: "fa-facebook"
|
||||||
|
|
||||||
|
github:
|
||||||
|
name: "GitHub"
|
||||||
|
baseURL: "https://github.com/"
|
||||||
|
icon: "fa-github"
|
||||||
|
|
||||||
|
twitter:
|
||||||
|
name: "Twitter"
|
||||||
|
baseURL: "https://twitter.com/"
|
||||||
|
icon: "fa-twitter"
|
||||||
|
|
||||||
|
reddit:
|
||||||
|
name: "Reddit"
|
||||||
|
baseURL: "https://reddit.com/u/"
|
||||||
|
icon: fa-reddit
|
||||||
|
|
||||||
|
google-plus:
|
||||||
|
name: "Google+"
|
||||||
|
baseURL: "https://plus.google.com/"
|
||||||
|
icon: "fa-google-plus"
|
||||||
|
|
||||||
|
email:
|
||||||
|
name: "Email me"
|
||||||
|
baseURL: "mailto:"
|
||||||
|
icon: "fa-envelope"
|
||||||
|
|
||||||
|
linkedin:
|
||||||
|
name: "LinkedIn"
|
||||||
|
baseURL: "https://linkedin.com/in/"
|
||||||
|
icon: "fa-linkedin"
|
||||||
|
|
||||||
|
xing:
|
||||||
|
name: "Xing"
|
||||||
|
baseURL: "https://www.xing.com/profile/"
|
||||||
|
icon: "fa-xing"
|
||||||
|
|
||||||
|
stackoverflow:
|
||||||
|
name: "StackOverflow"
|
||||||
|
baseURL: "https://stackoverflow.com/users/"
|
||||||
|
icon: "fa-stack-overflow"
|
||||||
|
|
||||||
|
snapchat:
|
||||||
|
name: "Snapchat"
|
||||||
|
baseURL: "https://www.snapchat.com/add/"
|
||||||
|
icon: "fa-snapchat-ghost"
|
||||||
|
|
||||||
|
instagram:
|
||||||
|
name: "Instagram"
|
||||||
|
baseURL: "https://www.instagram.com/"
|
||||||
|
icon: "fa-instagram"
|
||||||
|
|
||||||
|
youtube:
|
||||||
|
name: "YouTube"
|
||||||
|
baseURL: "https://www.youtube.com/"
|
||||||
|
icon: "fa-youtube"
|
||||||
|
|
||||||
|
spotify:
|
||||||
|
name: "Spotify"
|
||||||
|
baseURL: "https://open.spotify.com/user/"
|
||||||
|
icon: "fa-spotify"
|
||||||
|
|
||||||
|
telephone:
|
||||||
|
name: "Phone"
|
||||||
|
baseURL: "tel:"
|
||||||
|
icon: "fa-phone"
|
||||||
|
|
||||||
|
rss:
|
||||||
|
name: "RSS"
|
||||||
|
baseURL: "{{ '/feed.xml' | prepend: site.baseurl }}"
|
||||||
|
icon: "fa-rss"
|
||||||
|
|
||||||
|
steam:
|
||||||
|
name: "Steam"
|
||||||
|
baseURL: "https://steamcommunity.com/id/"
|
||||||
|
icon: "fa-steam"
|
||||||
|
|
||||||
|
twitch:
|
||||||
|
name: "Twitch"
|
||||||
|
baseURL: "https://www.twitch.tv/"
|
||||||
|
icon: "fa-twitch"
|
||||||
|
|
||||||
|
yelp:
|
||||||
|
name: "Yelp"
|
||||||
|
baseURL: "https://{{ site.author.yelp }}.yelp.com"
|
||||||
|
icon: "fa-yelp"
|
||||||
|
|
@ -3,220 +3,41 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
|
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
|
||||||
<ul class="list-inline text-center footer-links">
|
<ul class="list-inline text-center footer-links">
|
||||||
{% if site.author.facebook and site.footer-links-active.facebook %}
|
{%- for link in site.social-network-links -%}
|
||||||
<li>
|
{%- assign curkey = link[0] -%}
|
||||||
<a href="https://www.facebook.com/{{ site.author.facebook }}" title="Facebook">
|
{%- assign element = site.data.SocialNetworks[curkey] -%}
|
||||||
<span class="fa-stack fa-lg" aria-hidden="true">
|
<li>
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
{%- if curkey == 'rss' -%}
|
||||||
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
|
<a href="{{ '/feed.xml' | prepend: site.baseurl }}" title="{{ element.name }}">
|
||||||
</span>
|
{%- elsif curkey == 'yelp' -%}
|
||||||
<span class="sr-only">Facebook</span>
|
<a href="https://{{ site.social-network-links[curkey] }}.yelp.com" title="{{ element.name }}">
|
||||||
</a>
|
{%- else -%}
|
||||||
</li>
|
<a href="{{element.baseURL}}{{ site.social-network-links[curkey] }}" title="{{ element.name }}">
|
||||||
{% endif %}
|
{%- endif -%}
|
||||||
{% if site.author.github and site.footer-links-active.github %}
|
<span class="fa-stack fa-lg" aria-hidden="true">
|
||||||
<li>
|
<i class="fa fa-circle fa-stack-2x"></i>
|
||||||
<a href="https://github.com/{{ site.author.github }}" title="GitHub">
|
<i class="fa {{ element.icon }} fa-stack-1x fa-inverse"></i>
|
||||||
<span class="fa-stack fa-lg" aria-hidden="true">
|
</span>
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
<span class="sr-only">{{ element.name }}</span>
|
||||||
<i class="fa fa-github fa-stack-1x fa-inverse"></i>
|
</a>
|
||||||
</span>
|
</li>
|
||||||
<span class="sr-only">GitHub</span>
|
{%- endfor -%}
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.author.twitter and site.footer-links-active.twitter %}
|
|
||||||
<li>
|
|
||||||
<a href="https://twitter.com/{{ site.author.twitter }}" title="Twitter">
|
|
||||||
<span class="fa-stack fa-lg" aria-hidden="true">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
<span class="sr-only">Twitter</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.author.reddit and site.footer-links-active.reddit %}
|
|
||||||
<li>
|
|
||||||
<a href="https://reddit.com/u/{{ site.author.reddit }}" title="Reddit">
|
|
||||||
<span class="fa-stack fa-lg" aria-hidden="true">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-reddit fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
<span class="sr-only">Reddit</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.author.google-plus and site.footer-links-active.google-plus %}
|
|
||||||
<li>
|
|
||||||
<a href="https://plus.google.com/{{ site.author.google-plus }}" title="Google+">
|
|
||||||
<span class="fa-stack fa-lg" aria-hidden="true">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-google-plus fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
<span class="sr-only">Google+</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.author.email and site.footer-links-active.email %}
|
|
||||||
<li>
|
|
||||||
<a href="mailto:{{ site.author.email }}" title="Email me">
|
|
||||||
<span class="fa-stack fa-lg" aria-hidden="true">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-envelope fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
<span class="sr-only">Email me</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.author.linkedin and site.footer-links-active.linkedin %}
|
|
||||||
<li>
|
|
||||||
<a href="https://linkedin.com/in/{{ site.author.linkedin }}" title="LinkedIn">
|
|
||||||
<span class="fa-stack fa-lg" aria-hidden="true">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
<span class="sr-only">LinkedIn</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.author.xing and site.footer-links-active.xing %}
|
|
||||||
<li>
|
|
||||||
<a href="https://www.xing.com/profile/{{ site.author.xing }}" title="Xing">
|
|
||||||
<span class="fa-stack fa-lg" aria-hidden="true">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-xing fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
<span class="sr-only">Xing</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.author.stackoverflow and site.footer-links-active.stackoverflow %}
|
|
||||||
<li>
|
|
||||||
<a href="https://stackoverflow.com/users/{{ site.author.stackoverflow }}" title="StackOverflow">
|
|
||||||
<span class="fa-stack fa-lg" aria-hidden="true">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-stack-overflow fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
<span class="sr-only">StackOverflow</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.author.snapchat and site.footer-links-active.snapchat %}
|
|
||||||
<li>
|
|
||||||
<a href="https://www.snapchat.com/add/{{ site.author.snapchat }}" title="Snapchat">
|
|
||||||
<span class="fa-stack fa-lg" aria-hidden="true">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-snapchat-ghost fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
<span class="sr-only">Snapchat</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.author.instagram and site.footer-links-active.instagram %}
|
|
||||||
<li>
|
|
||||||
<a href="https://www.instagram.com/{{ site.author.instagram }}" title="Instagram">
|
|
||||||
<span class="fa-stack fa-lg" aria-hidden="true">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-instagram fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
<span class="sr-only">Instagram</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.author.youtube and site.footer-links-active.youtube %}
|
|
||||||
<li>
|
|
||||||
<a href="https://www.youtube.com/{{ site.author.youtube }}" title="YouTube">
|
|
||||||
<span class="fa-stack fa-lg" aria-hidden="true">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-youtube fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
<span class="sr-only">YouTube</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.author.spotify and site.footer-links-active.spotify %}
|
|
||||||
<li>
|
|
||||||
<a href="https://open.spotify.com/user/{{ site.author.spotify }}" title="Spotify">
|
|
||||||
<span class="fa-stack fa-lg" aria-hidden="true">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-spotify fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
<span class="sr-only">Spotify</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.author.telephone and site.footer-links-active.telephone %}
|
|
||||||
<li>
|
|
||||||
<a href="tel:{{ site.author.telephone }}" title="Phone">
|
|
||||||
<span class="fa-stack fa-lg" aria-hidden="true">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-phone fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
<span class="sr-only">Phone</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.footer-links-active.rss %}
|
|
||||||
<li>
|
|
||||||
<a href="{{ '/feed.xml' | prepend: site.baseurl }}" title="RSS">
|
|
||||||
<span class="fa-stack fa-lg" aria-hidden="true">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-rss fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
<span class="sr-only">RSS</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.author.steam and site.footer-links-active.steam %}
|
|
||||||
<li>
|
|
||||||
<a href="https://steamcommunity.com/id/{{ site.author.steam }}" title="Steam">
|
|
||||||
<span class="fa-stack fa-lg" aria-hidden="true">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-steam fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
<span class="sr-only">Steam</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.author.twitch and site.footer-links-active.twitch %}
|
|
||||||
<li>
|
|
||||||
<a href="https://www.twitch.tv/{{ site.author.twitch }}" title="Twitch">
|
|
||||||
<span class="fa-stack fa-lg" aria-hidden="true">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-twitch fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
<span class="sr-only">Twitch</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.author.yelp and site.footer-links-active.yelp %}
|
|
||||||
<li>
|
|
||||||
<a href="https://{{ site.author.yelp }}.yelp.com" title="Yelp">
|
|
||||||
<span class="fa-stack fa-lg" aria-hidden="true">
|
|
||||||
<i class="fa fa-circle fa-stack-2x"></i>
|
|
||||||
<i class="fa fa-yelp fa-stack-1x fa-inverse"></i>
|
|
||||||
</span>
|
|
||||||
<span class="sr-only">Yelp</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
</ul>
|
</ul>
|
||||||
<p class="copyright text-muted">
|
<p class="copyright text-muted">
|
||||||
{{ site.author.name }}
|
{{ site.author.name }}
|
||||||
•
|
•
|
||||||
{{ site.time | date: '%Y' }}
|
{{ site.time | date: '%Y' }}
|
||||||
|
|
||||||
{% if site.url-pretty %}
|
{% if site.url-pretty %}
|
||||||
•
|
•
|
||||||
<a href="{{ site.url }}">{{ site.url-pretty }}</a>
|
<a href="{{ site.url }}">{{ site.url-pretty }}</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</p>
|
</p>
|
||||||
<!-- Please don't remove this, keep my open source work credited :) -->
|
<!-- Please don't remove this, keep my open source work credited :) -->
|
||||||
<p class="theme-by text-muted">
|
<p class="theme-by text-muted">
|
||||||
Theme by
|
Theme by
|
||||||
<a href="http://deanattali.com/beautiful-jekyll/">beautiful-jekyll</a>
|
<a href="http://deanattali.com/beautiful-jekyll/">beautiful-jekyll</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user