jekyll-theme-yat 1.0.0

data/_includes/views/banner.html

@@ -0,0 +1,66 @@
+{%- include functions.html func='log' level='debug' msg='Get banner_html value' -%}
+{% assign name = 'banner_html' %}
+{%- include functions.html func='get_value' -%}
+{% assign banner_html = return %}
+
+{%- include functions.html func='log' level='debug' msg='Get banner value' -%}
+{% assign name = 'banner' %}
+{%- include functions.html func='get_value' -%}
+{% assign banner = return %}
+
+{%- include functions.html func='log' level='debug' msg='Get heading value' -%}
+{% assign name = 'heading' %}
+{%- include functions.html func='get_value' -%}
+{% assign heading = return %}
+
+{%- include functions.html func='log' level='debug' msg='Get subheading value' -%}
+{% assign name = 'subheading' %}
+{%- include functions.html func='get_value' -%}
+{% assign subheading = return %}
+
+{% if banner %}
+
+  {% assign auto_banner = true %}
+  {% assign array = banner | split: '//' %}
+  {% assign protocol = array[0]  %}
+
+  {% if array.size > 1 and (protocol == '' or protocol == 'http:' or protocol == 'https:') %}
+    {% assign auto_banner = false %}
+  {% endif %}
+
+  <section class="page-banner">
+    <div class="page-banner-img">
+      {%- if auto_banner == false -%}
+        <div style="background-image: url({{ banner }})"></div>
+      {%- endif  -%}
+    </div>
+    <div class="wrapper">
+      <div class="page-banner-inner">
+
+        {%- if banner_html -%}
+
+        {%- assign banner_html = 'views/' | append: banner_html -%}
+        {%- include {{ banner_html }} -%}
+
+        {%- else -%}
+
+        <h1 class="page-banner-heading">
+          {{ heading | default: page.title | escape }}
+        </h1>
+        <h3 class="page-banner-subheading">
+          {{ subheading | default: page.subtitle | escape }}
+        </h3>
+
+        {%- endif -%}
+      </div>
+    </div>
+  </section>
+
+  {%- if auto_banner -%}
+    {%- assign selector = ".page-banner-img" -%}
+    {%- assign seed = page.id | append: '-seed-' | append: banner -%}
+    {%- include extensions/trianglify.html -%}
+  {%- endif -%}
+
+{%- endif -%}
+

data/_includes/views/footer.html

@@ -0,0 +1,13 @@
+<footer class="site-footer h-card">
+  <data class="u-url" href="{{ "/" | relative_url }}"></data>
+
+  <div class="wrapper">
+    <div class="site-footer-inner">
+      <div>{{ site.copyright }} @{{ site.author | escape }}</div>
+      <div>Powered by <a title="Jekyll is a simple, blog-aware, static site
+      generator." href="http://jekyllrb.com/">Jekyll</a> &amp; <a title="Yat, yet
+      another theme." href="https://github.com/jeffreytse/jekyll-theme-yat">Yat Theme</a>.</div>
+      <div class="footer-col rss-subscribe">Subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></div>
+    </div>
+  </div>
+</footer>

data/_includes/views/header.html

@@ -0,0 +1,44 @@
+<header class="site-header" role="banner">
+
+  <div class="wrapper">
+    {%- assign default_paths = site.pages | where: "dir", "/" | map: "path" -%}
+    {%- assign page_paths = site.header_pages | default: default_paths -%}
+
+    <span class="site-brand">
+      {%- include views/site-brand.html -%}
+    </span>
+
+    {%- if page_paths -%}
+      <nav class="site-nav">
+        <input type="checkbox" id="nav-trigger" class="nav-trigger" />
+        <label for="nav-trigger">
+          <span class="menu-icon">
+            <svg viewBox="0 0 18 15" width="18px" height="15px">
+              <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
+            </svg>
+          </span>
+        </label>
+
+        <div class="trigger">
+          {%- for path in page_paths -%}
+            {%- assign my_page = site.pages | where: "path", path | first -%}
+            {%- if my_page.title -%}
+            <a class="page-link" href="{{ my_page.url | relative_url }}">
+              {{ my_page.title | upcase | escape }}
+            </a>
+            {%- endif -%}
+          {%- endfor -%}
+
+          {%- assign name = 'translate_langs' -%}
+          {%- include functions.html func='get_value' -%}
+          {%- assign translate_langs = return -%}
+          {%- if translate_langs.size > 0 -%}
+            <span class="page-link">
+                {%- include extensions/google-translate.html -%}
+            </span>
+          {%- endif -%}
+        </div>
+      </nav>
+    {%- endif -%}
+  </div>
+</header>

data/_includes/views/pagination.html

@@ -0,0 +1,33 @@
+{%- if page.paginator -%}
+  {%- assign paginator = page.paginator -%}
+{%- elsif paginator == nil -%}
+  {%- assign paginator = site -%}
+{%- endif -%}
+
+{%- if paginator.posts.size > 0 -%}
+<div class="pagination">
+  <!-- Post list links -->
+  <ul class="post-list">
+    {%- for post in paginator.posts -%}
+    <li>
+      {%- assign date_format = site.yat.date_format | default: "%b %-d, %Y" -%}
+      <span class="post-meta">{{ post.date | date: date_format }}</span>
+      <h3>
+        {%- assign post_url = post.url | relative_url -%}
+        <a class="post-link" href="{{ post_url }}">
+          {{ post.title | escape }}
+        </a>
+      </h3>
+      <p class="post-excerpt">
+        {{ post.content | strip_html | truncatewords: 50 }}
+      </p>
+    </li>
+    {%- endfor -%}
+  </ul>
+
+  <!-- Pagination links -->
+  {%- if paginator.posts.size < site.posts.size -%}
+    {%- include views/paginator.html -%}
+  {%- endif -%}
+</div>
+{%- endif -%}

data/_includes/views/paginator.html

@@ -0,0 +1,21 @@
+{% if include.paginator %}
+  {% assign paginator = include.paginator %}
+{% endif %}
+
+{% if paginator.posts.size > 0 %}
+  <div class="pagination">
+    {% if paginator.previous_page %}
+      <a href="{{ paginator.previous_page_path }}">&laquo; Prev</a>
+    {% else %}
+      <span>&laquo; Prev</span>
+    {% endif %}
+
+    <span> {{ paginator.page }}/{{ paginator.total_pages }}</span>
+
+    {% if paginator.next_page %}
+      <a href="{{ paginator.next_page_path }}">Next &raquo;</a>
+    {% else %}
+      <span>Next &raquo;</span>
+    {% endif %}
+  </div>
+{% endif %}

data/_includes/views/post-header.html

@@ -0,0 +1,11 @@
+<header class="post-header">
+  <h1 class="post-title p-name" itemprop="name headline">{{ heading | default: page.title | escape }}</h1>
+  <h3>{{ subheading | default: page.subtitle | escape }}</h3>
+
+  <p class="post-meta">
+    <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+      {%- assign date_format = site.yat.date_format | default: "%b %-d, %Y" -%}
+      {{ page.date | date: date_format }}
+    </time>
+  </p>
+</header>

data/_includes/views/post-item.html

@@ -0,0 +1,13 @@
+{%- if include.item -%}
+  {%- assign item = include.item -%}
+{%- endif -%}
+
+{%- assign post = item -%}
+
+{% assign date_format = site.yat.date_format | default: "%b %-d, %Y" %}
+<span class="post-meta">{{ post.date | date: date_format }}</span>
+<span>
+  <a class="post-link" href="{{ post.url | relative_url }}">
+    {{ post.title | escape }}
+  </a>
+</span>

data/_includes/views/segments.html

@@ -0,0 +1,21 @@
+{%- if include.keys -%}
+  {%- assign keys = include.keys -%}
+{%- endif -%}
+
+{%- if include.field -%}
+  {%- assign field = include.field -%}
+{%- endif -%}
+
+<div class="page-segments">
+  <ul class="page-segments-list">
+    {% for key in keys %}
+    <h2 id="{{ key }}" class="segment-name">{{ key }}</h2>
+      {% assign items = site.posts | where: field, key %}
+      {% for item in items %}
+        {% if item != nil %}
+        <li> {% include views/post-item.html %} </li>
+        {% endif %}
+      {% endfor %}
+    {% endfor %}
+  </ul>
+</div>

data/_includes/views/site-brand.html

@@ -0,0 +1,7 @@
+<a class="site-title" rel="author" href="{{ "/" | relative_url }}">
+  {%- if site.favicon -%}
+    <img class="site-favicon" title="{{ site.title | escape }}" src="{{
+    site.favicon }}">
+  {%- endif -%}
+  {{ site.title | escape }}
+</a>

data/_layouts/404.html

@@ -0,0 +1,25 @@
+---
+layout: default
+---
+
+<style type="text/css" media="screen">
+  .container {
+    margin: 10px auto;
+    max-width: 600px;
+    text-align: center;
+    color: #3c3c3c;
+  }
+  h1 {
+    margin: 30px 0;
+    font-size: 4em;
+    line-height: 1;
+    letter-spacing: -1px;
+  }
+</style>
+
+<div class="container">
+  <h1>404</h1>
+
+  <p><strong>Page not found :(</strong></p>
+  <p>Try to check other pages through the menu. </p>
+</div>

data/_layouts/archives.html

@@ -0,0 +1,18 @@
+---
+layout: framework
+sidebar: archive-list
+---
+
+{%- if site.posts.size > 0 -%}
+
+  {% include functions.html func='log' level='debug' msg='Get datetimes value' %}
+
+  {% assign filter = '%Y' %}
+  {% include functions.html func='get_datetimes' %}
+  {% assign datetimes = return %}
+
+  {% assign keys = datetimes | reverse %}
+  {% assign field = 'date' %}
+  {% include views/segments.html %}
+
+{%- endif -%}

data/_layouts/articles.html

@@ -0,0 +1,14 @@
+---
+layout: framework
+sidebar: category-list
+---
+
+<div class="articles">
+  {% if page.banner == nil %}
+    {% assign banner = page.title %}
+  {% endif %}
+
+  {{ content }}
+
+  {% include views/pagination.html %}
+<div>

data/_layouts/categories.html

@@ -0,0 +1,16 @@
+---
+layout: framework
+sidebar: category-list
+---
+
+{%- if site.posts.size > 0 -%}
+
+  {%- include functions.html func='log' level='debug' msg='Get value' -%}
+  {%- include functions.html func='get_categories' -%}
+  {% assign categories = return %}
+
+  {% assign keys = categories %}
+  {% assign field = 'categories' %}
+  {%- include views/segments.html -%}
+
+{%- endif -%}

data/_layouts/default.html

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+
+  {%- include head.html -%}
+
+  <body>
+
+    {%- include views/header.html -%}
+
+    {%- include views/banner.html -%}
+
+    {%- include extensions/hashlocate.html -%}
+
+    <main class="page-content" aria-label="Content">
+      <div class="wrapper">
+        {{ content }}
+      </div>
+    </main>
+
+    {%- include views/footer.html -%}
+
+  </body>
+</html>

data/_layouts/framework.html

@@ -0,0 +1,35 @@
+---
+layout: default
+---
+
+<div class="framework">
+  <section class="main">
+
+     {{ content }}
+
+  </section>
+  <section class="sidebar" style="margin-left: 15px;">
+    <!-- Get sidebar items -->
+    {%- if page.sidebar -%}
+      {%- assign sidebar = page.sidebar -%}
+    {%- elsif site.defaults[page.layout].sidebar -%}
+      {%- assign sidebar = site.defaults[page.layout].sidebar -%}
+    {%- elsif layout.sidebar -%}
+      {%- assign sidebar = layout.sidebar -%}
+    {%- endif -%}
+
+    {%- for item in sidebar -%}
+
+      {%- assign file = item -%}
+      {%- assign array = file | split: '.' -%}
+      {%- if array.size == 1 -%}
+        {%- assign file = file | append: '.html' -%}
+      {%- endif -%}
+
+      {%- assign file = 'sidebar/' | append: file -%}
+
+      {%- include {{ file }} %}
+
+    {%- endfor -%}
+  </section>
+<div>

data/_layouts/home.html

@@ -0,0 +1,8 @@
+---
+layout: articles
+heading: 'Your awesome heading'
+subheading: 'Your awesome subheading'
+banner: 'default'
+---
+
+{{ content }}

data/_layouts/post.html

@@ -0,0 +1,53 @@
+---
+layout: framework
+banner: 'default'
+banner_html: post-header.html
+sidebar:
+  - article-menu
+---
+
+<div class="post">
+    <section>
+
+      {%- assign name = 'banner' -%}
+      {%- include functions.html func='get_value' -%}
+      {%- assign banner = return -%}
+
+      {%- if banner == nil -%}
+      {%- include views/post-header.html -%}
+      {%- endif -%}
+
+      {%- include views/article.html -%}
+
+      <div class="post-nav">
+        {%- if page.previous -%}
+          <a href="{{ page.previous.url }}" title="{{ page.previous.title | escape }}">&laquo; Prev</a>
+        {%- else -%}
+          <span></span>
+        {%- endif -%}
+
+        {%- if page.next -%}
+          <a href="{{ page.next.url }}" title="{{ page.next.title | escape }}">Next &raquo;</a>
+        {%- else -%}
+          <span></span>
+        {%- endif -%}
+      </div>
+
+      {%- if page.comments != false -%}
+
+        {%- if site.disqus.shortname -%}
+        {%- include extensions/comments/disqus.html -%}
+        {%- endif -%}
+
+        {%- if site.gitment.username -%}
+        {%- include extensions/comments/gitment.html -%}
+        {%- endif -%}
+
+      {%- endif -%}
+
+    </section>
+
+    {%- include extensions/mathjax.html -%}
+</div>
+
+

data/_layouts/tags.html

@@ -0,0 +1,16 @@
+---
+layout: framework
+sidebar: tag-list
+---
+
+{%- if site.posts.size > 0 -%}
+
+  {%- include functions.html func='log' level='debug' msg='Get tags value' -%}
+  {%- include functions.html func='get_tags' -%}
+  {% assign tags = return %}
+
+  {% assign keys = tags %}
+  {% assign field = 'tags' %}
+  {%- include views/segments.html -%}
+
+{%- endif -%}

data/_sass/misc/article-menu.scss

@@ -0,0 +1,47 @@
+/*
+ * Post menu
+ */
+
+.post-menu {
+  padding: 0 20px;
+  max-width: 250px;
+
+  .post-menu-title {
+    font-size: $base-font-size * 1.35;
+    margin-bottom: 6px;
+    font-weight: 600;
+    color: #4e4e4e;
+
+    &:before {
+      content: '\f02e';
+      margin-right: 5px;
+      font-size: $base-font-size * 1.15;
+    }
+  }
+
+  .post-menu-content {
+    ul {
+      @for $i from 2 to 7 {
+        .h-h#{$i} {
+          padding-left: ($i - 2) * $base-font-size * 0.9;
+          font-size: (7 - $i) + $base-font-size * 0.9;
+        }
+      }
+
+      a {
+        display: flex;
+        padding: 0px 8px;
+
+        * {
+          pointer-events: none;
+        }
+      }
+
+      .active {
+        color: white;
+        background: mix(invert($theme-color), darkorange);
+        transition: background 0.5s;
+      }
+    }
+  }
+}

data/_sass/misc/common-list.scss

@@ -0,0 +1,49 @@
+/**
+ * Common list
+ */
+.common-list {
+  @include relative-font-size(1.0);
+
+  background: #eaeaea;
+  box-shadow: 0px 0px 3px 0px #a9a9a9;
+  border-radius: 3px;
+  min-width: 200px;
+
+  ul {
+    list-style: none;
+    margin: 0;
+  }
+
+  li {
+    border-bottom: 1px solid $background-color;
+
+    &:last-child {
+      border-bottom: none;
+    }
+
+    a {
+      display: flex;
+      justify-content: space-between;
+      padding: 8px 12px;
+      text-decoration: none;
+      font-weight: 600;
+      color: mix($theme-color, #666);
+      transition: background 0.2s;
+
+      &:hover {
+        background: mix($theme-color, #fff, 20%);
+      }
+    }
+
+    span {
+      @include relative-font-size(0.8);
+      display: inline-block;
+      border-radius: 10px;
+      align-self: center;
+      background: darken(invert($theme-color), 20%);
+      padding: 0px 8px;
+      margin-left: 20px;
+      color: $white-color;
+    }
+  }
+}