jekyll-theme-simple-texture 0.1.0

data/_includes/common/disqus.html

@@ -0,0 +1,36 @@
+<script>
+    $(document).ready(function () {
+        var disqusPublicKey = "{{ site.disqus.public_key }}";
+        var disqusShortname = "{{ site.disqus.shortname }}";
+        var threadUrl = 'link:' + $('.comments .show-hidden').attr('data-disqus-url');
+
+        $.ajax({
+            type: 'GET',
+            url: 'https://disqus.com/api/3.0/threads/set.jsonp',
+            data: {
+                api_key: disqusPublicKey,
+                forum: disqusShortname,
+                thread: threadUrl
+            },
+            cache: false,
+            dataType: 'jsonp',
+            success: function (result) {
+                if (result.response.length === 1) {
+                    btnText = '{{ site.data.i18n[site.lang].show_comments }} (' + result.response[0].posts + ')';
+                    $('.comments .show-hidden').html(btnText);
+                }
+            }
+        });
+
+        $('.comments .show-hidden').on('click', function () {
+            $.ajaxSetup({cache: true});
+            $.getScript('http://' + disqusShortname + '.disqus.com/embed.js');
+            $.ajaxSetup({cache: false});
+            $(this).remove();
+        });
+
+        if (/\#comments/.test(location.hash)) {
+            $('.comments .show-hidden').trigger('click');
+        }
+    });
+</script>

data/_includes/common/libraries.html

@@ -0,0 +1,16 @@
+<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
+<script>window.Modernizr || document.write('<script src="/assets/javascripts/modernizr-2.8.3.min.js"><\/script>')</script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+<script>
+    window.jQuery || document.write('<script src="/assets/javascripts/jquery-3.2.1.min.js"><\/script>')
+</script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js"></script>
+<script>
+    window.Pace || document.write('<script src="/assets/javascripts/pace.min.js"><\/script>')
+</script>
+
+{% if site.google_analytics %}
+    {% include common/analytics.html %}
+{% endif %}

data/_includes/common/meta.html

@@ -0,0 +1,16 @@
+<meta charset="utf-8">
+<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
+<meta name="viewport" content="width=device-width,initial-scale=1">
+
+{% seo %}
+<meta name="keywords" content="{% if site.author.username %}{{ site.author.username }},{% endif %}{% if page.tags != null %}{{ page.tags | join: ',' }}{% else %}{{ site.blog.keywords }}{% endif %}" />
+
+{% if page.url == "/404.html" %}
+    <meta http-equiv="refresh" content="5; url={{ site.paths.blog }}">
+{% endif %}
+
+{% if page.indexing == false %}
+    <meta name="robots" content="noindex">
+{% endif %}
+
+{% feed_meta %}

data/_includes/common/notices.html

@@ -0,0 +1,6 @@
+<!--[if IE]>
+    <p class="site-notice">{{ site.data.i18n[site.lang].notice_old_ie }}</p>
+<![endif]-->
+<noscript>
+    <p class="site-notice">{{ site.data.i18n[site.lang].notice_no_js }}</p>
+</noscript>

data/_includes/helpers/categories_list

@@ -0,0 +1,17 @@
+{% if categories_list.first[0] == null %}
+    {% for category in categories_list %} 
+        <li>
+            <a class="internal" data-ga="{{ category | join: "/" }}" href="{{ site.paths.categories }}#{{ category | replace:' ','-' }}" title="{{ category | join: "/" }}">
+            {{ category | join: "/" }} <span>{{ site.categories[category].size }}</span></a>
+        </li>
+    {% endfor %}
+{% else %}
+    {% for category in categories_list %} 
+        <li>
+            <a class="internal" data-ga="{{ category[0] | join: "/" }}" href="{{ site.paths.categories }}#{{ category[0] | replace:' ','-' }}" title="{{ category[0] | join: "/" }}">
+            {{ category[0] | join: "/" }} <span>{{ category[1].size }}</span></a>
+        </li>
+    {% endfor %}
+{% endif %}
+
+{% assign categories_list = nil %}

data/_includes/helpers/pages_list

@@ -0,0 +1,15 @@
+{% for node in pages_list %}
+    {% if node.title != null %}
+        {% if group == null or group == node.group %}
+            {% if page.url == node.url %}
+                <li class="active"><a class="active internal" href="{{node.url}}">{{node.title}}</a>
+            {% else %}
+                <li><a class="internal" href="{{node.url}}">{{node.title}}</a>
+            {% endif %}
+            <span class="date">{{ node.date | date: "%b %d, %Y" }}</span></li>
+        {% endif %}
+    {% endif %}
+{% endfor %}
+
+{% assign pages_list = nil %}
+{% assign group = nil %}

data/_includes/helpers/posts_collate

@@ -0,0 +1,26 @@
+{% for post in posts_collate %}
+    {% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
+
+    {% if current_year != '' and {{this_year}} != current_year %}
+        {% if forloop.first != true %}</ul>
+    {% endif %}
+        
+        <h2 class='year'>{{ this_year }}</h2>
+        <ul class="post-list">
+    {% endif %}
+
+    <li>
+        <a class="active internal" href="{{ post.url }}">{{ post.title }}</a>
+        {% if post.last_updated %}
+            <span title="{{ site.data.i18n[site.lang].last_updated }}: {{ post.last_updated | date: "%b %d, %Y" }}" class="date">{{ post.date | date: "%b %d, %Y" }}</span>
+        {% else %}
+            <span class="date">{{ post.date | date: "%b %d, %Y" }}</span>
+        {% endif %}
+    </li>
+
+    {% if forloop.last %}</ul>{% endif %}
+
+    {% assign current_year = {{this_year}} %}
+{% endfor %}
+
+{% assign posts_collate = nil %}

data/_includes/helpers/tags_list

@@ -0,0 +1,17 @@
+{% if tags_list.first[0] == null %}
+    {% for tag in tags_list %}
+        {% assign actual_tag_name = tag | replace:' ',' ' %}
+        <li>
+            <a class="internal" data-ga="{{ actual_tag_name }}" href="{{ site.paths.tags }}#{{ actual_tag_name | replace:' ','-' | replace:'#','sharp' }}" title="{{ actual_tag_name }}">{{ actual_tag_name }} <span>{{ site.tags[actual_tag_name].size }}</span></a>
+        </li>
+    {% endfor %}
+{% else %}
+    {% for tag in tags_list %}
+        {% assign actual_tag_name = tag[0] | replace:'&#32;',' ' %}
+        <li>
+            <a class="internal" data-ga="{{ actual_tag_name }}" href="{{ site.paths.tags }}#{{ actual_tag_name | replace:' ','-' | replace:'#','sharp' }}" title="{{ actual_tag_name }}">{{ actual_tag_name }} <span>{{ tag[1].size }}</span></a>
+        </li>
+    {% endfor %}
+{% endif %}
+
+{% assign tags_list = nil %}

data/_includes/home/scripts.html

@@ -0,0 +1,52 @@
+<script src="/assets/javascripts/jquery.fullPage.min.js"></script>
+<script src="/assets/javascripts/jquery.easing.min.js"></script>
+<script>
+    $(document).ready(function () {
+        $.fn.fullpage({
+            anchors: ['bio', 'social'],
+            css3: true,
+            fixedElements: '.site-notice',
+            menu: '#menu',
+            navigation: true,
+            navigationPosition: 'right',
+            resize: false,
+            scrollingSpeed: 500,
+
+            afterLoad: function (anchorLink, index) {
+                if (index === 1) {
+                    $('#section0 .headings, #section0').removeClass('hidden').addClass('fadeInDown');
+                    $('.btn-continue').removeClass('hidden').addClass('bounce');
+                }
+                if (index === 2) {
+                    $('#section1 h1, #section1 .social-links').removeClass('hidden').addClass('fadeInUp');
+                }
+            },
+
+            onLeave: function (index, direction) {
+                if (index == 1 && direction == 'down') {
+                    $('#section0 .headings, #section0 .btn-continue').addClass('hidden').removeClass('bounce fadeInDown fadeInLeft');
+                }
+                if (index == 2 && direction == 'up') {
+                    $('#section1 h1, #section1 .social-links').addClass('hidden').removeClass('fadeInUp');
+                }
+            }
+        });
+    });
+
+</script>
+
+{% if site.google_analytics %}
+<script>
+    $("[class^='btn']").on('click', function () {
+        var label = this.textContent;
+        if (this.title !== '') {
+            label = this.title;
+        }
+        if (this.getAttribute('data-ga') !== null) {
+            label = this.getAttribute('data-ga');
+        }
+        ga('send', 'event', 'Homepage Links', 'Click', label.trim());
+    });
+
+</script>
+{% endif %}

data/_layouts/blog.html

@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!-->
+<html class="no-js" lang="{{ site.lang }}">
+<!--<![endif]-->
+
+<head>
+    {% include common/meta.html %}
+    <link href='/assets/stylesheets/blog.css' rel="stylesheet" type="text/css">
+    {% include common/libraries.html %}
+</head>
+
+<body>
+    {% include common/notices.html %}
+    {% include blog/overlay.html %}
+
+    <div id="page" class="hentry">
+        {% include blog/header.html %}
+
+        <div class="body animated fadeInDown" role="main">
+            <div class="unit-body">
+                <div class="unit-inner unit-body-inner">
+                    <div class="entry-content">
+                        {{ content }}
+                    </div>
+                </div>
+            </div>
+        </div>
+        {% include blog/footer.html %}
+    </div>
+
+    {% include blog/scripts.html %}
+</body>
+
+</html>

data/_layouts/home.html

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!-->
+<html class="no-js" lang="{{ site.lang }}">
+<!--<![endif]-->
+
+<head>
+    {% include common/meta.html %}
+    <link href='/assets/stylesheets/home.css' rel="stylesheet" type="text/css">
+    {% include common/libraries.html %}
+</head>
+
+<body>
+    <ul id="menu">
+        <li data-menuanchor="bio"><a href="#bio">Biography</a></li>
+        <li data-menuanchor="social"><a href="#social">Social Links</a></li>
+    </ul>
+
+    <div id="section0" class="section" data-name="bio">
+
+        {% include common/notices.html %}
+
+        <div class="headings animated fadeInLeft">
+            {% if site.home.h1 %}<h1><span>{{ site.home.h1 }}</span></h1>{% endif %}
+            {% if site.home.h2 %}<h2><span>{{ site.home.h2 }}</span></h2>{% endif %}
+            {% if site.home.h3 %}<h3><span>{{ site.home.h3 }}</span></h3>{% endif %}
+        </div>
+        <a class="btn-continue animated bounce" data-ga="More" href="#social"></a>
+    </div>
+
+    <div id="section1" class="section" data-name="social">
+        <h1 class="animated hidden">
+            <a class="btn-enter btn-light" data-ga="Enter Blog" href="{{ site.paths.blog }}">{{ site.data.i18n[site.lang].enter_blog }}</a>
+        </h1>
+        <div class="social-links animated hidden">
+            <a class="btn-light ico-rss" href="/feed.xml" rel="me" target="_blank" title="feed"></a>
+            {% if site.author.email %}
+                <a class="btn-light ico-gmail" href="mailto:{{ site.author.email }}" rel="me" target="_blank" title="email"></a>
+            {% endif %}
+            {% for link in site.author.social_links %}
+                {% if link.url %}
+                    <a class="btn-light ico-{{ link.name }}" href="{{ link.url }}" rel="me" target="_blank" title="{{ link.name }}"></a>
+                {% endif %}
+            {% endfor %}
+        </div>
+    </div>
+
+    {% include home/scripts.html %}
+</body>
+
+</html>

data/_layouts/page.html

@@ -0,0 +1,30 @@
+---
+layout: blog
+---
+<article class="unit-article layout-page">
+    <div class="unit-inner unit-article-inner">
+        <div class="content">
+            <header>
+                <div class="unit-head">
+                    <div class="unit-inner unit-head-inner">
+                        <h1 class="entry-title">{{ page.header }}</h1>
+                    </div>
+                </div>
+            </header>
+
+            <div class="bd article-content">
+                <div class="entry-content">
+                    {{ content }}
+                </div>
+            </div>
+
+            <footer class="unit-foot">
+                <div class="unit-inner unit-foot-inner">
+                    <p class="gotop">
+                        <a class="internal" href="#page">{{ site.data.i18n[site.lang].back_to_top }}</a>
+                    </p>
+                </div>
+            </footer>
+        </div>
+    </div>
+</article>

data/_layouts/post.html

@@ -0,0 +1,72 @@
+---
+layout: blog
+---
+<article class="unit-article layout-post">
+    <div class="unit-inner unit-article-inner">
+        <div itemscope itemtype="http://schema.org/Article" class="content">
+            <header>
+                <div class="unit-head">
+                    <div class="unit-inner unit-head-inner">
+                        <h1 class="entry-title" itemprop="name">{{ page.title }}</h1>
+                    </div>
+                </div>
+            </header>
+            <div class="bd article-content">
+                <div class="entry-content">
+                    <div class="meta">
+                        <p class="date-publish">
+                            {{ site.data.i18n[site.lang].published }}:
+                            <time itemprop="datePublished" class="date-pub {% if page.last_updated == null %}updated{% endif %}"
+                                title="{{ page.date | date_to_xmlschema }}" datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: '%B' }} {{ page.date | date: '%d' }}, {{ page.date | date: '%Y' }} </time>
+                            by
+                            <a class="author" href="/" rel="author"><span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{% if page.author == null %}{{ site.author.name }}{% else %}{{ page.author }}{% endif %}</span></span></a>
+                            <a class="license-icon" rel="license" href="{{ site.blog.cc_license }}" target="_blank">
+                                    <img alt="Creative Commons Licence" style="border-width:0" src="{{ site.blog.cc_license_image }}"  height="16" width="80"/>
+                                </a> {% if page.last_updated %} ({{ site.data.i18n[site.lang].last_updated
+                            }}:
+                            <time class="date-updated updated" title="{{ page.last_updated | date_to_xmlschema }}" datetime="{{ page.last_updated | date_to_xmlschema }}">{{ page.last_updated }}</time>) {% endif %}
+                        </p>
+                        <ul class="list-category list-linear">
+                            <li class="list-head">{{ site.data.i18n[site.lang].categories }}: </li>
+                            {% assign categories_list = page.categories | sort %} {% include helpers/categories_list %}
+                        </ul>
+                        <ul class="list-tag list-linear">
+                            <li class="list-head">{{ site.data.i18n[site.lang].tags }}: </li>
+                            {% assign tags_list = page.tags | sort %} {% include helpers/tags_list %}
+                        </ul>
+                    </div>
+                    <div itemprop="articleBody">
+                        {{ content }}
+                    </div>
+                </div>
+            </div>
+            <footer class="unit-foot">
+                <div class="unit-inner unit-foot-inner">
+                    <div class="gotop">
+                        <a class="internal" href="#page">{{ site.data.i18n[site.lang].back_to_top }}</a>
+                        {% if site.addthis_public_id %}
+                            {% include common/addthis.html %}
+                        {% endif %}
+                    </div>
+                    <nav class="pagination">
+                        {% if page.previous %}
+                            <a class="internal" data-ga="Previous Post" rel="prev" href="{{ page.previous.url }}" title="{{ site.data.i18n[site.lang].view }} '{{ page.previous.title }}'"> ← {{ page.previous.title }}</a>
+                        {% endif %}
+                        {% if page.next %}
+                            <a class="internal" data-ga="Next Post" rel="next" href="{{ page.next.url }}" title="{{ site.data.i18n[site.lang].view }} '{{ page.next.title }}'">{{ page.next.title }} → </a>
+                        {% endif %}
+                    </nav>
+                </div>
+            </footer>
+            <div class="misc-content">
+                {% if site.disqus.shortname and page.comments != false %}
+                    {% include common/disqus.html %}
+                    <div class="comments">
+                        <button class="center-block show-hidden" data-ga="Show Comments" data-disqus-url="{{ site.url }}{{ page.url }}">{{ site.data.i18n[site.lang].show_comments }}</button>
+                        <div id="disqus_thread"></div>
+                    </div>
+                {% endif %}
+            </div>
+        </div>
+    </div>
+</article>

data/_layouts/redirect.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<meta charset="utf-8">
+<title>{{ site.data.i18n[site.lang].redirecting }}</title>
+<link rel="canonical" href="{{ page.redirect.to }}">
+<meta name="robots" content="noindex">
+<meta http-equiv="refresh" content="0; url={{ page.redirect.to }}">
+<script>
+  location = "{{ page.redirect.to }}"
+</script>
+
+</html>

data/_sass/simple-texture-blog.scss

@@ -0,0 +1,104 @@
+@import 'simple-texture/blog/variables';
+@import 'simple-texture/common/normalize';
+@import 'simple-texture/common/animate';
+@import 'simple-texture/common/fonts';
+@import 'simple-texture/common/helper';
+@import 'simple-texture/common/highlight';
+@import 'simple-texture/common/pace';
+
+html {
+    background: url('/assets/images/theme/noisy_texture_section0-200x200.png') repeat 0 0 #F9F9F9;
+}
+
+body {
+    font-family: $fonts-body;
+    font-size: 18px;
+    line-height: 32px;
+
+    color: $color-text;
+}
+
+.body .unit-body {
+    padding: 12px 26px 26px 36px;
+
+    border-top: 1px solid rgba(255, 255, 255, .6);
+    background: #FFFFFF;
+    box-shadow: $color-box-border 0 0 9px;
+}
+
+.h1,
+.h2,
+.h3,
+.h4,
+h1,
+h2,
+h3,
+h4 {
+    font-family: $fonts-heading;
+}
+
+.h1,
+h1 {
+    font-size: 1.725em;
+    line-height: 42px;
+
+    margin-top: 42px;
+    margin-bottom: 26px;
+}
+
+.h2,
+h2 {
+    font-size: 1.575em;
+    line-height: 42px;
+
+    margin-top: 34px;
+    margin-bottom: 16px;
+}
+
+.h3,
+h3 {
+    font-size: 1.325em;
+    line-height: 26px;
+
+    margin-top: 26px;
+    margin-bottom: 20px;
+}
+
+.h4,
+h4 {
+    font-size: 1em;
+    line-height: 26px;
+
+    margin-top: 26px;
+    margin-bottom: 12px;
+}
+
+.small,
+aside,
+small {
+    font-size: .75em;
+}
+
+a:hover,
+a:link,
+a:visited {
+    text-decoration: none;
+}
+
+img {
+    max-width: 95%;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+    font-family: $fonts-body;
+}
+
+@import 'simple-texture/blog/overlay';
+@import 'simple-texture/blog/header';
+@import 'simple-texture/blog/footer';
+@import 'simple-texture/blog/content';
+@import 'simple-texture/blog/responsive';