jekyll-text-theme 1.3.0

data/_layouts/page.html

@@ -0,0 +1,15 @@
+---
+layout: blog-default
+---
+<div class="m-page">
+    <article class="main">
+        <h1>{{ page.title }}</h1>
+
+        <div class="m-article-content" itemprop="articleBody">
+            {{ content }}
+        </div>
+        {% if page.comment != false %}
+            <section>{% include utils/comment-disqus.html %}</section>
+        {% endif %}
+    </article>
+</div>

data/_layouts/post.html

@@ -0,0 +1,206 @@
+---
+layout: blog-default
+---
+<div class="m-post">
+    <div class="main js-main">
+        <div class="col-1">
+            <article itemscope itemtype="http://schema.org/BlogPosting">
+                <meta itemprop="mainEntityOfPage" itemscope itemType="https://schema.org/WebPage"/>
+                <header class="article-header">
+                    <h1 itemprop="headline" itemprop="name headline">{{ page.title }}</h1>
+                    {% include blog/article-data.html %}
+                </header>
+                <div class="m-article-content js-article-content" itemprop="articleBody">
+                    {{ content }}
+                </div>
+                <footer>
+                    {% if page.modify_date %}
+                        <span>
+                            Last updated
+                            <time datetime="{{ page.modify_date | date_to_xmlschema }}" itemprop="dateModified">
+                                {{ page.modify_date | date: "%b %-d, %Y" }}
+                            </time>
+                        </span>
+                    {% else %}
+                        <meta itemprop="dateModified" content="{{ page.date | date_to_xmlschema }}">
+                    {% endif %}
+                    <div class="article-license">
+                        {% include blog/license.html %}
+                    </div>
+                </footer>
+                {% if page.comment != false %}
+                    <section>{% include utils/comment-disqus.html %}</section>
+                {% endif %}
+            </article>
+        </div>
+        <div class="col-2">
+            <aside class="js-article-aside">
+                <div class="m-toc js-toc"></div>
+            </aside>
+        </div>
+    </div>
+</div>
+
+<script src="//cdn.bootcss.com/toc/0.3.2/toc.min.js"></script>
+<script type="text/javascript">
+    window.throttle = function(func, wait) {
+        var args,
+            result,
+            thisArg,
+            timeoutId,
+            lastCalled = 0;
+
+        function trailingCall() {
+            lastCalled = new Date;
+            timeoutId = null;
+            result = func.apply(thisArg, args);
+        }
+        return function() {
+            var now = new Date,
+                remaining = wait - (now - lastCalled);
+
+            args = arguments;
+            thisArg = this;
+
+            if (remaining <= 0) {
+                clearTimeout(timeoutId);
+                timeoutId = null;
+                lastCalled = now;
+                result = func.apply(thisArg, args);
+            }
+            else if (!timeoutId) {
+                timeoutId = setTimeout(trailingCall, remaining);
+            }
+            return result;
+        };
+    }
+    $(function() {
+        var $window = $(window);
+        var $pageStage = $('.js-page-stage');
+        var $pageMain = $('.js-main');
+        var $pageFooter = $('.js-page-footer');
+        var $articleContent = $('.js-article-content');
+        var $articleAside = $('.js-article-aside');
+        var $toc = $('.js-toc');
+        var hasTitle = $articleContent.find('h1, h2, h3').length > 0;
+
+        function asideSticky() {
+            return $window.outerWidth() > 1150 && $pageStage.hasClass('has-toc');
+        }
+        function setTocClass() {
+            if (hasTitle) {
+                !$pageStage.hasClass('has-toc') && $pageStage.addClass('has-toc');
+            }
+        }
+
+        setTocClass();
+
+        function setAsideTOC() {
+            var asideTop,
+                asideLeft,
+                scrollBottom,
+                asideBottomTop,
+                lastScrollTop;
+
+            function init() {
+                var asideOffset = $articleAside.offset();
+                var footerOffset = $pageFooter.offset();
+                var mainOffset = $pageMain.offset();
+                asideTop = mainOffset.top;
+                asideHeight = $toc.outerHeight() + parseInt($articleAside.css('padding-top'), 10) + parseInt($articleAside.css('padding-bottom'), 10);
+                asideLeft = mainOffset.left + $pageMain.outerWidth() - $articleAside.outerWidth() - parseInt($pageMain.css('padding-right'), 10);
+                scrollBottom = footerOffset.top - asideHeight;
+                asideBottomTop = scrollBottom - mainOffset.top;
+            }
+            function setAside(force) {
+                force !== true && (force = false);
+                var scrollTop = $window.scrollTop();
+                if (scrollTop >= asideTop && scrollTop <= scrollBottom) {
+                    (!force && lastScrollTop >= asideTop && lastScrollTop <= scrollBottom) ||
+                        $articleAside.addClass('fixed').css({
+                            left: asideLeft + 'px',
+                            top: 0
+                        });
+                } else if (scrollTop < asideTop) {
+                    (!force && lastScrollTop < asideTop) ||
+                        $articleAside.removeClass('fixed').css({
+                            left: 0,
+                            top: 0
+                        });
+                } else {
+                    (!force && lastScrollTop > scrollBottom) ||
+                        $articleAside.removeClass('fixed').css({
+                            left: 0,
+                            top: asideBottomTop + 'px'
+                        });
+                }
+                lastScrollTop = scrollTop;
+            }
+            asideSticky() && (init(), setAside());
+            $window.on('scroll', function() {
+                asideSticky() && setAside();
+            });
+            $window.on('resize', throttle(function() {
+                setTocClass();
+                asideSticky() && (init(), setAside(true));
+            }, 100));
+            setTimeout(init, 4000);
+        }
+        setTimeout(setAsideTOC, 1000);
+
+        $toc.toc({
+            'selectors': 'h1,h2,h3',
+            'container': '.js-article-content',
+        });
+    });
+</script>
+{% if page.key and site.leancloud.app_id and site.leancloud.app_key and site.leancloud.app_class and site.isdebug == false %}
+    <script src="https://cdn1.lncld.net/static/js/av-min-1.2.1.js"></script>
+    <script type="text/javascript">
+        $(function() {
+            // 初始化
+            AV.init({
+                appId: '{{ site.leancloud.app_id }}',
+                appKey: '{{ site.leancloud.app_key }}'
+            });
+            // 查询
+            var query = new AV.Query('{{ site.leancloud.app_class }}');
+            query.equalTo('key', '{{ page.key }}');
+            query.first().then(function(result) {
+                if (result) {
+                    addOne(result)
+                } else {
+                    //新建
+                    var Blog = AV.Object.extend('{{ site.leancloud.app_class }}');
+                    var blog = new Blog();
+                    blog.set('title', '{{ page.title }}');
+                    blog.set('key', '{{ page.key }}');
+                    blog.set('views', 0);
+                    blog.save().then(function(page) {
+                        addOne(page)
+                    }, function(error) {
+                        if (error) {
+                            throw error;
+                        }
+                    });
+                }
+
+                function addOne(page) {
+                    page.increment('views', 1);
+                    page.fetchWhenSave(true);
+                    page.save().then(function(page) {
+                        $("#post-key-{{ page.key }}").text(page.attributes.views);
+                    }, function(error) {
+                        if (error) {
+                            throw error;
+                        }
+                    });
+                }
+            }, function(error) {
+                if (error) {
+                    throw error;
+                }
+            });
+        });
+    </script>
+{% endif %}

data/_sass/base/_animate.scss

@@ -0,0 +1,19 @@
+@keyframes fade-in {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+@keyframes fade-in-down {
+    from {
+        opacity: 0;
+        @include transform(translateY(-$spacing-unit));
+    }
+    to {
+        opacity: 1;
+        @include transform(translateY(0));
+    }
+}

data/_sass/base/_base.scss

@@ -0,0 +1,55 @@
+/**
+ * Reset some basic elements
+ */
+body, h1, h2, h3, h4, h5, h6,
+p, blockquote, pre, hr,
+dl, dd, ol, ul, figure {
+    margin: 0;
+    padding: 0;
+}
+h1, h2, h3, h4, h5, h6,
+p, blockquote, pre,
+ul, ol, dl, figure,
+%vertical-rhythm {
+    margin: $base-font-size / 2 0;
+}
+
+html {
+    height: 100%;
+}
+body {
+    height: 100%;
+    ::-moz-selection {
+        background: $select-color;
+    }
+    ::-webkit-selection {
+        background: $select-color;
+    }
+    ::selection {
+        background: $select-color;
+    }
+}
+
+.clearfix {
+    &:after {
+        content: "";
+        display: table;
+        clear: both;
+    }
+}
+.left {
+    float: left;
+}
+.right {
+    float: right;
+}
+
+button {
+    cursor:pointer;
+    outline: none;
+    background-color: transparent;
+    padding: 0;
+    margin: 0;
+    border-width: 0;
+    font-size: $base-font-size;
+}

data/_sass/base/_image&icon.scss

@@ -0,0 +1,20 @@
+/**
+ * Figures
+ */
+figure > img {
+    display: block;
+}
+
+figcaption {
+    font-size: $small-font-size;
+}
+
+/**
+ * Icons
+ */
+.icon {
+    display: block;
+    > svg {
+        display: block;
+    }
+}

data/_sass/base/_links.scss

@@ -0,0 +1,84 @@
+%cursor-pointer {
+    cursor:pointer;
+}
+%cursor-default {
+    cursor: default;
+}
+%cursor-not-allowed {
+    cursor: not-allowed;
+}
+
+a {
+    font-weight: $bold-font-weight;
+    text-decoration: none;
+    @include link-normal {
+        color: $main-color-1;
+    }
+    @include link-emphasize {
+        text-decoration: underline;
+        color: $main-color-1;
+    }
+    @include transition(all .8s ease 0s);
+}
+
+.round-button {
+    font-weight: $bold-font-weight;
+    line-height: 1;
+    @include flexbox;
+    @include justify-content(center);
+    @include align-items(center);
+    box-sizing: border-box;
+    width: $base-font-size * 2;
+    height: $base-font-size * 2;
+    text-decoration: none;
+    border-radius: 50%;
+    @extend %cursor-pointer;
+    @include link-colors(
+        $text-color-3, $main-color-3,
+        $text-color-1, $main-color-1
+    );
+    @include link-normal {
+        text-decoration: none;
+    }
+    @include link-emphasize {
+        text-decoration: none;
+    }
+    @include transition(all .8s ease 0s);
+    svg {
+        width: $base-font-size;
+        height: $base-font-size;
+    }
+    &.inactive {
+        @extend %cursor-not-allowed;
+        @include link-colors(
+            rgba($text-color-3, .5), $main-color-3,
+            rgba($text-color-3, .5), $main-color-3
+        );
+    }
+}
+
+.round-rect-button {
+    font-weight: $bold-font-weight;
+    line-height: 1;
+    display: block;
+    box-sizing: border-box;
+    padding: $base-font-size * .4 $base-font-size * .6;
+    text-decoration: none;
+    border-radius: $base-font-size * 2;
+    @extend %cursor-pointer;
+    @include link-colors(
+        $text-color-3, $main-color-3,
+        $text-color-1, $main-color-1
+    );
+    @include link-normal {
+        text-decoration: none;
+    }
+    @include link-emphasize {
+        text-decoration: none;
+    }
+    @include transition(all .8s ease 0s);
+    svg {
+        width: $base-font-size;
+        height: $base-font-size;
+    }
+}

data/_sass/base/_text.scss

@@ -0,0 +1,50 @@
+body {
+    font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
+    color: $text-color;
+}
+
+h1, h2, h3, h4, h5, h6, strong {
+    font-weight: $bold-font-weight;
+}
+
+h1 {
+    font-size: $h1-font-size;
+    color: $text-color-d;
+    @include media-query($on-palm) {
+        font-size: $h1-font-size-palm;
+    }
+}
+
+h2 {
+    font-size: $h2-font-size;
+    color: $text-color-d;
+    @include media-query($on-palm) {
+        font-size: $h2-font-size-palm;
+    }
+}
+
+h3 {
+    font-size: $h3-font-size;
+    color: $text-color-d;
+}
+
+h4 {
+    font-size: $h4-font-size;
+    color: $text-color;
+}
+
+h5 {
+    font-size: $h5-font-size;
+    color: $text-color;
+}
+
+h6 {
+    font-size: $h6-font-size;
+    color: $text-color-l;
+}
+
+pre,
+code {
+    font-family: $code-font-family;
+    font-size: $code-font-size;
+}