jekyll-theme-hext 0.2.6

data/_includes/icons/twitter.html

@@ -0,0 +1,3 @@
+<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">
+  <path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
+</svg>

data/_includes/icons/user.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="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
+  <circle cx="12" cy="7" r="4"></circle>
+</svg>

data/_includes/icons/weibo.html

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 1024 1024" class="icon__fill">
+  <path d="M385.718857 733.696c16.018286-26.294857 7.424-56.576-19.419428-67.986286-25.709714-10.861714-60.013714 0.585143-75.995429 25.709715-16.566857 25.709714-8.557714 55.990857 17.152 67.986285 26.294857 11.995429 61.696 0.585143 78.299429-25.709714z m53.723429-69.12c5.705143-10.276571 2.304-21.723429-8.009143-25.709714a24.941714 24.941714 0 0 0-28.562286 10.861714c-5.705143 10.276571-2.852571 21.138286 7.424 25.709714a24.356571 24.356571 0 0 0 29.147429-10.861714z m99.401143 61.147429c-34.304 77.714286-133.705143 119.990857-218.294858 92.562285-81.700571-26.294857-116.004571-106.861714-80.566857-179.419428 35.437714-70.838857 126.281143-110.848 206.848-90.294857 84.004571 21.723429 126.281143 100.571429 92.013715 177.152z m178.285714-91.428572c-10.861714-111.433143-157.147429-188.013714-326.838857-171.446857-169.728 17.152-297.728 120.576-286.866286 232.009143s157.147429 188.013714 326.838857 171.446857c169.728-17.152 297.728-120.576 286.866286-232.009143z m176.018286 2.267429c0 128.585143-185.161143 290.304-463.433143 290.304C217.161143 926.866286 0 824.027429 0 654.299429c0-88.576 55.990857-190.866286 152.576-287.414858 129.133714-129.133714 279.442286-187.428571 336.018286-130.852571 25.161143 24.576 27.428571 67.986286 11.446857 119.442286-8.009143 26.294857 24.576 11.446857 24.576 11.995428 104.009143-43.995429 194.852571-46.299429 227.986286 1.133715 17.700571 25.161143 16.018286 60.562286 0 101.705142-7.424 18.870857 2.304 21.723429 16.566857 26.294858 58.843429 18.285714 124.013714 62.281143 124.013714 139.995428z m-42.276572-356.571429a131.401143 131.401143 0 0 1 27.428572 129.133714 33.572571 33.572571 0 1 1-64-20.553142c6.838857-21.723429 2.304-45.714286-13.714286-63.414858s-39.424-24.576-61.147429-20.004571c-18.285714 3.986286-36.571429-7.424-40.009143-25.709714a33.462857 33.462857 0 0 1 25.709715-40.009143 130.669714 130.669714 0 0 1 125.696 40.557714z m103.424-93.147428c67.437714 74.276571 85.138286 175.981714 56.576 265.142857-6.838857 20.553143-28.562286 32-49.152 25.161143s-32-28.562286-25.709714-49.152c20.553143-63.414857 8.009143-136.009143-40.009143-188.562286a192.804571 192.804571 0 0 0-183.442286-59.428572c-21.138286 4.571429-42.276571-9.142857-46.848-30.281142s9.142857-41.728 30.281143-46.299429c92.013714-19.419429 190.866286 8.557714 258.304 83.419429z" stroke-width="0"></path>
+</svg>

data/_includes/loading.html

@@ -0,0 +1,4 @@
+<div class="loading" id="loading">
+  <div class="loading__icon">
+  </div>
+</div>

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/_includes/slides.html

@@ -0,0 +1,53 @@
+<main class="slide" id="sectionContainer">
+  {%- assign count = site.theme_setting.slides_count | default: 4 -%}
+  {%- for book in site.books limit: count -%}
+    {%- assign is_odd = forloop.index | modulo: 2 -%}
+    <div class="slide__section">
+      {%- if is_odd == 1 -%}
+      <div class="slide__img">
+        <a href="{{ book.url | relative_url }}" class="slide__link" title="{{ book.title }}"></a>
+        <div class="slide__img_placehold"></div>
+        <img src="{{ book.img | img_url_prefix }}" class="slide__img_entity" alt="{{ book.title }}">
+      </div>
+      {%- endif -%}
+      <div class="slide__text {% if is_odd == 1 %}slide__text_right{% else %}slide__text_left{% endif %}">
+        <a href="{{ book.url | relative_url }}" class="slide__link" title="{{ book.title }}"></a>
+        <div class="slide__title">
+          <div class="slide__title_inner">
+            <h2 class="slide__title_text">{{ book.title }}</h2>
+          </div>
+         </div>
+        <div class="slide__time">
+          <div class="slide__time_inner">
+            <p class="slide__time_text">{{ book.date }}</p>
+          </div>
+        </div>
+      </div>
+      {%- if is_odd == 0 -%}
+      <div class="slide__img">
+        <a href="{{ book.url | relative_url }}" class="slide__link" title="{{ book.title }}"></a>
+        <div class="slide__img_placehold"></div>
+        <img src="{{ book.img | img_url_prefix }}" alt="{{ book.title }}">
+      </div>
+      {%- endif -%}
+    </div>
+  {%- endfor -%}
+</main>
+
+<ul class="slide__controls">
+  <div class="slide__control__icon slide__control_top" id="prevBtn">
+    <svg width="40" height="40">
+      <circle class="circle-progress" r="18" cy="20" cx="20"  stroke-linejoin="round" stroke-linecap="round" />
+    </svg>
+    <span class="slide__control_arrow slide__control_up"></span>
+  </div>
+  {%- for book in site.books limit: count -%}
+  <li class="slide__control {% if forloop.index == 1 %}current{% endif %}"></li>
+  {%- endfor -%}
+  <div class="slide__control__icon slide__control_bottom" id="nextBtn">
+    <svg width="40" height="40">
+      <circle class="circle-progress" r="18" cy="20" cx="20"  stroke-linejoin="round" stroke-linecap="round" />
+    </svg>
+    <span class="slide__control_arrow slide__control_down"></span>
+  </div>
+</ul>

data/_includes/smiley.html

@@ -0,0 +1,12 @@
+<div class="comment__smileys" id="smileyContainer">
+  <div class="comment__smileys_box" id="smileyBox">
+    {%- for smiley in site.smileys -%}
+    <a href="#" data-smiley="{{ smiley[1]['slug'] }}" data-src="{{ smiley[1]['img'] }}" class="comment__smiley">
+      <img src="{{ smiley[1]['img'] }}" alt="{{ smiley[0] }}" />
+    </a>
+    {%- endfor -%}
+  </div>
+  <div class="comment__smileys_toggler">
+  {%- include icons/smile.html -%}
+  </div>
+</div>

data/_includes/status.html

@@ -0,0 +1,4 @@
+<div class="blog-status">
+  {% include icons/bell.html %}
+  <p>{{ site.status }}</p>
+</div>

data/_includes/summary.html

@@ -0,0 +1,30 @@
+<div class="book-summary" id="bookSummary">
+  <nav role="navigation">
+    <ul class="summary">
+      <li class="chapter {% if page.book.index.url == page.url -%}active{% endif -%}">
+        <a href="{{ page.book.url | relative_url }}" class="custom-link">{{ page.book.title }}</a>
+      </li>
+      <li class="divider"></li>
+      {%- for part in page.book.parts -%}
+      <li class="chapter {% if part.url == page.url -%}active{% endif -%}">
+        {%- if part.url -%}
+        <a href="{{ part.url | relative_url }}">{{ part.title }}</a>
+        {%- else -%}
+        <span>{{ part.title }}</span>
+        {%- endif -%}
+
+        {%- if part.parts.size > 0 -%}
+        <ul class="articles">
+          {%- for part in part.parts -%}
+            
+          <li class="chapter {% if part.url == page.url -%}active{% endif -%}">
+            <a href="{{ part.url | relative_url }}">{{ part.title }}</a>
+          </li>
+          {%- endfor -%}
+        </ul>
+        {%- endif -%}
+      </li>
+      {%- endfor -%}
+    </ul>
+  </nav>
+</div>

data/_includes/title.html

@@ -0,0 +1,7 @@
+{%- if page.layout == "chapter" -%}
+<title>{{ page.title }} - {{ page.book.title }} | {{ site.title }}</title>
+{%- elsif page.title -%}
+<title>{{ page.title }} | {{ site.title }}</title>
+{%- else -%}
+<title>{{ site.title }}</title>
+{%- endif -%}

data/_layouts/404.html

@@ -0,0 +1,8 @@
+---
+layout: default
+---
+<div class="error-container">
+  <h1 class="error-title">404</h1>
+  <p class="error-hint"><strong>Page not found :(</strong></p>
+  <a href="{{ "/" | relative_url }}" class="error-link">Back to {{ site.title }}</a>
+</div>

data/_layouts/archive.html

@@ -0,0 +1,44 @@
+---
+layout: default
+---
+
+{%- include header.html -%}
+<main class="archive">
+  <div class="archive__header">
+    <h1>
+      {%- assign about_page_path = site.theme_setting.about_page | default:
+      "index.md" %} {%- assign about_page = site.pages | where: "path",
+      about_page_path | first -%}
+      <a href="{{ about_page.url | relative_url }}"
+        >{{ site.author | default: site.title }}</a
+      >
+    </h1>
+    <div class="archive__header_intro">
+      {{ site.description | markdownify }}
+    </div>
+    <div class="archive__header_nav">{%- include header_nav.html -%}</div>
+    {%- include icons.html -%}
+  </div>
+  <div class="archive__content">
+    <div class="archive__list">
+      <ul>
+        {%- assign pages = site[page.pages] | default: site.posts -%} {%- for
+        page in pages -%}
+        <li class="archive__item">
+          <a
+            href="{{ page.url | relative_url }}"
+            class="archive__link clearfix"
+          >
+            <span class="archive__time"
+              >{%- if page.layout == 'book' -%}{{ page.date }}{%- else -%}{{
+              page.date | date: "%Y-%m-%d" }}{%- endif -%}</span
+            >
+            <span class="archive__title">{{ page.title }}</span>
+          </a>
+        </li>
+        {%- endfor -%}
+      </ul>
+    </div>
+  </div>
+  {%- include footer.html -%}
+</main>

data/_layouts/blog.html

@@ -0,0 +1,38 @@
+---
+layout: default
+---
+
+{% include header.html %}
+
+<main class="post__archive" id="postArchive">
+  {%- include header_nav.html -%}
+  {%- if site.status -%}
+  {%- include status.html -%}
+  {%- endif -%}
+	{%- if site.categories.size > 0 -%}
+  <nav class="blog__categories">
+    <a href="#all" data-category="all" class="category active nav-link">{{ site.theme_setting.lang.category_all | default: "All" }}</a>
+    {%- for category in site.categories %}
+    <a href="#{{ category[0] }}" class="category nav-link" data-category="{{ category[0] }}">{{ category[0] }}</a>
+    {%- endfor %}
+  </nav>
+	{%- endif -%}
+  <div class="post__list archive__list">
+    {%- assign years = site.posts | group_by_exp: "post", "post.date | date: '%Y'" %}
+    {%- for year in years %}
+      <h3 class="post__list_title">{{ year.name }}</h3>
+      {%- assign posts = year.items %}
+      <ul>
+        {%- for post in posts %}
+        <li class="post__list_item" data-category="{{ post.categories | join: ';' }}" {% if post.img %}data-img="{{ post.img | img_url_prefix }}"{% endif %}>
+          <a href="{{ post.url | relative_url }}">
+            <span class="archive__time">{{ post.date | date: "%Y-%m-%d" }}</span>
+            <span class="archive__title">{{ post.title }}</span>
+          </a>
+        </li>
+        {%- endfor %}
+      </ul>
+    {%- endfor %}
+  </div>
+</main>
+{%- include footer.html -%}

data/_layouts/book.html

@@ -0,0 +1,28 @@
+---
+layout: default
+---
+<div class="book sidebar-right">
+  {%- include header.html -%}
+  <div class="book__cover">
+    <img src="{{ page.img | img_url_prefix }}" class="book__img" alt="{{ page.title }}"/>
+  </div>
+  <div class="book__content">
+    <div class="book__content_inner">
+      <h1 class="book__title">{{ page.title }}</h1>
+      <div class="book__desc">
+        {{ content }}
+      </div>
+      {%- if page.next -%}
+      <a href="{{ page.next.url | relative_url }}" class="book__more">
+        <div class="book__icon">
+          <svg width="80" height="80">
+            <circle class="circle-progress" r="36" cy="40" cx="40"  stroke-linejoin="round" stroke-linecap="round" />
+          </svg>
+          <span class="book__icon_arrow"></span>
+        </div>
+      </a>
+      {%- endif -%}
+      </div>
+    {%- include footer.html -%}
+  </div>
+</div>

data/_layouts/chapter.html

@@ -0,0 +1,32 @@
+---
+layout: default
+---
+<div class="book__wrapper sidebar-right" id="bookMain">
+  {%- include summary.html -%}
+  <div class="book__body">
+    <div class="body__inner">
+      {%- include header.html -%}
+      <main class="chapter__wrapper" tabindex="-1" role="main">
+        <div class="chapter__inner">
+          <article class="chapter__content content">
+            {{ content | img_prefix }}
+          </article>
+        </div>
+        {%- include footer.html -%}
+      </main>
+    </div>
+    {%- if page.prev -%}
+      <a href="{{ page.prev.url | relative_url }}" class="navigation navigation-prev" aria-label="Previous page: {{ page.prev.title }}">
+        {%- include icons/left.html -%}
+      </a>
+    {%- endif -%}
+    {%- if page.next -%}
+      <a href="{{ page.next.url | relative_url }}" class="navigation navigation-next" aria-label="Next page: {{ page.next.title }}">
+        {%- include icons/right.html -%}
+      </a>
+    {%- endif -%}
+  </div>
+</div>
+{%- if page.code -%}
+  <script>hljs.initHighlightingOnLoad();</script>
+{%- endif -%}

data/_layouts/default.html

@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html lang="{{ site.locale | default: 'en' }}">
+  {%- include head.html -%}
+  <body class="body-{{ page.layout }}">
+    {{ content }}
+  </body>
+</html>

data/_layouts/home.html

@@ -0,0 +1,28 @@
+---
+layout: default
+---
+{%- include header.html -%}
+<main class="post__archive">
+  {%- include header_nav.html -%}
+  {%- if paginator -%}
+  {%- assign posts=paginator.posts -%}
+  {%- else -%}
+  {%- assign posts=site.posts -%}
+  {%- endif -%}
+  {%- for post in posts -%}
+    <article class="post__entry">
+      <a href="{{ post.url | relative_url }}" class="post__entry__link">
+        <h2>{{ post.title }}</h2>
+        <div class="post__meta">
+          <time>{{ post.date | date: "%Y-%m-%d" }}</time>
+        </div>
+        <div class="post__excerpt">
+          {{ post.excerpt | markdownify | strip_html | truncate: 100 }}
+        </div>
+        <div class="post__more_arrow"></div>
+      </a>
+    </article>
+  {%- endfor -%}
+  {%- include pagination.html -%}
+</main>
+{%- include footer.html -%}

data/_layouts/page.html

@@ -0,0 +1,17 @@
+---
+layout: default
+---
+{%- include header.html -%}
+<main class="post__wrapper">
+  {%- include header_nav.html -%}
+  <article class="post">
+    <header class="post__header">
+      <h1 class="post__title page__title">{{ page.title | escape }}</h1>
+    </header>
+    <div class="post__content content">
+      {{ content | img_prefix }}
+    </div>
+  </article>
+  {%- include contact.html -%}
+</main>
+{%- include footer.html -%}

data/_layouts/post.html

@@ -0,0 +1,42 @@
+---
+layout: default
+---
+{%- include header.html -%}
+<main class="post__wrapper">
+  {%- include header_nav.html -%}
+  <div class="post__top_navs clearfix">
+    <nav class="post__archive_path">
+      {%- assign blog_page_path = site.theme_setting.blog_page | default: "index.md" %}
+      {%- assign blog_page = site.pages | where: "path", blog_page_path | first -%}
+      <a href="{{ blog_page.url | relative_url }}" 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.theme_setting.lang.blog_title | default: 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 | toc | img_prefix }}
+    </div>
+  </article>
+  {%- if site.comment.enabled -%}
+  {% include comments.html -%}
+  {%- else -%}
+  {% include contact.html -%}
+  {%- endif -%}
+</main>
+{%- if site.theme_setting.code or page.code -%}
+  <script>hljs.initHighlightingOnLoad();</script>
+{%- endif -%}
+{%- include footer.html -%}

data/_layouts/slides.html

@@ -0,0 +1,6 @@
+---
+layout: default
+---
+{%- include loading.html -%}
+{%- include header.html -%}
+{%- include slides.html -%}

data/assets/css/tomorrow.css

@@ -0,0 +1,72 @@
+/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
+
+/* Tomorrow Comment */
+.hljs-comment,
+.hljs-quote {
+  color: #8e908c;
+}
+
+/* Tomorrow Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion {
+  color: #c82829;
+}
+
+/* Tomorrow Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-builtin-name,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-meta,
+.hljs-link {
+  color: #f5871f;
+}
+
+/* Tomorrow Yellow */
+.hljs-attribute {
+  color: #eab700;
+}
+
+/* Tomorrow Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #718c00;
+}
+
+/* Tomorrow Blue */
+.hljs-title,
+.hljs-section {
+  color: #4271ae;
+}
+
+/* Tomorrow Purple */
+.hljs-keyword,
+.hljs-selector-tag {
+  color: #8959a8;
+}
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  background: white;
+  color: #4d4d4c;
+  padding: 0.5em;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}