jekyll-theme-arktos 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: f3bf5b66d953494169330edfda3563b41dd54bf4
+  data.tar.gz: 2282b575a75863dac46d66f3ae732e08c8ef9f60
+SHA512:
+  metadata.gz: 3187eac382bad4ff5175f026fa7e09ab067e97671c95ae27a6123a70fe6bce99bc5511463518db51c32a757cb8e3bc121334f608c5c1c8363aa2c0cd42a0f30e
+  data.tar.gz: 615f2b1fc6f25c6059d22b7388c04b8d152447d882355ae39c3cf6dac174e32f043ed0e4602250800ca3a72d4d074dedd6f434b9ed02ea65d8dc4fe05fc537b9

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 zhangshiyu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,77 @@
+# Arktos
+
+A minimalist Jekyll theme arktos.
+
+![jekyll-theme-arktos](screenshot.png)
+
+Your can find a demo [here](https://erlzhang.github.io/arktos-demo/)!
+
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "jekyll-theme-arktos"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: jekyll-theme-arktos
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jekyll-theme-arktos
+
+### If you are using Github Pages?
+
+Add the following to your site’s `_config.yml` file.
+
+```yml
+remote_theme: erlzhang/jekyll-theme-arktos
+```
+
+## Usage
+
+### Compatible with  jekyll-paginate-v2
+
+But you should enable it in your `_config.yml`.
+
+```yml
+pagination:
+  enabled: true
+```
+
+### Enabling Excerpts on the Home Page
+
+To display post-excerpts on the Home Page, simply add the following to your `_config.yml`:
+
+```yml
+show_excerpts: true
+```
+
+### How to use mermaid?
+
+<pre class="language-md">
+```mermaid
+graph TD;
+    A-->B;
+    A-->C;
+    B-->D;
+    C-->D;
+```
+</pre>
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/erlzhang/jekyll-theme-arktos. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/_includes/assets.html

@@ -0,0 +1,6 @@
+<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}" />
+<script src="{{ "/assets/js/main.js" | relative_url }}" defer></script>
+<link rel="stylesheet" href="{{ "/assets/css/tomorrow.css" | relative_url }}" />
+<script src="{{ "/assets/js/highlight.js" | relative_url }}"></script>
+<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async></script>
+<script src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js" defer></script>

data/_includes/footer.html

@@ -0,0 +1,6 @@
+<aside class="footer">
+  <h3>{{ site.title }}</h3>
+  <p>{{ site.description }}</p>
+  {% include icons.html %}
+  <p class="footer_bottom">Powered by <a href="https://jekyllrb.com" target="_blank">Jekyll</a>. Theme <a href="https://github.com/erlzhang/jekyll-theme-arktos" target="_blank">Arktos</a></p>
+</aside>

data/_includes/head.html

@@ -0,0 +1,14 @@
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="author" content="{{ site.title }}">
+  <meta name="google-site-verification" content="1mZm9i5EpTz20fLOPSbIRjIS1_pQOl7yfJcZqxbwXhA" />
+  {% if page.layout == "home" %}
+    <title>{{ site.title }}</title>
+  {% else %}
+  <title>{{ page.title }} | {{ site.title }}</title>
+  {% endif %}
+  <meta name="keywords" content="{{ page.keywords }}">
+  <meta name="description" content="{{ page.description }}">
+  {% include assets.html %}
+</head>

data/_includes/header.html

@@ -0,0 +1,8 @@
+<nav class="top-nav">
+  {% assign pages = site.pages | where_exp: 'page', 'page.path != "index.md"'%}
+  {% for page in pages %}
+  {% if page.title %}
+  <a href="{{ page.url }}">{{ page.title}}</a>
+  {% endif %}
+  {% endfor %}
+</nav>

data/_includes/icons.html

@@ -0,0 +1,20 @@
+<div class="icon__list">
+  {% if site.email %}
+  <a href="mailto:{{ site.email }}" class="icon__link" target="_blank">
+    {% include icons/mail.html %}
+  </a>
+  {% endif %}
+  {% if site.github_username %}
+  <a href="https://github.com/{{ site.github_username }}" class="icon__link" target="_blank">
+    {% include icons/github.html %}
+  </a>
+  {% endif %}
+  {% if site.twitter_username %}
+  <a href="https://twitter.com/{{ site.twitter_usename }}" class="icon__link" target="_blank">
+    {% include icons/twitter.html %}
+  </a>
+  {% endif %}
+  <a href="/feed.xml" class="icon__link">
+    {% include icons/rss.html %}
+  </a>
+</div>

data/_includes/icons/github.html

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 64 64" class="icon__fill">
+      <path stroke-width="0" d="M32 0 C14 0 0 14 0 32 0 53 19 62 22 62 24 62 24 61 24 60 L24 55 C17 57 14 53 13 50 13 50 13 49 11 47 10 46 6 44 10 44 13 44 15 48 15 48 18 52 22 51 24 50 24 48 26 46 26 46 18 45 12 42 12 31 12 27 13 24 15 22 15 22 13 18 15 13 15 13 20 13 24 17 27 15 37 15 40 17 44 13 49 13 49 13 51 20 49 22 49 22 51 24 52 27 52 31 52 42 45 45 38 46 39 47 40 49 40 52 L40 60 C40 61 40 62 42 62 45 62 64 53 64 32 64 14 50 0 32 0 Z" />
+</svg>

data/_includes/icons/mail.html

@@ -0,0 +1,4 @@
+<svg class="icon__stroke" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+  <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
+  <polyline points="22,6 12,13 2,6"></polyline>
+</svg>

data/_includes/icons/rss.html

@@ -0,0 +1,5 @@
+<svg class="icon__stroke" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+  <path d="M4 11a9 9 0 0 1 9 9"></path>
+  <path d="M4 4a16 16 0 0 1 16 16"></path>
+  <circle cx="5" cy="19" r="1"></circle>
+</svg>

data/_includes/icons/twitter.html

@@ -0,0 +1,3 @@
+<svg class="icon__fill" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
+  <path stroke-width="0" d="M60 16 L54 17 L58 12 L51 14 C42 4 28 15 32 24 C16 24 8 12 8 12 C8 12 2 21 12 28 L6 26 C6 32 10 36 17 38 L10 38 C14 46 21 46 21 46 C21 46 15 51 4 51 C37 67 57 37 54 21 Z" />
+</svg>

data/_includes/pagination.html

@@ -0,0 +1,29 @@
+<div class="paginiation">
+  {% if paginator.previous_page %}
+    <li>
+      <a href="{{ paginator.previous_page_path | prepend: site.baseurl }}" class="pagi__icon prev" id="btnPrev">
+        <svg width="40" height="40">
+          <circle class="circle-progress" r="18" cy="20" cx="20"  stroke-linejoin="round" stroke-linecap="round" />
+        </svg>
+        <span class="pagi__icon_arrow"></span>
+      </a>
+    </li>
+  {% endif %}
+  {% if paginator.page_trail %}
+    {% for trail in paginator.page_trail %}
+      <li>
+          <a href="{{ trail.path | prepend: site.baseurl }}" title="{{trail.title}}" class="pagi__link{% if page.url == trail.path %} active{% endif %}">{{ trail.num }}</a>
+      </li>
+    {% endfor %}
+  {% endif %}
+  {% if paginator.next_page %}
+    <li>
+      <a href="{{ paginator.next_page_path | prepend: site.baseurl }}" class="pagi__icon next" id="btnNext">
+        <svg width="40" height="40">
+          <circle class="circle-progress" r="18" cy="20" cx="20"  stroke-linejoin="round" stroke-linecap="round" />
+        </svg>
+        <span class="pagi__icon_arrow"></span>
+      </a>
+    </li>
+  {% endif %}
+</div>

data/_layouts/default.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+
+  {% include head.html %}
+
+  <body>
+
+    <main class="wrapper wrapper-{{ page.layout }}">
+
+    {% include header.html %}
+
+    {{ content }}
+
+    {% include footer.html %}
+
+    <main>
+  </body>
+</html>

data/_layouts/home.html

@@ -0,0 +1,33 @@
+---
+layout: default
+---
+
+<header class="site-header">
+  <h1 class="site-title">{{ site.title }}</h1>
+</header>
+{% if site.pagination and site.pagination.enabled and page.pagination.enabled %}
+{{ page.pagination.enabled }}
+{% assign posts = paginator.posts %}
+{% else %}
+{% assign posts = site.posts %}
+{% endif %}
+{% for post in posts %}
+  <article class="post__entry">
+    <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}" class="post__entry__link">
+      <h2>{{ post.title }}</h2>
+      <div class="post__meta">
+        <time>{{ post.date | date: "%Y-%m-%d" }}</time>
+      </div>
+      {% if site.arktos.excerpt %}
+      <div class="post__excerpt">
+        {{ post.excerpt }}
+      </div>
+      {% endif %}
+      <div class="post__more_arrow"></div>
+    </a>
+  </article>
+{% endfor %}
+
+{% if site.pagination and site.pagination.enabled %}
+{% include pagination.html %}
+{% endif %}

data/_layouts/page.html

@@ -0,0 +1,26 @@
+---
+layout: default
+---
+
+<div class="post__top_navs clearfix">
+  <nav class="post__archive_path">
+    <a href="/" id="archiveBtn">
+      <div class="post__archive_icon">
+        <svg width="40" height="40">
+          <circle class="circle-progress" r="18" cy="20" cx="20"  stroke-linejoin="round" stroke-linecap="round" />
+        </svg>
+        <span class="post__archive_icon"></span>
+      </div>
+      {{ site.title }}
+    </a>
+  </nav>
+</div>
+<article class="post">
+  <header class="post__header">
+    <h1 class="post__title">{{ page.title | escape }}</h1>
+  </header>
+  <div class="post__content content">
+    {{ content }}
+  </div>
+</article>
+<script>hljs.initHighlightingOnLoad();</script>

data/_layouts/post.html

@@ -0,0 +1,29 @@
+---
+layout: default
+---
+
+<div class="post__top_navs clearfix">
+  <nav class="post__archive_path">
+    <a href="/" id="archiveBtn">
+      <div class="post__archive_icon">
+        <svg width="40" height="40">
+          <circle class="circle-progress" r="18" cy="20" cx="20"  stroke-linejoin="round" stroke-linecap="round" />
+        </svg>
+        <span class="post__archive_icon"></span>
+      </div>
+      {{ site.title }}
+    </a>
+  </nav>
+</div>
+<article class="post">
+  <header class="post__header">
+    <h1 class="post__title">{{ page.title | escape }}</h1>
+    <div class="post__meta">
+      <time>{{ page.date | date: "%Y-%m-%d %H:%M" }}</time>
+    </div>
+  </header>
+  <div class="post__content content">
+    {{ content }}
+  </div>
+</article>
+<script>hljs.initHighlightingOnLoad();</script>

data/_sass/arktos.scss

@@ -0,0 +1,16 @@
+@charset "utf-8";
+
+// common
+@import "arktos/variables";
+@import "arktos/minxins";
+@import "arktos/common";
+@import "arktos/content";
+@import "arktos/footer";
+@import "arktos/header";
+
+// 404
+@import "arktos/error";
+
+//blog
+@import "arktos/post";
+@import "arktos/blog";

data/_sass/arktos/_blog.scss

@@ -0,0 +1,194 @@
+.site-header {
+  margin: 0 auto 3rem auto;
+}
+.post__archive__header {
+  margin: 5rem 0 5rem 0;
+  @include flex();
+  flex-direction: column;
+  align-items: center;
+  h1 {
+    font-weight: 300;
+    display: inline-block;
+    margin: 0 auto;
+    position: relative;
+    text-transform: capitalize;
+    &:before, &:after {
+      @include pseudo();
+      width: 30px;
+      height: 1px;
+      top: 50%;
+      background-color: var(--gray);
+    }
+    &:before {
+      left: -40px;
+    }
+    &:after {
+      right: -40px;
+    }
+  }
+  p {
+    color: var(--gray);
+  }
+}
+.post__entry {
+  margin: 0 0 3rem 0;
+  .post__link {
+    display: block;
+  }
+  h2 {
+    margin-bottom: 0.75rem;
+  }
+  .post__meta {
+    font-size: 0.875rem;
+    color: var(--gray);
+    margin: 0.5rem 0 1rem 0;
+  }
+  .post__excerpt {
+    color: var(--gray);
+    margin: 0.5rem 0 0 0;
+    p {
+      line-height: 1.5rem;
+    }
+  }
+  .post__more_arrow {
+    margin-top: 2rem;
+    width: 30%;
+    height: 1px;
+    background-color: var(--light);
+    position: relative;
+    transition: all 0.35s ease-out;
+    display: inline-block;
+    &:after, &:before {
+      content: "";
+      position: absolute;
+      width: 15px;
+      height: 1px;
+      background-color: var(--light);
+      right: -2.5px;
+      opacity: 0;
+      transition: all 0.35s ease-out;
+    }
+    &:after {
+      transform: rotate(45deg);
+      top: -5px;
+    }
+    &:before {
+      transform: rotate(-45deg);
+      top: 5px;
+    }
+  }
+  .post__entry__link {
+    display: block;
+  }
+  .post__entry__link:hover {
+    .post__more_arrow {
+      width: 30px;
+      background-color: var(--gray);
+      &:before, &:after {
+        opacity: 1;
+        background-color: var(--gray);
+      }
+    }
+  }
+  .post-link.emit {
+    .more-arrow {
+      margin-left: 30%;
+      opacity:  0;
+    }
+  }
+}
+.paginiation {
+  text-align: center;
+  margin-bottom: 4.5rem;
+  li {
+    list-style: none;
+    display: inline-block;
+    margin: 0 5px;
+    .pagi__link, .pagi__icon {
+      width: 40px;
+      height: 40px;
+      line-height: 40px;
+      text-align: center;
+      vertical-align: bottom;
+      display: inline-block;
+      position: relative;
+    }
+    .pagi__link {
+      &:after {
+        @include pseudo();
+        left: 0;
+        bottom: -1px;
+        width: 0;
+        height: 1px;
+        transition: all 0.35s ease-out;
+        background-color: var(--gray);
+      }
+      &.active {
+        color: var(--gray);
+        border-color: var(--gray);
+      }
+      &:hover {
+        border-color: var(--gray-light);
+        &:after {
+          width: 100%;
+        }
+      }
+    }
+    .pagi__icon {
+      border-radius: 50%;
+      .circle-progress {
+        stroke: var(--gray);
+        stroke-width: 1;
+        stroke-dasharray: 0 120;
+        fill: none;
+        transition: all 0.45s ease-in;
+      }
+      &:hover .circle-progress {
+        stroke-dasharray: 120 120;
+      }
+      .pagi__icon_arrow {
+        position: absolute;
+        width: 60%;
+        height: 1px;
+        top: calc(50% - 1px);
+        left: 20%;
+        background-color: var(--gray);
+        transition: all 0.25s ease-in;
+        &:before, &:after {
+          @include pseudo();
+          width: 50%;
+          height: 1px;
+          background-color: var(--gray);
+        }
+      }
+      &.next .pagi__icon_arrow {
+        &:before, &:after {
+          right: 0;
+          top: 0;
+        }
+        &:before {
+          transform-origin: bottom right;
+          transform: rotate(45deg);
+        }
+        &:after {
+          transform-origin: top right;
+          transform: rotate(-45deg);
+        }
+      }
+      &.prev .pagi__icon_arrow {
+        &:before, &:after {
+          left: 0;
+          top: 0;
+        }
+        &:before {
+          transform-origin: bottom left;
+          transform: rotate(45deg);
+        }
+        &:after {
+          transform-origin: top left;
+          transform: rotate(-45deg);
+        }
+      }
+    }
+  }
+}