kameronkenny.com/_includes/sidebar.html

104 lines
4.3 KiB
HTML

<aside class="sidebar">
{% if page.id %}
<div class="widget widget-recent">
<h3 class="widget-title">Recent Posts</h3>
{% for post in site.posts limit:4 %}
<div class="recent-posts">
{% if post.image %}
<div class="recent-header">
<a class="recent-image" href="{{ root_url }}{{ post.url | prepend: site.baseurl }}" style="background-image: url({{"/img/" | prepend: site.baseurl | append: post.image}})"></a>
</div>
{% else %}
{% endif %}
<div class="recent-content">
<h6 class="recent-title"><a href="{{ root_url }}{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h6>
<div class="recent-date">
<time datetime="{{ post.date | date_to_xmlschema }}">{{post.date | date: "%B %-d, %Y"}}</time>
</div>
</div>
</div>
{% endfor %}
</div>
{% else %}
{% endif %}
<div class="widget widget-social">
<h3 class="widget-title">Follow</h3>
<ul class="social-profiles list-reset">
{% if site.strava.latest-rides.enabled == true %}
<iframe height='454' width='300' max-width="100%" frameborder='0' allowtransparency='true' scrolling='no' src="{{ site.strava.latest-rides.url }}"></iframe>
{% else %} {% endif %}
{% if site.strava.activity-summary.enabled == true %}
<iframe height='160' width='300' max-width="100%" frameborder='0' allowtransparency='true' scrolling='no' src="{{ site.strava.activity-summary.url }}"></iframe>
{% else %} {% endif %}
{% if site.facebook %}
<li class="social-profiles-item">
<a href="{{ site.facebook }}" class="social-profiles-link"><i class="ion ion-logo-facebook"></i></a>
</li>
{% else %} {% endif %}
{% if site.twitter %}
<li class="social-profiles-item">
<a href="{{ site.twitter }}" class="social-profiles-link"><i class="ion ion-logo-twitter"></i></a>
</li>
{% else %} {% endif %}
{% if site.instagram %}
<li class="social-profiles-item">
<a href="{{ site.instagram }}" class="social-profiles-link"><i class="ion ion-logo-instagram"></i></a>
</li>
{% else %} {% endif %}
{% if site.pinterest %}
<li class="social-profiles-item">
<a href="{{ site.pinterest }}" class="social-profiles-link"><i class="ion ion-logo-pinterest"></i></a>
</li>
{% else %} {% endif %}
</ul>
</div>
{% if site.mailchimp %}
<div class="widget widget-newsletter">
<h3 class="widget-title">Newsletter</h3>
<div class="newsletter-subtitle">Get Interesting News</div>
<div class="newsletter-text">Receive the latest news via email.</div>
<form class="c-newsletter-form validate" action="{% if site.mailchimp %}//{{site.mailchimp}}{% else %}#{% endif %}" method="POST"
id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate>
<div class="newsletter-group">
<div class="newsletter-group-top">
<label class="screen-reader-text" for="mce-EMAIL">Email address</label>
<i class="email-icon ion ion-ios-mail"></i>
<input class="newsletter-email required email" id="mce-EMAIL" type="text" name="EMAIL" placeholder="E-mail">
</div>
<input class="newsletter-button" id="mc-embedded-subscribe" type="submit" name="subscribe" value="Subscribe">
</div>
</form>
</div>
{% endif %}
{% if site.instafeed == true %}
<div class="widget widget-instagram">
<h3 class="widget-title">Instagram</h3>
<div class="instagram-box">
<ul id="instafeed" class="instagram-grid list-reset clearfix"></ul>
<a class="instagram-prof" href="#">&#64;UserName</a>
</div>
</div>
{% endif %}
<div class="widget widget-tags">
<h3 class="widget-title">Tag Cloud</h3>
{% capture site_tags %}{% for tag in site.tags %}{{ tag | first }}{% unless forloop.last %},{% endunless %}{% endfor %}{%
endcapture %} {% assign tag_words = site_tags | split:',' | sort %}
<ul class="tag-list list-reset">
{% for item in (0..site.tags.size) %}{% unless forloop.last %}
{% capture this_word %}{{ tag_words[item] | strip_newlines }}{% endcapture %}
<li class="tag-item"><a href="{{ site.baseurl }}/tags#{{ this_word | cgi_escape }}" class="tag">{{ this_word }}</a></li>
{% endunless %}
{% endfor %}
</ul>
</div>
</aside> <!-- /.sidebar -->