_layouts/post.html in jekyll-theme-artsy-0.1.3 vs _layouts/post.html in jekyll-theme-artsy-0.1.4
- old
+ new
@@ -1,5 +1,239 @@
---
layout: default
---
-{{ content }}
+<html>
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+ <meta name="viewport" content="width=device-width">
+
+<link href="{{ site.baseurl }}/assets/css/tags-wrap.css" rel="stylesheet" />
+
+ </head>
+ <body>
+
+
+{% assign post = page %}
+
+<article>
+<!-- Post Header -->
+<header class="intro-header" style="background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% endif %}')">
+ <div class="container">
+ <div class="row">
+ <div class="post-heading">
+ <h1 style="color: #ffffff;">{{ page.title }}</h1>
+ {% if page.subtitle %}
+ <h2 class="subheading">{{ page.subtitle }}</h2>
+ {% endif %}
+ <span class="meta">Posted on {{ page.date | date: "%B %-d, %Y" }}</span>
+
+<span class="time-tag-categ" style="font-size:.7em;background-color: #000000;">
+
+{% assign minutes = content | number_of_words | divided_by: 180 %}
+<i class="fa fa-clock-o"></i> {% if minutes == 0 %}{% assign minutes = 1 %}{% endif %}
+{{ minutes }} minute read
+
+
+
+ {% if post.tags.size > 0 %}
+ ∼ Tagged with <i class="fa fa-tags"></i>{% if post.tags.size == 1 %} {% else %}{% endif %} : {% for tag in page.tags %}<a href="{{ site.baseurl }}/tag/{{ tag | cgi_encode }}/" data-toggle="tooltip" title="Other posts tagged with {{ tag }}" rel="tag">{{ tag }}</a>{% unless forloop.last %} • {% endunless %}{% endfor %}{% endif %}
+
+
+ {% if post.categories.size > 0 %}
+ ∼ Filed in <i class="fa fa-briefcase"></i>{% if post.categories.size == 1 %} {% else %}{% endif %} : {% for tag in page.categories %}<a href="{{ site.baseurl }}/{{ tag | cgi_encode }}/" data-toggle="tooltip" title="Other posts filed in {{ tag }} category" rel="tag">{{ tag }}</a>{% unless forloop.last %} • {% endunless %}{% endfor %%}{% endif %}
+
+ </span>
+
+ </div>
+ </div>
+ </div>
+</header>
+
+<!-- Post Content -->
+
+ <div class="container">
+ <div class="row">
+
+
+ {{ content }}
+
+ <br>
+ <br>
+ <br>
+
+
+ {% include signoff.html %}
+ <hr class="small">
+ {% if site.share %}{% include share.html %}{% endif %}
+
+{% if site.comments %}{% include disqus_comments.html %}{% endif %}
+
+ <br>
+
+ <ul class="pager">
+ {% if page.previous.url %}
+ <li class="previous">
+ <a href="{{ page.previous.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.previous.title}}">← Previous Post</a>
+ </li>
+ {% endif %}
+ {% if page.next.url %}
+ <li class="next">
+ <a href="{{ page.next.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.next.title}}">Next Post →</a>
+ </li>
+ {% endif %}
+ </ul>
+
+ </div>
+ </div>
+</article>
+
+<br>
+
+<hr class="medium">
+
+ <div class="tags-wrap">
+ <div class="tags">
+
+ <div class="section-heading group" style="color: #fff; text-align: center; margin-top: 10px;">
+
+ <h3>Tags Cloud</h3>
+
+ </div>
+
+{% assign rawtags = "" %}
+{% for post in site.posts %}
+{% assign ttags = post.tags | join:'|' | append:'|' %}
+{% assign rawtags = rawtags | append:ttags %}
+{% endfor %}
+
+{% assign rawtags = rawtags | split:'|' | sort %}
+
+{% assign tags = "" %}
+
+{% for tag in rawtags %}
+{% if tag != "" %}
+
+{% if tags == "" %}
+{% assign tags = tag | split:'|' %}
+{% endif %}
+
+{% unless tags contains tag %}
+{% assign tags = tags | join:'|' | append:'|' | append:tag | split:'|' %}
+{% endunless %}
+{% endif %}
+{% endfor %}
+
+ <div class="tag-list">
+ {% for tag in tags %}
+<a href="{{ site.baseurl }}/tag/{{ tag | slugify }}/" style="text-decoration:none;"> {{ tag }} </a>
+{% endfor %}
+ </div>
+
+</div>
+
+<hr class="medium">
+
+<div class="categories">
+
+ <div class="section-heading group" style="color: #fff; text-align: center; margin-top: 10px;">
+
+ <h3>Categories Cloud</h3>
+
+ </div>
+
+
+{% assign rawcategories = "" %}
+{% for post in site.posts %}
+{% assign tcategories = post.categories | join:'|' | append:'|' %}
+{% assign rawcategories = rawcategories | append:tcategories %}
+{% endfor %}
+
+{% assign rawcategories = rawcategories | split:'|' | sort %}
+
+{% assign categories = "" %}
+
+{% for category in rawcategories %}
+{% if tag != "" %}
+
+{% if categories == "" %}
+{% assign categories = category | split:'|' %}
+{% endif %}
+
+{% unless categories contains category %}
+{% assign categories = categories | join:'|' | append:'|' | append:category | split:'|' %}
+{% endunless %}
+{% endif %}
+{% endfor %}
+
+ <div class="category-list">
+ {% for category in categories %}
+<a href="{{ site.baseurl }}/{{ category | slugify }}/"> {{ category }} </a>
+{% endfor %}
+ </div>
+
+</div>
+
+<hr class="medium">
+
+<br>
+<br>
+
+ </div>
+
+<!-- Custom Theme JavaScript -->
+<script src="{{ site.baseurl }}/assets/js/main.min.js "></script>
+<!-- include image popups -->
+<script src="{{ site.baseurl }}/assets/js/jquery.magnific-popup.js"></script>
+
+<script type="text/javascript">
+ $(document).ready(function($) {
+ $('a.popup').magnificPopup({
+ type: 'image',
+ gallery:{
+ enabled:true,
+ navigateByImgClick: true,
+ preload: [0,1] // Will preload 0 - before current, and 1 after the current image
+ },
+image: {
+ titleSrc: function(item) {
+ return item.el.attr('title') + ' ' + item.el.attr('data-caption');
+ }
+ }
+ // other options
+ });
+});
+ </script>
+<!-- adds the lightbox and some formatting clean-up -->
+<script type="text/javascript">
+ $( "article img" ).each(function() {
+ $( this ).parent('a')
+ .addClass( "popup" )
+ .attr('data-caption', '')
+ .attr('title', $(this).attr('alt'))
+ });
+
+
+
+</script>
+
+<script src="{{ site.baseurl }}/assets/js/retina.min.js"></script>
+<!-- include Masonry -->
+<script src="{{ site.baseurl }}/assets/js/isotope.pkgd.min.js"></script>
+<!-- include mousewheel plugins -->
+<script src="{{ site.baseurl }}/assets/js/jquery.mousewheel.min.js"></script>
+<!-- include carousel plugins -->
+<script src="{{ site.baseurl}}/js/jquery.tinycarousel.min.js"></script>
+<!-- include svg line drawing plugin -->
+<script src="{{ site.baseurl }}/assets/js/jquery.lazylinepainter.min.js"></script>
+<!-- include custom script -->
+<script src="{{ site.baseurl }}/assets/js/scripts.js"></script>
+
+
+</body>
+</html>
+
+
+
+