jekyll-theme-handwritten 4.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: d4e3f0a3a52c59bb50bba8448f048cd81662b3dd79000e2a3f3014016d88356d
+  data.tar.gz: d1a2639f84f633cf276106eb3354f62228797f2f9b1795a5bb819787165d0a37
+SHA512:
+  metadata.gz: c31c5deee4de58ecb62497110086236defce08624325cf6f3b4c8ea74085d6c8d4929bb8b3ecba923c98b32410436baaf52ee78411e1bef2a72c0d122240c802
+  data.tar.gz: 41d5f31c38f9952134e1c8fb8f0ae63a7212789035c429b50983f0dc4ce35fa62ac74b2b57c926853d515f502f8c28ffd24115de32e3d77ad36d59ed4a8080e6

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2024 Gul Noor
+
+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,79 @@
+# Dark Theme for Jekyll Blogs
+
+Dark theme for [Jekyll](https://jekyllrb.com/) blogs with handwriting fonts and 5 color schemes.
+| | |
+| ----------------------- | ----------------------- |
+| ![GitHub](/etc/ss1.png) | ![GitHub](/etc/ss2.png) |
+
+## Installation
+
+if you are using github pages, the recommended method is following:
+
+- Add following lines to your `Gemfile`:
+
+```ruby
+source "https://rubygems.org"
+
+gem "github-pages", "~> 231", group: :jekyll_plugins
+gem "jekyll-include-cache", group: :jekyll_plugins
+```
+
+- Add jekyll-include-cache to the plugins array of your `_config.yml`
+
+```yaml
+plugins:
+  - jekyll-include-cache
+```
+
+- And then execute this command in shell:
+
+```bash
+$ bundle
+```
+
+- Add this your `_config.yml` file.
+
+```yml
+remote_theme: "gulnoor/jekyll-theme-handwritten"
+```
+
+- Remove any other theme: or remote_theme: entry.
+
+## Alternate Method
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "jekyll-theme-handwritten"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: jekyll-theme-handwritten
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jekyll-theme-handwritten
+
+## Usage
+
+TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
+
+### TODO
+
+- [ ] Add support for comments
+- [ ] Search functionality
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/gulnoor/darkBlog
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/_config.yml

@@ -0,0 +1,54 @@
+# Welcome to Jekyll!
+#
+# This config file is meant for settings that affect your whole blog, values
+# which you are expected to set up once and rarely edit after that. If you find
+# yourself editing this file very often, consider using Jekyll's data files
+# feature for the data you need to update frequently.
+#
+# For technical reasons, this file is *NOT* reloaded automatically when you use
+# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
+#
+# If you need help with YAML syntax, here are some quick references for you:
+# https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml
+# https://learnxinyminutes.com/docs/yaml/
+#
+# Site settings
+# These are used to personalize your new site. If you look in the HTML files,
+# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
+# You can create any custom variable you would like, and they will be accessible
+# in the templates via {{ site.myvariable }}.
+show_excerpts: true
+title: Awesome Title
+email: your-email@example.com
+tagline: My Awesome Tagline
+description: >- # this means to ignore newlines until "baseurl:"
+  Write an awesome description for your new site here. You can edit this
+  line in _config.yml. It will appear in your document head meta (for
+  Google search results) and in your feed.xml site description.
+baseurl: "" # the subpath of your site, e.g. /blog
+url: "" # the base hostname & protocol for your site, e.g. http://example.com
+twitter_username: jekyllrb
+github_username: jekyll
+home_icon: /assets/theme-assets/theme-icons/home2.svg
+# Build settings
+plugins:
+  - jekyll-feed
+# Exclude from processing.
+# The following items will not be processed, by default.
+# Any item listed under the `exclude:` key here will be automatically added to
+# the internal "default list".
+#
+# Excluded items can be processed by explicitly listing the directories or
+# their entries' file path in the `include:` list.
+#
+# exclude:
+#   - .sass-cache/
+#   - .jekyll-cache/
+#   - gemfiles/
+#   - Gemfile
+#   - Gemfile.lock
+#   - node_modules/
+#   - vendor/bundle/
+#   - vendor/cache/
+#   - vendor/gems/
+#   - vendor/ruby/

data/_data/images.json

@@ -0,0 +1,3 @@
+{
+    "logo":"/assets/images/logo"
+}

data/_includes/disqus_comments.html

@@ -0,0 +1,20 @@
+{%- if page.comments != false and jekyll.environment == "production" -%}
+
+  <div id="disqus_thread"></div>
+  <script>
+    var disqus_config = function () {
+      this.page.url = '{{ page.url | absolute_url }}';
+      this.page.identifier = '{{ page.url | absolute_url }}';
+    };
+
+    (function() {
+      var d = document, s = d.createElement('script');
+
+      s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
+
+      s.setAttribute('data-timestamp', +new Date());
+      (d.head || d.body).appendChild(s);
+    })();
+  </script>
+  <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
+{%- endif -%}

data/_includes/footer.html

@@ -0,0 +1,29 @@
+<footer class="site-footer h-card">
+  <data class="u-url" href="{{ "/" | relative_url }}"></data>
+  <div class="wrapper">
+    <h2 class="footer-heading">{{ site.title | escape }}</h2>
+    <div class="footer-col-wrapper">
+      <div class="footer-col footer-col-1">
+        <ul class="contact-list">
+          <li class="p-name">
+            {%- if site.author -%}
+              {{ site.author | escape }}
+            {%- else -%}
+              {{ site.title | escape }}
+            {%- endif -%}
+            </li>
+            {%- if site.email -%}
+            <li><a class="u-email" href="mailto:{{ site.email }}">{{ site.email }}</a></li>
+            {%- endif -%}
+        </ul>
+        <!-- <p id="diplayselectedtheme"></p> -->
+      </div>
+      <div class="footer-col footer-col-2">
+        {%- include social.html -%}
+      </div>
+      <div class="footer-col footer-col-3">
+        <p>{{- site.description | escape -}}</p>
+      </div>
+    </div>
+  </div>
+</footer>

data/_includes/google-analytics.html

@@ -0,0 +1,12 @@
+<script>
+if(!(window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1")) {
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+  ga('create', '{{ site.google_analytics }}', 'auto');
+  ga('send', 'pageview');
+}
+</script>
+  

data/_includes/head.html

@@ -0,0 +1,38 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link
+    rel="preload"
+    href="/assets/theme-assets/theme-fonts/Virgil.woff2"
+    as="font"
+    type="font/woff2"
+    crossorigin
+  >
+  {% comment %} {%- seo -%} {% endcomment %}
+  <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
+  <script>
+    const colors = {
+      'dark-pink': '#f0b3e7',
+      'dark-green': '#b1d18a',
+      'dark-yellow': '#dbc66e',
+      'dark-blue': '#aac7ff',
+      'dark-cyan': '#81d5cd',
+    };
+    const root = document.querySelector('html');
+    const theme = window.localStorage.getItem('theme');
+    if (theme === null) {
+      window.localStorage.setItem('theme', 'dark-pink');
+      root.className = 'dark-pink';
+      root.style.setProperty('--current-color', colors['dark-pink']);
+    } else {
+      root.className = theme;
+      root.style.setProperty('--current-color', colors[theme]);
+    }
+  </script>
+  <script src="/assets/theme-assets/js/theme.js" defer></script>
+  {% comment %} {%- feed_meta -%} {% endcomment %}
+  {%- if jekyll.environment == 'production' and site.google_analytics -%}
+    {%- include google-analytics.html -%}
+  {%- endif -%}
+</head>

data/_includes/header.html

@@ -0,0 +1,33 @@
+<header class="site-header" role="banner">
+  {%- include theme_selector.html -%}
+
+  <div class="wrapper header-container">
+    {%- assign default_paths = site.pages | map: 'path' -%}
+    {%- assign page_paths = site.header_pages | default: default_paths -%}
+
+    <a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
+    {%- if site.tagline -%}
+      <span class="tagline">{{ site.tagline }}</span>
+    {%- endif -%}
+    <!-- <img class="logo" src="{{- "assets/theme-assets/theme-images/logo.svg" | relative_url -}}"> -->
+  </div>
+  {%- if page_paths -%}
+    <nav class="wrapper site-nav">
+      <input type="checkbox" id="nav-trigger" class="nav-trigger">
+      <label for="nav-trigger">
+        <span class="menu-icon">
+          <img src="{{- "assets/theme-assets/theme-images/menu.svg" | relative_url -}}" alt="menu-icon">
+        </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 | escape }}</a>
+          {%- endif -%}
+        {%- endfor -%}
+      </div>
+    </nav>
+  {%- endif -%}
+</header>

data/_includes/icon-github.html

@@ -0,0 +1 @@
+<a href="https://github.com/{{ include.username }}"><span class="icon icon--github">{% include icon-github.svg %}</span><span class="username">{{ include.username }}</span></a>

data/_includes/icon-github.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>

data/_includes/icon-twitter.html

@@ -0,0 +1 @@
+<a href="https://twitter.com/{{ include.username }}"><span class="icon icon--twitter">{% include icon-twitter.svg %}</span><span class="username">{{ include.username }}</span></a>

data/_includes/icon-twitter.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>

data/_includes/navrail.html

@@ -0,0 +1,17 @@
+{%- if page_paths -%}
+<nav class="navrail">
+  <a class="navrail-button" href="/">
+    <img class="navrail-icon" src="{{- site.home_icon | relative_url -}}" />
+    Home</a
+  >
+
+  {%- for path in page_paths -%} {%- assign my_page = site.pages | where:
+  'path', path | first -%} {%- if my_page.title -%}
+  <a class="navrail-button" href="{{ my_page.url | relative_url }}">
+    {%- if my_page.title -%}
+    <img class="navrail-icon" src="{{- my_page.icon | relative_url -}}" />
+    {%- endif -%} {{ my_page.title | escape }}
+  </a>
+  {%- endif -%} {%- endfor -%}
+</nav>
+{%- endif -%}

data/_includes/social.html

@@ -0,0 +1,14 @@
+<ul class="social-media-list">
+  {%- if site.dribbble_username -%}<li><a href="https://dribbble.com/{{ site.dribbble_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#dribbble' | relative_url }}"></use></svg> <span class="username">{{ site.dribbble_username| escape }}</span></a></li>{%- endif -%}
+  {%- if site.facebook_username -%}<li><a href="https://www.facebook.com/{{ site.facebook_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#facebook' | relative_url }}"></use></svg> <span class="username">{{ site.facebook_username| escape }}</span></a></li>{%- endif -%}
+  {%- if site.flickr_username -%}<li><a href="https://www.flickr.com/photos/{{ site.flickr_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#flickr' | relative_url }}"></use></svg> <span class="username">{{ site.flickr_username| escape }}</span></a></li>{%- endif -%}
+  {%- if site.github_username -%}<li><a href="https://github.com/{{ site.github_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#github' | relative_url }}"></use></svg> <span class="username">{{ site.github_username| escape }}</span></a></li>{%- endif -%}
+  {%- if site.instagram_username -%}<li><a href="https://instagram.com/{{ site.instagram_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#instagram' | relative_url }}"></use></svg> <span class="username">{{ site.instagram_username| escape }}</span></a></li>{%- endif -%}
+  {%- if site.linkedin_username -%}<li><a href="https://www.linkedin.com/in/{{ site.linkedin_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#linkedin' | relative_url }}"></use></svg> <span class="username">{{ site.linkedin_username| escape }}</span></a></li>{%- endif -%}
+  {%- if site.pinterest_username -%}<li><a href="https://www.pinterest.com/{{ site.pinterest_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#pinterest' | relative_url }}"></use></svg> <span class="username">{{ site.pinterest_username| escape }}</span></a></li>{%- endif -%}
+  {%- for mst in site.mastodon -%}{%- if mst.username and mst.instance -%}<li><a href="https://{{ mst.instance| cgi_escape | escape}}/@{{mst.username}}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#mastodon' | relative_url }}"></use></svg> <span class="username">{{ mst.username|escape }}</span></a></li>{%- endif -%}{%- endfor -%}
+  {%- if site.twitter_username -%}<li><a href="https://www.twitter.com/{{ site.twitter_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#twitter' | relative_url }}"></use></svg> <span class="username">{{ site.twitter_username| escape }}</span></a></li>{%- endif -%}
+  {%- if site.youtube_username -%}<li><a href="https://youtube.com/{{ site.youtube_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#youtube' | relative_url }}"></use></svg> <span class="username">{{ site.youtube_username| escape }}</span></a></li>{%- endif -%}
+  {%- if site.googleplus_username -%}<li><a href="https://plus.google.com/{{ site.googleplus_username| escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#googleplus' | relative_url }}"></use></svg> <span class="username">{{ site.googleplus_username| escape }}</span></a></li>{%- endif -%}
+  {%- if site.rss -%}<li><a href="{{ 'feed.xml' | relative_url }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#rss' | relative_url }}"></use></svg> <span>{{ site.rss | escape }}</span></a></li>{%- endif -%}
+</ul>

data/_includes/theme_selector.html

@@ -0,0 +1,35 @@
+<div class="theme-selector" id="themeSelector">
+  <div class="theme-options" id="themeOptions">
+    <div
+      id="pink-theme"
+      class="theme-option pink-theme"
+      data-theme-class="dark-pink"
+      data-color="#f0b3e7"
+    ></div>
+    <div
+      id="green-theme"
+      class="theme-option"
+      data-theme-class="dark-green"
+      data-color="#b1d18a"
+    ></div>
+    <div
+      id="yellow-theme"
+      class="theme-option"
+      data-theme-class="dark-yellow"
+      data-color="#dbc66e"
+    ></div>
+    <div
+      data-theme-class="dark-blue"
+      id="blue-theme"
+      class="theme-option"
+      data-color="#aac7ff"
+    ></div>
+    <div
+      data-theme-class="dark-cyan"
+      id="cyan-theme"
+      class="theme-option"
+      data-color="#81d5cd"
+    ></div>
+  </div>
+  <div class="current-theme" id="currentTheme"></div>
+</div>

data/_layouts/default.html

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

data/_layouts/home.html

@@ -0,0 +1,80 @@
+---
+layout: default
+---
+<div class="home">
+  {%- if page.title -%}
+    <h1 class="page-heading">{{ page.title }}</h1>
+  {%- endif -%}
+
+  {{ content }}
+
+  {%- if site.posts.size > 0 -%}
+    <h1 class="post-title">{{ page.list_title | default: 'Pinned Posts' }}</h1>
+    <ul class="pinned-post-list">
+      {%- for post in site.posts -%}
+        {%- if post.status == 'pinned' -%}
+          <li class="pinned-post-card custom-border">
+            <svg
+              class="pin-svg"
+              version="1.1"
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 54.8289715891961 122.91502231693698"
+              width="164.4869147675883"
+              height="368.74506695081095"
+            >
+              <defs>
+                <style class="style-fonts">
+                </style>
+
+              </defs>
+              <g stroke-linecap="round">
+                <g transform="translate(17.963502922513044 98.1012728373579) rotate(0 10.35400784427901 -36.6392819047461)">
+                  <path
+                    fill="none"
+                    class="pin-path"
+                    d="M-0.92 0.05 C-0.85 -7.96, -1.61 -37.45, 0.46 -48.12 C2.52 -58.8, 8.31 -63.66, 11.46 -64.01 C14.61 -64.36, 17.92 -61.96, 19.34 -50.21 C20.76 -38.46, 20.48 -4.19, 20 6.49 C19.52 17.16, 20.01 12.99, 16.44 13.85 C12.87 14.71, 2.49 13.98, -1.43 11.64 C-5.36 9.29, -6.38 13.15, -7.1 -0.21 C-7.81 -13.57, -8.39 -54.05, -5.72 -68.55 C-3.06 -83.05, 3.85 -87.21, 8.89 -87.23 C13.93 -87.26, 21.52 -74.71, 24.52 -68.68 C27.52 -62.66, 26.27 -53.89, 26.87 -51.11 M0.8 -0.97 C0.75 -9.29, -1.95 -39.43, -0.23 -49.77 C1.5 -60.1, 7.79 -63.14, 11.17 -62.99 C14.54 -62.84, 18.74 -60.01, 20.02 -48.88 C21.29 -37.74, 19.22 -6.54, 18.81 3.8 C18.39 14.14, 21.3 11.55, 17.53 13.15 C13.75 14.76, -0.1 15.77, -3.84 13.45 C-7.59 11.12, -4.38 13.08, -4.95 -0.79 C-5.52 -14.66, -9.58 -55.22, -7.24 -69.77 C-4.91 -84.32, 3.68 -88.43, 9.08 -88.08 C14.47 -87.73, 22.38 -73.79, 25.11 -67.69 C27.84 -61.59, 25.42 -54.5, 25.45 -51.48"
+                      ></path>
+                </g>
+              </g>
+              <mask></mask>
+            </svg>
+            {%- if post.image -%}
+              <img class="post-image" src="{{- post.image | relative_url -}}">
+            {%- endif -%}
+            <a class="post-link" href="{{ post.url | relative_url }}">
+              {%- assign date_format = site.minima.date_format | default: '%b %-d, %Y' -%}
+              <span class="post-meta">{{ post.date | date: date_format }}</span>
+              <h3 class="card-title">
+                {{ post.title | escape }}
+              </h3>
+              <span class="post-excerpt">{{ post.excerpt }}</span>
+            </a>
+          </li>
+        {%- endif -%}
+      {%- endfor -%}
+    </ul>
+  {%- endif -%}
+  <div class="all-post-wrapper">
+    {%- if site.posts.size > 0 -%}
+      <h1 class="post-title">{{ page.list_title | default: 'All Posts' }}</h1>
+      <ul class="post-list">
+        {%- for post in site.posts -%}
+          <li class="post-card custom-border">
+            {%- if post.image -%}
+              <img class="post-image" src="{{- post.image | relative_url -}}">
+            {%- endif -%}
+            <a class="post-link" href="{{ post.url | relative_url }}">
+              {%- assign date_format = site.minima.date_format | default: '%b %-d, %Y' -%}
+              <span class="post-meta">{{ post.date | date: date_format }}</span>
+              <h3 class="card-title">
+                {{ post.title | escape }}
+              </h3>
+              <span class="post-excerpt">{{ post.excerpt }}</span>
+            </a>
+          </li>
+        {%- endfor -%}
+      </ul>
+      <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
+    {%- endif -%}
+  </div>
+</div>

data/_layouts/page.html

@@ -0,0 +1,14 @@
+---
+layout: default
+---
+
+<div class="wrapper">
+  <article class="post">
+    <header class="post-header">
+      <h1 class="post-title">{{ page.title | escape }}</h1>
+    </header>
+
+    <div class="post-content">{{ content }}</div>
+  </article>
+  
+</div>

data/_layouts/post.html

@@ -0,0 +1,35 @@
+---
+layout: default
+---
+<div class="wrapper">
+  <article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
+    <header class="post-header">
+      <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
+      {%- if page.image -%}
+        <img src="{{- page.image | relative_url -}}" alt="" class="featured-image">
+      {%- endif -%}
+      <p class="post-meta">
+        <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+          {%- assign date_format = site.minima.date_format | default: '%b %-d, %Y' -%}
+          {{ page.date | date: date_format }}
+        </time>
+        {%- if page.author -%}
+          •
+          <span itemprop="author" itemscope itemtype="http://schema.org/Person"
+            ><span class="p-author h-card" itemprop="name">{{ page.author }}</span></span
+          >
+        {%- endif -%}
+      </p>
+    </header>
+  
+    <div class="post-content e-content" itemprop="articleBody">
+      {{ content }}
+    </div>
+  
+    {%- if site.disqus.shortname -%}
+      {%- include disqus_comments.html -%}
+    {%- endif -%}
+  
+    <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
+  </article>
+</div>