RubyGems - rawfeed - Versions diffs - 0.0.1 → 0.1.1 - Mend

rawfeed 0.0.1 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (133) hide show

checksums.yaml +4 -4
data/LICENSE.txt +21 -0
data/README.md +153 -1
data/_data/resume.yml +184 -0
data/_includes/alert +3 -0
data/_includes/chart +34 -0
data/_includes/details +57 -0
data/_includes/enddetails +2 -0
data/_includes/endtabs +2 -0
data/_includes/image +61 -0
data/_includes/layout/blog_search.html +18 -0
data/_includes/layout/data.liquid +8 -0
data/_includes/layout/disqus.html +30 -0
data/_includes/layout/footer.html +34 -0
data/_includes/layout/giscus.html +21 -0
data/_includes/layout/google_analytics.html +11 -0
data/_includes/layout/head.html +59 -0
data/_includes/layout/header.html +143 -0
data/_includes/layout/maintenance.html +30 -0
data/_includes/layout/paginator.html +35 -0
data/_includes/socials +22 -0
data/_includes/tabs +94 -0
data/_includes/toc +160 -0
data/_includes/video +10 -0
data/_layouts/blog.html +46 -0
data/_layouts/contact.html +285 -0
data/_layouts/default.html +351 -0
data/_layouts/error.html +15 -0
data/_layouts/home.html +58 -0
data/_layouts/page.html +9 -0
data/_layouts/post.html +103 -0
data/_layouts/resume.html +239 -0
data/_layouts/tag.html +22 -0
data/_layouts/tag_posts.html +27 -0
data/_sass/base/_index.scss +63 -0
data/_sass/base/_reset.scss +10 -0
data/_sass/base/_typography.scss +0 -0
data/_sass/components/_badges.scss +24 -0
data/_sass/components/_button.scss +17 -0
data/_sass/components/_forms.scss +42 -0
data/_sass/components/_gifs.scss +5 -0
data/_sass/components/_index.scss +5 -0
data/_sass/components/_markdown.scss +454 -0
data/_sass/includes/_footer.scss +45 -0
data/_sass/includes/_header.scss +240 -0
data/_sass/includes/_highlight.scss +87 -0
data/_sass/includes/_index.scss +9 -0
data/_sass/includes/_maintenance.scss +16 -0
data/_sass/includes/_paginator.scss +22 -0
data/_sass/includes/_rouge-dark.scss +81 -0
data/_sass/includes/_rouge-light.scss +121 -0
data/_sass/includes/_terminal.scss +208 -0
data/_sass/layouts/_blog.scss +96 -0
data/_sass/layouts/_contact.scss +55 -0
data/_sass/layouts/_default.scss +14 -0
data/_sass/layouts/_error.scss +18 -0
data/_sass/layouts/_home.scss +19 -0
data/_sass/layouts/_index.scss +10 -0
data/_sass/layouts/_page.scss +5 -0
data/_sass/layouts/_post.scss +109 -0
data/_sass/layouts/_resume.scss +330 -0
data/_sass/layouts/_tag-posts.scss +48 -0
data/_sass/layouts/_tag.scss +22 -0
data/_sass/main.scss +128 -0
data/_sass/theme/_dark.scss +79 -0
data/_sass/theme/_index.scss +13 -0
data/_sass/theme/_light.scss +56 -0
data/assets/css/style.scss +5 -0
data/assets/images/avatar_back.png +0 -0
data/assets/images/avatar_dark.png +0 -0
data/assets/images/avatar_light.png +0 -0
data/assets/images/favicon.png +0 -0
data/assets/js/avatar.js +50 -0
data/assets/js/default.js +148 -0
data/assets/js/terminal.js +18 -0
data/assets/js/toc.js +22 -0
data/assets/json/blog_search.json +16 -0
data/assets/vendor/bootstrap/css/bootstrap-grid.css +4124 -0
data/assets/vendor/bootstrap/css/bootstrap-grid.css.map +1 -0
data/assets/vendor/bootstrap/css/bootstrap-grid.min.css +7 -0
data/assets/vendor/bootstrap/css/bootstrap-grid.min.css.map +1 -0
data/assets/vendor/bootstrap/css/bootstrap-grid.rtl.css +4123 -0
data/assets/vendor/bootstrap/css/bootstrap-grid.rtl.css.map +1 -0
data/assets/vendor/bootstrap/css/bootstrap-grid.rtl.min.css +7 -0
data/assets/vendor/bootstrap/css/bootstrap-grid.rtl.min.css.map +1 -0
data/assets/vendor/bootstrap/css/bootstrap-reboot.css +488 -0
data/assets/vendor/bootstrap/css/bootstrap-reboot.css.map +1 -0
data/assets/vendor/bootstrap/css/bootstrap-reboot.min.css +7 -0
data/assets/vendor/bootstrap/css/bootstrap-reboot.min.css.map +1 -0
data/assets/vendor/bootstrap/css/bootstrap-reboot.rtl.css +485 -0
data/assets/vendor/bootstrap/css/bootstrap-reboot.rtl.css.map +1 -0
data/assets/vendor/bootstrap/css/bootstrap-reboot.rtl.min.css +7 -0
data/assets/vendor/bootstrap/css/bootstrap-reboot.rtl.min.css.map +1 -0
data/assets/vendor/bootstrap/css/bootstrap-utilities.css +4266 -0
data/assets/vendor/bootstrap/css/bootstrap-utilities.css.map +1 -0
data/assets/vendor/bootstrap/css/bootstrap-utilities.min.css +7 -0
data/assets/vendor/bootstrap/css/bootstrap-utilities.min.css.map +1 -0
data/assets/vendor/bootstrap/css/bootstrap-utilities.rtl.css +4257 -0
data/assets/vendor/bootstrap/css/bootstrap-utilities.rtl.css.map +1 -0
data/assets/vendor/bootstrap/css/bootstrap-utilities.rtl.min.css +7 -0
data/assets/vendor/bootstrap/css/bootstrap-utilities.rtl.min.css.map +1 -0
data/assets/vendor/bootstrap/css/bootstrap.css +10878 -0
data/assets/vendor/bootstrap/css/bootstrap.css.map +1 -0
data/assets/vendor/bootstrap/css/bootstrap.min.css +7 -0
data/assets/vendor/bootstrap/css/bootstrap.min.css.map +1 -0
data/assets/vendor/bootstrap/css/bootstrap.rtl.css +10842 -0
data/assets/vendor/bootstrap/css/bootstrap.rtl.css.map +1 -0
data/assets/vendor/bootstrap/css/bootstrap.rtl.min.css +7 -0
data/assets/vendor/bootstrap/css/bootstrap.rtl.min.css.map +1 -0
data/assets/vendor/bootstrap/js/bootstrap.bundle.js +7075 -0
data/assets/vendor/bootstrap/js/bootstrap.bundle.js.map +1 -0
data/assets/vendor/bootstrap/js/bootstrap.bundle.min.js +7 -0
data/assets/vendor/bootstrap/js/bootstrap.bundle.min.js.map +1 -0
data/assets/vendor/bootstrap/js/bootstrap.esm.js +5202 -0
data/assets/vendor/bootstrap/js/bootstrap.esm.js.map +1 -0
data/assets/vendor/bootstrap/js/bootstrap.esm.min.js +7 -0
data/assets/vendor/bootstrap/js/bootstrap.esm.min.js.map +1 -0
data/assets/vendor/bootstrap/js/bootstrap.js +5249 -0
data/assets/vendor/bootstrap/js/bootstrap.js.map +1 -0
data/assets/vendor/bootstrap/js/bootstrap.min.js +7 -0
data/assets/vendor/bootstrap/js/bootstrap.min.js.map +1 -0
data/assets/vendor/simple-jekyll-search.js +433 -0
data/assets/vendor/simple-jekyll-search.min.js +6 -0
data/lib/rawfeed/draft.rb +31 -0
data/lib/rawfeed/installer.rb +37 -0
data/lib/rawfeed/layout.rb +138 -0
data/lib/rawfeed/page.rb +33 -0
data/lib/rawfeed/post.rb +60 -0
data/lib/rawfeed/resume.rb +59 -0
data/lib/rawfeed/utils.rb +74 -0
data/lib/rawfeed/version.rb +1 -1
data/lib/rawfeed.rb +5 -7
metadata +144 -2

data/_includes/layout/head.html ADDED Viewed

@@ -0,0 +1,59 @@
+{%- include layout/data.liquid -%}
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta charset="utf-8">
+  {%- if page.url == "/" -%}
+    <title>{{ site.title | default: theme_name }} | {{ site.baseurl | prepend: site.url }}</title>
+  {%- else -%}
+    <title>{{ page.title }} | {{ site.title | default: theme_name }}</title>
+  {%- endif -%}
+  {% comment %} favicon {% endcomment %}
+  <link rel="icon" type="image/png" href="{{ '/assets/images/favicon.png' | relative_url }}">
+  <link rel="apple-touch-icon" href="{{ '/assets/images/favicon.png' | relative_url }}">
+  {% comment %} SEO (jekyll-seo-tag) {% endcomment %}
+  {%- seo -%}
+  <meta property="og:locale:alternate" content="en_US">
+  {%- if site.google.site_verification != "" -%}
+    <!-- Google Site Verification -->
+    <meta name="google-site-verification" content="{{ site.google.site_verification }}">
+    <!-- Google Site Verification -->
+  {%- endif -%}
+  {% comment %} Fonts {% endcomment %}
+  {%- comment -%}
+  TODO: version: 0.2.0: place fonts used in the project instead of using Google Fonts.
+  {%- endcomment -%}
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=SUSE+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inconsolata:400,700&amp;display=swap">
+  <link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"/>
+  {% comment %} bootstrap {% endcomment %}
+  <link rel="stylesheet" href="{{ '/assets/vendor/bootstrap/css/bootstrap.min.css' | relative_url }}">
+  {% comment %} fixes FOUC/flicker in firefox {% endcomment %}
+  <script>
+    (function() {
+      const savedTheme = localStorage.getItem('theme') || 'light';
+      document.documentElement.setAttribute('data-theme', savedTheme);
+    })();
+  </script>
+  {% comment %} load theme {% endcomment %}
+  <link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
+  {% comment %} feed {% endcomment %}
+  <link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ '/feed.xml' | relative_url }}">
+  {%- if jekyll.environment == 'production' and site.google.analytics.enable == true and site.google.analytics.id != "" -%}
+    <!-- Google Analytics -->
+    {%- include google_analytics.html -%}
+    <!-- Google Analytics -->
+  {%- endif -%}
+</head>

data/_includes/layout/header.html ADDED Viewed

@@ -0,0 +1,143 @@
+{%- include layout/data.liquid -%}
+{%- assign index = site.pages | where: "path", "index.md" | first -%}
+{%- for item in site.defaults -%}
+  {%- if item.scope.path == "_posts" -%}
+    {%- assign blog_page = item.values.published -%}
+  {%- endif -%}
+{%- endfor -%}
+<div class="modal fade" id="avatarModal" tabindex="-1" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered">
+    <div class="modal-content bg-transparent border-0 shadow-none">
+      <div class="modal-body d-flex justify-content-center">
+        <img id="modalAvatar" class="avatar-img" src="" alt="">
+      </div>
+    </div>
+  </div>
+</div>
+<header class="container header">
+  <div class="header-wrapper">
+    <div class="row ">
+      <div class="col-sm-2 d-flex flex-column justify-content-end">
+        <div class="container">
+          <div class="row">
+            {%- if index.layout == "blog" -%}
+              <span>[&nbsp;<a class="{% if page.url == "/" or page.url == "/index.html" %}menu-active{% endif %}" href="{{home_url}}">{{ site.text.menu.blog | default: "blog" | downcase }}</a>&nbsp;]</span>
+            {%- else -%}
+              <span>[&nbsp;<a class="{% if page.url == "/" or page.url == "/index.html" %}menu-active{% endif %}" href="{{home_url}}">{{ site.text.menu.home | default: "home" | downcase }}</a>&nbsp;]</span>
+            {%- endif -%}
+          </div>
+        </div>
+      </div>
+      <div class="col-sm-8 d-flex flex-column justify-content-end">
+        <div class="container">
+        <div class="row">
+          <span class="title">{{ site.title | default: theme_name }}</span>
+        </div>
+        <div class="row">
+          <small class="description">
+            {{ site.description | default: "A raw Jekyll theme for minimalists" }}
+          </small>
+        </div>
+        </div>
+      </div>
+      <div class="col-sm-2 d-flex justify-content-end avatar">
+        {%- assign images_ = site.static_files | map: "path" -%}
+        {%- assign avatar_path_light = "/assets/images/" | append: site.avatar.image.front.light -%}
+        {%- assign avatar_path_dark = "/assets/images/" | append: site.avatar.image.front.dark -%}
+        {%- assign avatar_path_back = "/assets/images/" | append: site.avatar.image.back -%}
+        {%- if images_ contains avatar_path_light and images_ contains avatar_path_dark and images_ contains avatar_path_back -%}
+          <div class="avatar-wrapper">
+            <div class="avatar-flipper light-theme {% if site.avatar.open %}avatar-flipper__open-true{% endif %}{% if site.avatar.flip %} can-flip{% endif %}">
+              <div class="avatar-card">
+                <div class="avatar-front">
+                  <img id="avatarImgLight" class="avatar-img" src="{{ avatar_path_light | relative_url }}" alt="{{ site.title }}" width="70">
+                </div>
+                <div class="avatar-back">
+                  <img class="avatar-img" src="{{ avatar_path_back | relative_url }}" alt="{{ site.title }} - Verso" width="70">
+                </div>
+              </div>
+            </div>
+            <div class="avatar-flipper dark-theme {% if site.avatar.open %} avatar-flipper__open-true{% endif %}{% if site.avatar.flip %} can-flip{% endif %}">
+              <div class="avatar-card">
+                <div class="avatar-front">
+                  <img id="avatarImgDark" class="avatar-img" src="{{ avatar_path_dark | relative_url }}" alt="{{ site.title }}" width="70">
+                </div>
+                <div class="avatar-back">
+                  <img class="avatar-img" src="{{ avatar_path_back | relative_url }}" alt="{{ site.title }} - Verso" width="70">
+                </div>
+              </div>
+            </div>
+          </div>
+        {%- endif -%}
+      </div>
+    </div>
+    <div class="menu-separator"></div>
+    <div class="row">
+      <div class="col-sm d-flex justify-content-center column-bottom">
+      {%- if index.layout == "blog" -%}
+        <span class="blog-menu">menu&nbsp;»
+          &nbsp;{%- if site.blog.search.enable -%}<a id="blog-search__btn" class="blog-menu__link" href="{{search_url}}">{{ site.text.menu.search | default: "search" }}</a><strong>&nbsp;.&nbsp;</strong>{%- endif -%}<a class="blog-menu__link{% if page.url == "/blog/tags/" or page.url == "/blog/tags/index.html" %} menu-active{% endif %}" href="{{tags_url}}">{{ site.text.menu.tags | default: "tags" }}</a><strong>&nbsp;.&nbsp;</strong>
+        </span>
+        {% assign sorted_pages = site.pages | sort: 'order' %}
+          {%- for item in sorted_pages -%}
+            {%- if item.path contains '_pages/' and item.published != false -%}
+              {%- unless item.url contains "/tags/" or item.url contains "404.html" -%}
+                <a class="{% if page.url == item.url %}menu-active{% endif %}" href="{{ item.url | relative_url }}">{{ item.title | downcase }}</a><strong>&nbsp;.&nbsp;</strong>
+              {%- endunless -%}
+            {%- endif -%}
+          {%- endfor -%}
+          <a class="blog-menu__link" href="{{feed_url}}">{{ site.text.menu.feed | default: "feed" }}</a><strong>&nbsp;.&nbsp;</strong>
+      {%- else index.layout == "home" -%}
+        {%- if page.url contains "/blog/" -%}
+          <span class="blog-menu">{{ site.text.menu.blog }}&nbsp;»
+            <a class="blog-menu__link{% if page.url == "/blog/" or page.url == "/blog/index.html" or page.url contains "/blog/page/" %} menu-active{% endif %}" href="{{blog_url}}">posts</a><strong>&nbsp;.&nbsp;</strong>{%- if site.blog.search.enable -%}<a id="blog-search__btn" class="blog-menu__link" href="{{search_url}}">{{ site.text.menu.search | default: "search" }}</a><strong>&nbsp;.&nbsp;</strong>{%- endif -%}<a class="blog-menu__link{% if page.url == "/blog/tags/" or page.url == "/blog/tags/index.html" %} menu-active{% endif %}" href="{{tags_url}}">{{ site.text.menu.tags | default: "tags" }}</a><strong>&nbsp;.&nbsp;</strong><a class="blog-menu__link" href="{{feed_url}}">{{ site.text.menu.feed | default: "feed" }}</a><strong>&nbsp;.&nbsp;</strong>
+          </span>
+        {%- else -%}
+          {%- assign published_pages = site.pages | where_exp:"p","p.path contains '_pages/' and p.published" -%}
+          {%- if published_pages.size > 0 -%}
+            <span class="blog-menu">menu&nbsp;»</span>&nbsp;
+          {%- endif -%}
+          {%- if site.pagination.enabled == true -%}
+            {%- if blog_page -%}
+              <a href="{{blog_url}}">{{ site.text.menu.blog }}</a><strong>&nbsp;.&nbsp;</strong>
+            {%- endif -%}
+            {% assign sorted_pages = site.pages | sort: 'order' %}
+            {%- for item in sorted_pages -%}
+              {%- if item.path contains '_pages/' -%}
+                {%- unless item.url contains "blog" or item.url contains "404.html" -%}
+                  <a class="{% if page.url == item.url %}menu-active{% endif %}" href="{{ item.url | relative_url }}">{{ item.title | downcase }}</a><strong>&nbsp;.&nbsp;</strong>
+                {%- endunless -%}
+              {%- endif -%}
+            {%- endfor -%}
+          {%- else -%}
+            {% assign sorted_pages = site.pages | sort: 'order' %}
+            {%- for item in sorted_pages -%}
+              {%- if item.path contains '_pages/' and item.published != false -%}
+                {%- unless item.url contains "/tags/" or item.url contains "404.html" -%}
+                  <a class="{% if page.url == item.url %}menu-active{% endif %}" href="{{ item.url | relative_url }}">{{ item.title | downcase }}</a><strong>&nbsp;.&nbsp;</strong>
+                {%- endunless -%}
+              {%- endif -%}
+            {%- endfor -%}
+          {%- endif -%}
+        {%- endif -%}
+      {%- endif -%}
+      </div>
+    </div>
+    <div class="row justify-content-end">
+      <div class="col-sm-2 d-flex justify-content-end">
+        <span id="toggle-theme"><i class="fa-solid fa-moon"></i></span>
+      </div>
+    </div>
+  </div>
+</header>

data/_includes/layout/maintenance.html ADDED Viewed

@@ -0,0 +1,30 @@
+{% include layout/data.liquid %}
+<!DOCTYPE html>
+<html lang="{{ site.lang | default: 'en-US' }}">
+  {%- include head.html -%}
+  <body>
+    <div class="mt-4 maintenance">
+      <div class="container">
+        {%- if site.maintenance.gif != "" -%}
+        <div class="row">
+          <div class="col-sm text-center">
+            {%- if site.maintenance.gif == "local" -%}
+              <img class="maintenance-gif" src="{{ '/assets/gifs/under_maintenance.gif' | relative_url }}" alt="under maintenance">
+            {%- else -%}
+              <img class="maintenance-gif" src="{{ site.maintenance.gif }}" alt="under maintenance">
+            {%- endif -%}
+          </div>
+        </div>
+        {%- endif -%}
+        <div class="row mt-5 text-center">
+          <h1 class="maintenance-title">[&nbsp;{{ site.maintenance.title }}&nbsp;]</h1>
+        </div>
+        <div class="row text-center">
+          <h3 class="maintenance-subtitle">{{ site.maintenance.subtitle }}</h3>
+        </div>
+      </div>
+    </div>
+    {%- include footer.html -%}
+  </body>
+</html>

data/_includes/layout/paginator.html ADDED Viewed

@@ -0,0 +1,35 @@
+{%- if page.pagination.enabled == true and site.pagination.enabled == true -%}
+  {%- assign total_page = paginator.total_pages -%}
+  {%- if total_page > 1 -%}
+    <nav>
+      <ul class="pagination justify-content-center blog-pagination">
+        {%- if paginator.previous_page -%}
+        <li class="page-item">
+          <a class="page-link blog-pagination__newer" href="{{ paginator.previous_page_path | prepend: site.baseurl | prepend: site.url }}">
+            &larr;&nbsp;{{ site.text.post.pagination.newer_text }}
+          </a>
+        </li>
+        {%- endif -%}
+        {%- if total_page > 1 -%}
+          <li class="page-item">
+            <span class="page-link blog-pagination__counter">
+              [&nbsp;{{ site.text.post.pagination.counter[0] }}
+              {{ paginator.page }}
+              {{ site.text.post.pagination.counter[1] }}
+              {{ total_page }}&nbsp;]
+            </span>
+          </li>
+        {%- endif -%}
+        {%- if paginator.next_page -%}
+        <li class="page-item">
+          <a class="page-link blog-pagination__older" href="{{ paginator.next_page_path | prepend: site.baseurl | prepend: site.url }}">
+            {{ site.text.post.pagination.older_text }}&nbsp;&rarr;
+          </a>
+        </li>
+        {%- endif -%}
+      </ul>
+    </nav>
+  {%- endif -%}
+{%- endif -%}

data/_includes/socials ADDED Viewed

@@ -0,0 +1,22 @@
+<div class="container socials">
+  <div class="row">
+    {%- assign pos = "justify-content-center" -%}
+    {%- if include.pos == "left" -%}
+      {%- assign pos = "justify-content-start" -%}
+    {%- elsif include.pos == "right" -%}
+      {%- assign pos = "justify-content-end" -%}
+    {%- endif -%}
+    <div class="col-sm d-flex {{pos}}"><strong>.&nbsp;</strong>
+      {% assign links = site.socials.links %}
+      {% for item in links %}
+        <a class="socials-link" title="{{ item.title }}" href="{{ item.url }}" target="_blank">
+          {{ item.title }}
+        </a><strong>&nbsp;.&nbsp;</strong>
+      {% endfor %}
+    </div>
+  </div>
+</div>

data/_includes/tabs ADDED Viewed

@@ -0,0 +1,94 @@
+<div class="tabs-start" aria-hidden="true"></div>
+<script>
+  (function () {
+    if (window.__simple_tabs_installed) return;
+    window.__simple_tabs_installed = true;
+    function processTabs() {
+      var starts = Array.from(document.querySelectorAll('.tabs-start'));
+      starts.forEach(function (start) {
+        var end = start.nextSibling;
+        while (end && !(end.nodeType === 1 && end.classList && end.classList.contains('tabs-end'))) {
+          end = end.nextSibling;
+        }
+        if (!end) return;
+        var node = start.nextSibling;
+        var tabs = [];
+        var currentTab = null;
+        while (node && node !== end) {
+          var next = node.nextSibling;
+          if (node.nodeType === Node.TEXT_NODE && !node.textContent.trim()) {
+            node = next; continue;
+          }
+          var text = (node.textContent || '').trim();
+          var m = text.match(/^\s*tab\d*\s*:\s*(.+)$/i);
+          if (m) {
+            currentTab = { title: m[1].trim(), nodes: [] };
+            tabs.push(currentTab);
+            if (node.parentNode) node.parentNode.removeChild(node);
+          } else if (currentTab) {
+            currentTab.nodes.push(node);
+          } else {
+          }
+          node = next;
+        }
+        if (tabs.length === 0) {
+          return;
+        }
+        var wrap = document.createElement('div');
+        wrap.className = 'tabs-wrap';
+        var nav = document.createElement('div');
+        nav.className = 'tabs-nav';
+        var panels = document.createElement('div');
+        panels.className = 'tabs-panels';
+        tabs.forEach(function (tab, i) {
+          var btn = document.createElement('button');
+          btn.type = 'button';
+          btn.className = 'tab-btn' + (i === 0 ? ' active' : '');
+          btn.setAttribute('data-idx', i);
+          btn.textContent = tab.title;
+          btn.addEventListener('click', function () {
+            var idx = +this.getAttribute('data-idx');
+            wrap.querySelectorAll('.tab-btn').forEach(function (b) {
+              b.classList.toggle('active', +b.getAttribute('data-idx') === idx);
+            });
+            wrap.querySelectorAll('.tab-panel').forEach(function (p, pi) {
+              p.classList.toggle('active', pi === idx);
+            });
+          });
+          nav.appendChild(btn);
+          var panel = document.createElement('div');
+          panel.className = 'tab-panel' + (i === 0 ? ' active' : '');
+          tab.nodes.forEach(function (n) {
+            panel.appendChild(n.cloneNode(true));
+          });
+          panels.appendChild(panel);
+        });
+        wrap.appendChild(nav);
+        wrap.appendChild(panels);
+        start.parentNode.insertBefore(wrap, start);
+        var cur = start;
+        while (cur) {
+          var nx = cur.nextSibling;
+          if (cur.parentNode) cur.parentNode.removeChild(cur);
+          if (cur === end) break;
+          cur = nx;
+        }
+      });
+    }
+    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', processTabs);
+    else processTabs();
+  })();
+</script>

data/_includes/toc ADDED Viewed

@@ -0,0 +1,160 @@
+<nav class="toc" id="toc" data-toc-selector="{{ include.selector | default: '.post-content' }}"
+  data-toc-max-level="{{ include.max_level | default: 3 }}"
+  data-toc-scroll-offset="{{ include.scroll_offset | default: 20 }}">
+  <div class="toc-head">
+    <h2>{{ include.title | default: "TOC" }}</h2>
+    <button class="toc-toggle" aria-expanded="true" type="button">{{ include.btn_hidden }}</button>
+  </div>
+  <div class="toc-list-wrapper">
+    <ul class="toc-list" role="list"></ul>
+    <p class="toc-empty" style="display:none">No titles found.</p>
+  </div>
+</nav>
+<script>
+(function () {
+  function slugify(text) {
+    if (!text) return '';
+    return text.toString().toLowerCase().trim()
+      .normalize('NFKD').replace(/[\u0300-\u036f]/g, '')
+      .replace(/[^\w\s-]/g, '').replace(/\s+/g, '-').replace(/--+/g, '-');
+  }
+  function buildTOC(tocEl) {
+    const selector = tocEl.dataset.tocSelector || '.post-content';
+    const maxLevel = parseInt(tocEl.dataset.tocMaxLevel || '3', 10);
+    const offset = parseInt(tocEl.dataset.tocScrollOffset || '20', 10);
+    const root = document.querySelector(selector);
+    if (!root) {
+      tocEl.querySelector('.toc-empty').textContent = `Content not found (${selector})`;
+      tocEl.querySelector('.toc-empty').style.display = 'block';
+      return;
+    }
+    const headings = Array.from(root.querySelectorAll(Array(maxLevel).fill(0).map((_, i) => `h${i + 1}`).join(',')))
+      .filter(h => !tocEl.contains(h))
+      .filter(h => parseInt(h.tagName.substring(1)) <= maxLevel);
+    if (headings.length === 0) {
+      tocEl.querySelector('.toc-empty').style.display = 'block';
+      return;
+    }
+    const tocRoot = tocEl.querySelector('.toc-list');
+    tocRoot.innerHTML = '';
+    const idCounts = {};
+    headings.forEach(h => {
+      if (!h.id) {
+        let id = slugify(h.textContent);
+        if (!id) id = 'section';
+        if (idCounts[id]) { idCounts[id] += 1; id = id + '-' + idCounts[id]; }
+        else idCounts[id] = 1;
+        h.id = id;
+      }
+    });
+    // Build hierarchical tree
+    const stack = [{ level: 0, ul: tocRoot }];
+    headings.forEach((h, i) => {
+      const level = parseInt(h.tagName.substring(1));
+      const li = document.createElement('li');
+      const a = document.createElement('a');
+      a.href = '#' + h.id;
+      a.textContent = h.textContent.trim();
+      a.addEventListener('click', e => {
+        e.preventDefault();
+        window.scrollTo({ top: h.getBoundingClientRect().top + window.scrollY - offset, behavior: 'smooth' });
+        history.replaceState(null, '', '#' + h.id);
+        // // Clicking on the TOC menu closes the TOC
+        // const wrapper = tocEl.querySelector('.toc-list-wrapper');
+        // const toggle = tocEl.querySelector('.toc-toggle');
+        // wrapper.style.display = 'none';
+        // toggle.setAttribute('aria-expanded', 'false');
+        // toggle.textContent = '{ { include.btn_show } }';
+      });
+      li.appendChild(a);
+      while (stack.length > 1 && level <= stack[stack.length - 1].level) stack.pop();
+      const parent = stack[stack.length - 1].ul;
+      parent.appendChild(li);
+      const next = headings[i + 1];
+      if (next) {
+        const nextLevel = parseInt(next.tagName.substring(1));
+        if (nextLevel > level) {
+          const newUl = document.createElement('ul');
+          li.appendChild(newUl);
+          stack.push({ level, ul: newUl });
+        }
+      }
+    });
+    // Active Highlight
+    const links = tocRoot.querySelectorAll('a');
+    function onScroll() {
+      const fromTop = window.scrollY + offset + 1;
+      let current = headings[0];
+      for (let i = 0; i < headings.length; i++) {
+        if (headings[i].offsetTop <= fromTop) current = headings[i];
+      }
+      links.forEach(l => l.classList.toggle('active', l.getAttribute('href') === '#' + current.id));
+    }
+    window.addEventListener('scroll', onScroll, { passive: true });
+    onScroll();
+  }
+  document.addEventListener('DOMContentLoaded', function () {
+    document.querySelectorAll('.toc').forEach(toc => {
+      buildTOC(toc);
+      const toggle = toc.querySelector('.toc-toggle');
+      const wrapper = toc.querySelector('.toc-list-wrapper');
+      wrapper.style.display = 'none';
+      toggle.setAttribute('aria-expanded', 'false');
+      toggle.textContent = '{{ include.btn_show }}';
+      toggle.addEventListener('click', () => {
+        const expanded = toggle.getAttribute('aria-expanded') === 'true';
+        wrapper.style.display = expanded ? 'none' : 'block';
+        toggle.setAttribute('aria-expanded', (!expanded).toString());
+        toggle.textContent = expanded ? '{{ include.btn_show }}' : '{{ include.btn_hidden }}';
+      });
+      const tocTop = toc.offsetTop;
+      function handleScrollFix() {
+        const scrollTop = window.scrollY || document.documentElement.scrollTop;
+        // Fixes pinning behavior in Chrome
+        if (scrollTop >= tocTop) {
+          toc.classList.add('fixed');
+          toc.style.position = 'fixed';
+          toc.style.top = '0';
+          toc.style.zIndex = '9999';
+          // toc.style.width = toc.offsetWidth + 'px';
+        } else {
+          toc.classList.remove('fixed');
+          toc.style.position = '';
+          toc.style.top = '';
+          toc.style.width = '';
+        }
+        // // Automatically closes the TOC if it is open and scrolled to it.
+        // const rect = toc.getBoundingClientRect();
+        // if (rect.top <= 0 && toggle.getAttribute('aria-expanded') === 'true') {
+        //   wrapper.style.display = 'none';
+        //   toggle.setAttribute('aria-expanded', 'false');
+        //   toggle.textContent = '{ { include.btn_show } }';
+        // }
+      }
+      window.addEventListener('scroll', handleScrollFix, { passive: true });
+      window.addEventListener('resize', handleScrollFix);
+      handleScrollFix();
+    });
+  });
+})();
+</script>

data/_includes/video ADDED Viewed

@@ -0,0 +1,10 @@
+{% assign video_id = include.url | split: "v=" | last | split: "&" | first %}
+<div class="video-wrapper">
+  <iframe src="https://www.youtube.com/embed/{{ video_id }}" title="{{ include.title | default: 'Video' }}"
+    frameborder="0" allowfullscreen>
+  </iframe>
+  <noscript>
+    <p>The video is not available for embedding. Watch it on <a href="{{ include.url }}" target="_blank">YouTube</a>.
+    </p>
+  </noscript>
+</div>

data/_layouts/blog.html ADDED Viewed

@@ -0,0 +1,46 @@
+---
+layout: default
+---
+{%- if page.pagination.enabled == true and site.pagination.enabled == true -%}
+  {%- assign count_posts = paginator.total_posts -%}
+{%- else -%}
+  {%- for _ in site.posts -%}
+    {%- capture count_posts -%} {{ count_posts | plus: 1 }} {%- endcapture -%}
+  {%- endfor -%}
+{%- endif -%}
+<div class="container blog">
+  {%- include layout/blog_search.html -%}
+  <div id="posts" class="row">
+    {%- if page.title -%}
+      <h2 class="blog-subtitle">[&nbsp;{{ site.text.blog.subtitle | default: "posts" }}:&nbsp;&nbsp;{{ count_posts }}&nbsp;]</h2>
+    {%- endif -%}
+    {%- if site.posts.size > 0 -%}
+      <ul class="row blog-list">
+        {%- if page.pagination.enabled == true and site.pagination.enabled == true -%}
+          {%- assign posts = paginator.posts -%}
+        {%- else -%}
+          {% assign posts = site.posts %}
+        {%- endif -%}
+        {%- for post in posts -%}
+        <li class="blog-list__item">
+          {%- assign date_format =  "%b %-d,%Y" -%}
+          <span class="blog-list__meta">{{ post.date | date: date_format }}</span>&nbsp;»&nbsp;
+          <a class="blog-list__link" href="{{ post.url | relative_url }}">
+            {{ post.title | escape }}
+          </a>
+          {%- if post.draft -%}
+            <span class="draft-badge">[&nbsp;this is a draft&nbsp;]</span>
+          {%- endif -%}
+        </li>
+        {%- endfor -%}
+      </ul>
+    {%- endif -%}
+    {%- include layout/paginator.html -%}
+  </div>
+</div>