jekyll-theme-persephone 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: de841eb6821218331f8ca2079855b3f663377c47
+  data.tar.gz: adcc1602a354b762bc6d4e2b75632f8694b48ee3
+SHA512:
+  metadata.gz: f90fb7d2a5bdc82967171198178953a4e4d83ca28d114f2e6e413ac44d8eb8066ffb5a01b023490fa61faafe91ef59e4b951d9b6f0538bafebac633713083b03
+  data.tar.gz: 59ae0a2e826573241f15b448bb34d1e547413b34a5663271e2e2805325263b7011b9df7a564b3087881dbd18c26faffd78b96ab6c99974447f94d193df307d2f

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,52 @@
+# jekyll-theme-persephone
+
+Welcome to your new Jekyll theme! In this directory, you'll find the files you need to be able to package up your theme into a gem. Put your layouts in `_layouts`, your includes in `_includes`, your sass files in `_sass` and any other assets in `assets`.
+
+To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
+
+TODO: Delete this and the text above, and describe your gem
+
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "jekyll-theme-persephone"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: jekyll-theme-persephone
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jekyll-theme-persephone
+
+## Usage
+
+TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/erlzhang/jekyll-theme-persephone. 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.
+
+## Development
+
+To set up your environment to develop this theme, run `bundle install`.
+
+Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
+
+When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
+To add a custom directory to your theme-gem, please edit the regexp in `jekyll-theme-persephone.gemspec` accordingly.
+
+## 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,14 @@
+<link rel="stylesheet" href="{{ "/assets/main.css" | asset_version }}" />
+<script src="{{ "/assets/js/main.js" | asset_version }}" defer></script>
+{%- if "chapter,post,page" contains page.layout -%}
+{%- if site.theme_setting.code or page.code -%}
+<link rel="stylesheet" href="{{ "/assets/css/tomorrow.css" | relative_url }}" />
+<script src="{{ "/assets/js/highlight.js" | relative_url }}"></script>
+{%- endif -%}
+{%- if site.theme_setting.math or page.math -%}
+<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async></script>
+{%- endif -%}
+{%- if site.theme_setting.mermaid or page.mermaid -%}
+<script src="https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js" defer></script>
+{%- endif -%}
+{%- endif -%}

data/_includes/comment.html

@@ -0,0 +1,35 @@
+<div class="comment" id="comment-{{index}}">
+  <div class="comment-main clearfix">
+    <div class="comment-left">
+      <div class="comment__avatar"><img src="https://www.gravatar.com/avatar/{{ email }}?d=mm&s=45"></div>
+    </div>
+    <div class="comment-right">
+      <div class="comment__meta">
+        {%- if url and url != "" -%}
+        <a class="comment__author" href="{% if url contains "http" -%}{{ url }}{% else %}{{ url | prepend: "http://" }}{% endif %}" target="_blank" rel="nofollow">{{ name }}</a>
+        {%- else -%}
+        <span class="comment__author">{{ name }}</span>
+        {%- endif -%}
+        <span class="comment__date">{{ date | date: "%Y-%m-%d %H:%M"}}</span>
+      </div>
+      <div class="comment__content">
+        {{ message | smiley | markdownify }}
+      </div>
+       <div class="comment__reply">
+         <a href="#commentContainer" class="reply-btn" data-reply-to="{{ index }}" data-reply-id="{{ email }}">{{ site.theme_setting.lang.comment.reply | default: "Reply" }}</a>
+       </div>
+    </div>
+  </div>
+   {%- capture i -%}{{ include.index }}{% endcapture -%}
+   {%- assign replies = site.data.comments[page.slug] | sort | where_exp: 'comment', 'comment[1].parent == i' -%}
+   {%- for reply in replies -%}
+     {%- assign index   = forloop.index | prepend: '-' | prepend: include.index -%}
+     {%- assign parent  = reply[1].parent | to_integer -%}
+     {%- assign email   = reply[1].email -%}
+     {%- assign name    = reply[1].name -%}
+     {%- assign url     = reply[1].url -%}
+     {%- assign date    = reply[1].date -%}
+     {%- assign message = reply[1].message -%}
+     {%- include comment.html index=index parent=parent email=email name=name url=url date=date message=message -%}
+   {%- endfor -%}
+</div>

data/_includes/comments.html

@@ -0,0 +1,18 @@
+<div id="commentContainer" class="comment-container">
+  {%- include new_comment.html -%}
+  <div class="comment__list" id="commentsList">
+  {%- if site.data.comments[page.slug] -%}
+    {%- assign comments = site.data.comments[page.slug] | sort | where_exp: 'comment', 'comment[1].parent == ""' -%}
+    {%- for comment in comments -%}
+      {%- assign index   = forloop.index -%}
+      {%- assign email   = comment[1].email -%}
+      {%- assign name    = comment[1].name -%}
+      {%- assign url     = comment[1].url -%}
+      {%- assign date    = comment[1].date -%}
+      {%- assign message = comment[1].message -%}
+      {%- assign parent = comment[1].parent -%}
+      {% include comment.html index=index email=email name=name url=url date=date message=message -%}
+    {%- endfor -%}
+  {%- endif -%}
+  </div>
+</div>

data/_includes/contact.html

@@ -0,0 +1,7 @@
+<aside class="post__contact">
+  {%- assign about_page_path = site.theme_setting.about_page | default: "index.md" %}
+  {%- assign about_page = site.pages | where: "path", about_page_path | first -%}
+  <h4><a href="{{ about_page.url | relative_url }}">{{ site.author | default: site.title }}</a></h4>
+  {{ site.description | markdownify }}
+  {%- include icons.html -%}
+</aside>

data/_includes/footer.html

@@ -0,0 +1,5 @@
+<footer class="site-footer">
+  © {{ site.time | date: "%Y" }}
+  <a href="{{ "/" | relative_url }}">{{ site.title }}</a>
+  All rights reversed.
+</footer>

data/_includes/head.html

@@ -0,0 +1,10 @@
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="author" content="{{ site.author.name }}">
+  {%- include title.html -%}
+  {{ site.head_code }}
+  <meta name="keywords" content="{{ page.keywords }}">
+  <meta name="description" content="{{ page.description }}">
+  {%- include assets.html -%}
+</head>

data/_includes/header.html

@@ -0,0 +1,24 @@
+<a href="{{ "/" | relative_url }}" class="logo">
+  {%- if site.logo -%}
+  <img src="{{ site.logo | img_url_prefix }}" class="logo_img">
+  {%- endif -%}
+  <h1>{{ site.title }}</h1>
+</a>
+{%- if "home,chapter,book" contains page.layout and site.theme_setting.archive_page -%}
+{%- assign archive_page = site.pages | where: "path", site.theme_setting.archive_page | first -%}
+<a href="{{ archive_page.url | relative_url }}" class="sidebar__toggler">
+  <span class="sidebar__toggler_top"></span>
+  <span class="sidebar__toggler_middle"></span>
+  <span class="sidebar__toggler_bottom"></span>
+</a>
+{%- endif %}
+{%- if page.layout == "chapter" -%}
+<div class="book-header" role="navigation">
+    <a href="#" id="summaryToggler" class="summary__toggler">
+      {% include icons/ellipsis.html%}
+    </a>
+  <h1>
+    {{ page.title }} - {{ page.book.title }}
+  </h1>
+</div>
+{%- endif -%}

data/_includes/header_nav.html

@@ -0,0 +1,10 @@
+{%- if site.theme_setting.nav_pages -%}
+<nav class="top-nav">
+{% for page_path in site.theme_setting.nav_pages %}
+{%- assign my_page = site.pages | where: "path", page_path | first -%}
+{% if my_page.title %}
+<a href="{{ my_page.url | relative_url}}" class="nav-link {% if page.url == my_page.url %}active{% endif %}">{{ my_page.title}}</a>
+{% endif %}
+{% endfor %}
+</nav>
+{%- endif -%}

data/_includes/icons.html

@@ -0,0 +1,42 @@
+<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.social.github -%}
+  <a href="https://github.com/{{ site.social.github | cgi_escape | escape }}" class="icon__link" target="_blank">
+    {%- include icons/github.html -%}
+  </a>
+  {%- endif -%}
+  {%- if site.social.twitter -%}
+  <a href="https://twitter.com/{{ site.social.twitter | cgi_escape | escape }}" class="icon__link" target="_blank">
+    {%- include icons/twitter.html -%}
+  </a>
+  {%- endif -%}
+  {%- if site.social.facebook -%}
+  <a href="https://www.facebook.com/{{ site.social.facebook | cgi_escape | escape }}" class="icon__link" target="_blank">
+    {%- include icons/facebook.html -%}
+  </a>
+  {%- endif -%}
+  {%- if site.social.instagram -%}
+  <a href="https://www.instagram.com/{{ site.social.instagram | cgi_escape | escape }}" class="icon__link">
+    {%- include icons/instagram.html -%}
+  </a>
+  {%- endif -%}
+  {%- if site.social.linkedin -%}
+  <a href="https://www.linkedin.com/in/{{ site.social.linkedin | cgi_escape | escape }}" class="icon__link">
+    {%- include icons/linkedin.html -%}
+  </a>
+  {%- endif -%}
+  {%- if site.social.weibo -%}
+  <a href="https://weibo.com/{{ site.social.weibo | cgi_escape | escape }}" class="icon__link">
+    {%- include icons/weibo.html -%}
+  </a>
+  {%- endif -%}
+  {%- if site.rss -%}
+  <a href="{{ site.rss | relative_url }}" class="icon__link">
+    {%- include icons/rss.html -%}
+  </a>
+  {%- endif -%}
+</div>

data/_includes/icons/ellipsis.html

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="1"></circle>
+  <circle cx="19" cy="12" r="1"></circle>
+  <circle cx="5" cy="12" r="1"></circle>
+</svg>

data/_includes/icons/facebook.html

@@ -0,0 +1,2 @@
+<svg 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" class="icon__stroke">
+  <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>

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/instagram.html

@@ -0,0 +1,5 @@
+<svg 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" class="icon__stroke">
+  <rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect>
+  <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
+  <line x1="17.5" y1="6.5" x2="17.5" y2="6.5"></line>
+</svg>

data/_includes/icons/left.html

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+  <path d="M20 30 L8 16 20 2" />
+</svg>

data/_includes/icons/link.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="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
+  <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
+</svg>

data/_includes/icons/linkedin.html

@@ -0,0 +1,5 @@
+<svg 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" class="stroke__icon">
+  <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path>
+  <rect x="2" y="9" width="4" height="12"></rect>
+  <circle cx="4" cy="4" r="2"></circle>
+</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/right.html

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+  <path d="M12 30 L24 16 12 2" />
+</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/smile.html

@@ -0,0 +1,6 @@
+<svg 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" class="icon__stroke">
+  <circle cx="12" cy="12" r="10"></circle>
+  <path d="M8 14s1.5 2 4 2 4-2 4-2"></path>
+  <line x1="9" y1="9" x2="9.01" y2="9"></line>
+  <line x1="15" y1="9" x2="15.01" y2="9"></line>
+</svg>

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/new_comment.html

@@ -0,0 +1,50 @@
+<form method="POST" action="{{ site.comment.postUrl }}" class="comment__form clearfix" id="newComment">
+  <input name="options[slug]" type="hidden" value="{{ page.slug }}">
+  <input name="options[title]" type="hidden" value="{{ page.title }}">
+  <input name="options[url]" type="hidden" value="{{ page.url | prepend: site.baseurl }}">
+  <input name="options[replyTo]" type="hidden" value="">
+  <input name="fields[parent]" type="hidden" value="">
+  <div class="comment-left">
+    <div class="comment__avatar">
+      <img src="https://www.gravatar.com/avatar/?d=mm&s=54"  id="visitorAvatar"/>
+    </div>
+  </div>
+  <div class="comment-right new-comment-right">
+     <div class="comment__box">
+       <div class="comment__box_top hide" id="visitorInfo">
+         <div class="input-group">
+            <input type="text" name="fields[name]" placeholder="*{{ site.theme_setting.lang.comment.user | default: 'Name' }}" class="form-control form-control-name" required autocomplete="true">
+            <label class="input-label">
+            {%- include icons/user.html -%}
+            </label>
+          </div>
+          <div class="input-group">
+            <input type="text" placeholder="*{{ site.theme_setting.lang.comment.email | default: 'Email' }}" class="form-control" type="email" required name="fields[email]" autocomplete="true">
+            <label class="input-label">
+            {%- include icons/mail.html -%}
+            </label>
+          </div>
+          <div class="input-group">
+            <input type="text" placeholder="{{ site.theme_setting.lang.comment.url | default: 'Your Site' }}" class="form-control" type="url" name="fields[url]" autocomplete="true">
+            <label class="input-label">
+            {%- include icons/link.html -%}
+            </label>
+          </div>
+        </div>
+      <div class="comment__box_center">
+        <textarea name="fields[message]" class="form-control message-text" placeholder="{{ site.theme_setting.lang.comment.message | default: 'Something to say...' }}"></textarea>
+        <span class="message-arrow"></span>
+      </div>
+      <div class="comment__box_bottom">
+        {%- if site.smiley.enabled --%}
+        {%- include smiley.html -%}
+        {%- endif --%}
+        <div class="comment__hint" id="commentHint">
+        </div>
+        <button type="submit" class="submit-btn" id="submitBtn">
+          enmmm..
+        </button>
+      </div>
+    </div>
+  </div>
+</form>

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 i in (1..count) -%}
+  <li class="slide__control {% if i == 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>