jekyll-notes 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: f33e7721278686ce7d42c10c1b8fe0e91b3d92e6bf9308a1002ba166d1aab674
+  data.tar.gz: 685cc535b8829f629c696ac12b57cbc7e3ecd52bcee0aa700981e0aa59508e07
+SHA512:
+  metadata.gz: d2612ec43fc19d6f2222e2d7723278ee9f43410fd2ef46ea69a1d911a0cbc4b5bb6fdd0191a364444de76590494ec8597391ce7b1abb8ffa75cda7998331a620
+  data.tar.gz: 1be3550ed06146d0bb29b55e09513439162e2e35ba507c4d7160317ef104b4754175d025a2e363fa77751b32a687b5b7903b211fdea75ed94a9489477bf15c03

data/README.md

@@ -0,0 +1,83 @@
+## Jekyll-notes
+
+Jekyll-notes is a Jekyll theme for managing notes.  
+Simply create _chapters folder and populate it with subfolders and notes.  
+The .md files with "layout: default" would appear at Notes page submenu.
+
+## Screenshot
+
+<img src="screenshot-menu.png" alt="drawing" width="350"/>
+
+
+## Installing
+
+1. Edit Gemfile 
+```yaml
+group :jekyll_plugins do
+  gem "jekyll-remote-theme"
+end
+```
+
+2. Edit _config.yml  
+```yaml
+plugins:
+  - jekyll-remote-theme
+
+remote_theme: alexz005/jekyll-notes
+
+collections:
+        sections:
+                output: false
+        chapters:
+                output: true
+```
+
+3. Create _chapters folder and make .md files inside.
+
+## Debugging locally
+
+Gemfile
+```yaml
+group :jekyll_plugins do
+  gem "jekyll-feed", "~> 0.12"
+  gem "jekyll-notes", :path => "../../jekyll-notes/"
+end
+```
+
+_config.yml
+```yaml
+theme: jekyll-notes
+collections:
+        sections:
+                output: false
+        chapters:
+                output: true
+```
+
+## Advantages
+
+Contents are stored in _chapters folder and any subfolder and its files are automatically seen in submenu. The notes have to mantain yaml structure though, including three dashes and layout: default.
+
+Menu automatically generates with subfolders, isn’t it neat?
+
+
+## Building and testing locally
+
+This site is using Jekyll/SCSS  
+bundle exec jekyll serve --port 8080
+
+## Used sources
+
+Following were used to build this theme:  
+
+1. Parts of theme [Milidocs](http://alexander.heimbu.ch/millidocs/) by Alexander Heimbuch
+2. Collapsable list Javascript code from [here](http://code.iamkate.com/javascript/collapsible-lists/) by Kate Morley
+3. JavaScript code to generate menu from [here](https://stackoverflow.com/questions/26645220/build-nested-folder-structure-from-path-strings/26652662)
+4. JavaScript code to search through the list from [here](https://www.w3schools.com/howto/howto_js_filter_lists.asp)
+5. Parts of [startbootstrap](https://github.com/BlackrockDigital/startbootstrap-landing-page)
+
+## License
+
+MIT license, except any copied code or parts used above.
+
+Have you found it useful? Give me a star or [fork](/fork) this!

data/_includes/breadcrumbs.html

@@ -0,0 +1,13 @@
+<div id="breadcrumbs">
+{% assign crumbs = page.url | remove:'/index.html' | split: '/' %}
+<a href="/">Home</a>
+{% for crumb in crumbs offset: 1 %}
+  {% if forloop.last %}
+    / {{ page.title }}
+  {% else %}
+    / <a href="{% assign crumb_limit = forloop.index | plus: 1 %}{% for crumb in crumbs limit: crumb_limit %}{{ crumb | append: '/' | replace:'without-plugin/','without-plugins/' }}{% endfor %}">{{ crumb | replace:'-',' ' | remove:'.html' | capitalize }}</a>
+  {% endif %}
+{% endfor %}
+<br />
+<div align="right"><a href="https://github.com/AlexZ005/alexz005.github.io/edit/master/{{page.url | remove:'.html' | append:'.md' | remove_first: "/" | prepend: "_"}}">Edit this page</a></div>
+</div>

data/_includes/comments.html

@@ -0,0 +1,81 @@
+{% if page.comment_issue_id %}
+<script type="text/javascript">
+    
+    document.querySelector("{{ include.element }}").innerHTML = document.querySelector("{{ include.element }}").innerHTML + "<div id='comments'></div>";
+    document.getElementById("comments").innerHTML = "<h3>Comments</h3><p>You can <a href='https://github.com/{{ include.github_account }}/issues/{{page.comment_issue_id}}' target='_blank'>view the comments</a> on GitHub.</p>";
+
+    function reloadComments() {
+        var elements = document.querySelectorAll('.comment');
+        Array.prototype.forEach.call(elements, function(el, i){
+            el.remove();
+        });
+        $.ajax("https://api.github.com/repos/{{ include.github_account }}/issues/{{page.comment_issue_id}}/comments?per_page=100", {
+            headers: {Accept: "application/vnd.github.full+json"},
+            dataType: "json",
+            success: function(msg){
+                localStorage.setItem('comments_{{ include.github_account }}_{{page.comment_issue_id}}',JSON.stringify(msg));
+                loadComments(msg);
+            },
+            error: function() { 
+                document.getElementById("comments").innerHTML = "<h3>Comments</h3><p>You can <a href='https://github.com/{{ include.github_account }}/issues/{{page.comment_issue_id}}' target='_blank'>view the comments</a> on GitHub. The comments cannot be shown inline because we have hit the rate limit of Github.</p>";
+            }
+        });
+        return false;
+    }
+    function loadComments(data) {
+        $("#comments").html("<h3>Comments</h3><p>You can <a href='https://github.com/{{ include.github_account }}/issues/{{page.comment_issue_id}}' target='_blank'>leave a comment</a> through GitHub, or <a onclick=' reloadComments();' style='cursor: pointer;'>refresh</a> the comments below.</p>");
+        for (var i=0; i<data.length; i++) {
+            var cuser = data[i].user.login;
+            var cuserlink = "https://www.github.com/" + data[i].user.login;
+            var clink = "https://github.com/{{ include.github_account }}/issues/{{page.comment_issue_id}}#issuecomment-" + data[i].url.substring(data[i].url.lastIndexOf("/")+1);
+            var cbody = data[i].body_html;
+            {% if include.require_cookie_consent == 'true' %}
+                if(readCookie('cookie-notice-dismissed')=='true') {
+                    var cavatarlink = data[i].user.avatar_url;
+                } else {
+                    var cavatarlink = '/img/emptyavatar.png';
+                    cbody = cbody.replace(/<img src=/g,"<img data-src=");
+                }
+            {% else %}
+                var cavatarlink = data[i].user.avatar_url;
+            {% endif %}
+            var cdate = data[i].created_at;
+            document.getElementById("comments").innerHTML = document.getElementById("comments").innerHTML + "<div class='comment'><div class='commentgravatar'>" + '<img src="' + cavatarlink + '" alt="' + cuser + '">' + "</div><div class='commentheader'><a class='commentuser' href=\""+ cuserlink + "\">" + cuser + "</a> commented <a class='commentdate' href=\"" + clink + "\">on " + cdate.substring(0, 10) + "</a></div><div class='commentbody'>" + cbody + "</div></div>";
+            $('img[data-src]').replaceWith( "[Image blocked] " );
+        }
+    }
+    var data = localStorage.getItem('comments_{{ include.github_account }}_{{page.comment_issue_id}}');
+    if(data) {
+        loadComments(JSON.parse(data));
+    } else {
+        {% if include.require_cookie_consent == 'true' %}
+            if(readCookie('cookie-notice-dismissed')=='true') reloadComments();
+            else document.getElementById("comments").innerHTML = "<h3>Comments</h3><p>You can <a href='https://github.com/{{ include.github_account }}/issues/{{page.comment_issue_id}}' target='_blank'>view the comments</a> on GitHub (approve third party scripts to view them inline).</p>";
+        {% else %}
+            reloadComments();
+        {% endif %}
+    }
+</script>
+<style>
+.comment {padding: 5px 0 15px;}
+.comment P:last-child {margin-bottom: 0;}
+.commentgravatar {position: absolute; width: 40px; border: 1px solid #e5e5e5;}
+.commentheader, .commentbody {padding: 5px 10px; margin-left: 55px; border: 1px solid #e5e5e5; background: white;}
+.commentheader {position: relative; background: #f4f4f4; border-bottom: 0;}
+.commentbody {padding: 10px 10px 13px;}
+.commentheader a {color: #777777;}
+.commentheader::before {
+    position: absolute;
+    content: "";
+    display: block;
+    width: 9px;
+    height: 9px;
+    background: #f4f4f4;
+    transform: rotate(-45deg);
+    left: 0;
+    margin-left: -4px;
+    margin-top: 4px;
+    box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.15);
+}
+</style>
+{% endif %}

data/_includes/footer.html

@@ -0,0 +1,35 @@
+<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>
+      </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/head.html

@@ -0,0 +1,18 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  {%- seo -%}
+  {%- if page.url == '/' -%}}
+  <link rel="stylesheet" href="{{ "/assets/css/minima.css" | relative_url }}">
+  {%- endif -%}
+  {%- if page.url != '/' -%}}  
+  <link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">
+  {%- endif -%}
+  <link rel="stylesheet" href="{{ "https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" | relative_url }}">
+  {%- feed_meta -%}
+  {%- if jekyll.environment == 'production' and site.google_analytics -%}
+    {%- include google-analytics.html -%}
+  {%- endif -%}
+
+</head>

data/_includes/header.html

@@ -0,0 +1,38 @@
+<header class="site-header">
+
+    <!-- Navigation -->
+
+
+  <div class="wrapper">
+    {%- assign default_paths = site.pages | map: "path" -%}
+    {%- assign page_paths = site.header_pages | default: default_paths -%}
+    {%- assign titles_size = site.pages | map: 'title' | join: '' | size -%}
+<nav class="navbar navbar-dark bg-dark fixed-top site-nav">
+<div class="">
+        <a class="navbar-brand" href="#">{{ site.title | escape }}</a>
+</div>
+    {%- if titles_size > 0 -%}
+    
+        <input type="checkbox" id="nav-trigger" class="nav-trigger" />
+        <label for="nav-trigger" class="bg-white">
+          <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="btn btn-dark" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
+            {%- endif -%}
+          {%- endfor -%}
+        </div>
+
+  </div>
+
+    {%- endif -%}
+</nav>
+</header>

data/_includes/scripts.html

@@ -0,0 +1,5 @@
+<script src="{{ "https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js" | relative_url }}"></script>
+<script src="{{ "/assets/js/GenerateMenu.js" | relative_url }}"></script>
+<script src="{{ "/assets/js/CollapsibleLists.js" | relative_url }}"></script>
+<script src="{{ "/assets/js/SearchBar.js" | relative_url }}"></script>
+

data/_includes/sidebar.html

@@ -0,0 +1,24 @@
+
+<div class="sidebar">
+<div class="sidebar-main">
+
+<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names..">
+
+
+  <h1>Chapters</h1>
+
+<button onclick="CollapsibleLists.apply()">Collapse/Expand</button>
+
+  <ul class="posts" id="menu">
+    {% for chapter in site.chapters %}
+	{% if chapter.path != "_chapters/index.html" %}
+        {{ chapter.path }}
+	{% endif %}
+    {% endfor %}
+  </ul>
+
+<div id="renderList">
+</div>
+
+</div>
+</div>

data/_includes/sidebar.html.bak

@@ -0,0 +1,34 @@
+
+<div class="sidebar">
+<div class="sidebar-main">
+
+  <h1>Chapters</h1>
+<button onclick="CollapsibleLists.apply()">Collapse/Expand</button>
+
+  <ul class="posts">
+    {% for chapter in site.chapters %}
+      <li>
+        <a class="post-link" href="{{ chapter.url | prepend: site.baseurl }}">{{ chapter.path }}</a>
+      </li>
+    {% endfor %}
+  </ul>
+
+<ul class="collapsibleList" id="renderList">
+  <li>
+    Parent item
+    <ul>
+      <li>Child item</li>
+      <li>Child item</li>
+    </ul>
+  </li>
+  <li>
+    Parent item
+    <ul>
+      <li>Child item</li>
+      <li>Child item</li>
+    </ul>
+  </li>
+</ul>
+
+</div>
+</div>

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

@@ -0,0 +1,96 @@
+{% capture tocWorkspace %}
+    {% comment %}
+        Version 1.0.10
+          https://github.com/allejo/jekyll-toc
+
+        "...like all things liquid - where there's a will, and ~36 hours to spare, there's usually a/some way" ~jaybe
+
+        Usage:
+            {% include toc.html html=content sanitize=true class="inline_toc" id="my_toc" h_min=2 h_max=3 %}
+
+        Parameters:
+            * html         (string) - the HTML of compiled markdown generated by kramdown in Jekyll
+
+        Optional Parameters:
+            * sanitize     (bool)   : false  - when set to true, the headers will be stripped of any HTML in the TOC
+            * class        (string) :   ''   - a CSS class assigned to the TOC
+            * id           (string) :   ''   - an ID to assigned to the TOC
+            * h_min        (int)    :   1    - the minimum TOC header level to use; any header lower than this value will be ignored
+            * h_max        (int)    :   6    - the maximum TOC header level to use; any header greater than this value will be ignored
+            * ordered      (bool)   : false  - when set to true, an ordered list will be outputted instead of an unordered list
+            * item_class   (string) :   ''   - add custom class(es) for each list item; has support for '%level%' placeholder, which is the current heading level
+            * baseurl      (string) :   ''   - add a base url to the TOC links for when your TOC is on another page than the actual content
+            * anchor_class (string) :   ''   - add custom class(es) for each anchor element
+
+        Output:
+            An ordered or unordered list representing the table of contents of a markdown block. This snippet will only
+            generate the table of contents and will NOT output the markdown given to it
+    {% endcomment %}
+
+    {% capture my_toc %}{% endcapture %}
+    {% assign orderedList = include.ordered | default: false %}
+    {% assign minHeader = include.h_min | default: 1 %}
+    {% assign maxHeader = include.h_max | default: 6 %}
+    {% assign nodes = include.html | split: '<h' %}
+    {% assign firstHeader = true %}
+
+    {% capture listModifier %}{% if orderedList %}1.{% else %}-{% endif %}{% endcapture %}
+
+    {% for node in nodes %}
+        {% if node == "" %}
+            {% continue %}
+        {% endif %}
+
+        {% assign headerLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
+
+        {% if headerLevel < minHeader or headerLevel > maxHeader %}
+            {% continue %}
+        {% endif %}
+
+        {% if firstHeader %}
+            {% assign firstHeader = false %}
+            {% assign minHeader = headerLevel %}
+        {% endif %}
+
+        {% assign indentAmount = headerLevel | minus: minHeader %}
+        {% assign _workspace = node | split: '</h' %}
+
+        {% assign _idWorkspace = _workspace[0] | split: 'id="' %}
+        {% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
+        {% assign html_id = _idWorkspace[0] %}
+
+        {% assign _classWorkspace = _workspace[0] | split: 'class="' %}
+        {% assign _classWorkspace = _classWorkspace[1] | split: '"' %}
+        {% assign html_class = _classWorkspace[0] %}
+
+        {% if html_class contains "no_toc" %}
+            {% continue %}
+        {% endif %}
+
+        {% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %}
+        {% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
+
+        {% assign space = '' %}
+        {% for i in (1..indentAmount) %}
+            {% assign space = space | prepend: '    ' %}
+        {% endfor %}
+
+        {% if include.item_class and include.item_class != blank %}
+            {% capture listItemClass %}{:.{{ include.item_class | replace: '%level%', headerLevel }}}{% endcapture %}
+        {% endif %}
+
+        {% capture heading_body %}{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}{% endcapture %}
+        {% capture my_toc %}{{ my_toc }}
+{{ space }}{{ listModifier }} {{ listItemClass }} [{{ heading_body | replace: "|", "\|" }}]({% if include.baseurl %}{{ include.baseurl }}{% endif %}#{{ html_id }}){% if include.anchor_class %}{:.{{ include.anchor_class }}}{% endif %}{% endcapture %}
+    {% endfor %}
+
+    {% if include.class and include.class != blank %}
+        {% capture my_toc %}{:.{{ include.class }}}
+{{ my_toc | lstrip }}{% endcapture %}
+    {% endif %}
+
+    {% if include.id %}
+        {% capture my_toc %}{: #{{ include.id }}}
+{{ my_toc | lstrip }}{% endcapture %}
+    {% endif %}
+{% endcapture %}{% assign tocWorkspace = '' %}{{ my_toc | markdownify | strip }}

data/_layouts/chapter.html

@@ -0,0 +1,14 @@
+---
+layout: default
+---
+
+<h1>Chapter {{ page.chapter }}</h1>
+
+{% for section in site.sections %}
+{% if section.chapter == page.chapter %}
+{{ section.output }}
+{% endif %}
+{% endfor %}
+
+
+{{ content }}

data/_layouts/default.html

@@ -0,0 +1,29 @@
+<!doctype html>
+<html>
+  <head>
+  <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}" />
+    <meta charset="utf-8">
+    <title>{{ page.title }}</title>
+  </head>
+  <body>
+		<div class="wrapper">
+
+
+			{% include sidebar.html %}
+
+<main class="content">
+				<div class="inner">
+
+	<p>{% include breadcrumbs.html %}</p>
+	<p>{% include toc.html html=content %}</p>
+	{{ content | newline_to_br }}
+{% include comments.html element=".post-content" github_account="AlexZ005/alexz005.github.io" require_cookie_consent="true" %}
+
+</div>
+</main>
+</div>
+		{% include scripts.html %}
+
+<script src="/js/jquery.min.js"></script>
+  </body>
+</html>

data/_layouts/index.html

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