nocc-bootstrap-jekyll-theme 1.0.0

data/_layouts/home.html

@@ -0,0 +1,92 @@
+---
+layout: default
+---
+
+  <main class="flex-shrink-0">
+{%- if page.carousel %}
+{% include carousel.html %}
+{% else -%}
+  <section class="masthead" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.5)0%,rgba(100, 100, 100, 0.5) 10%), url('{{ page.background }}')">
+    <div class="overlay"></div>
+      <div class="container">
+        <div class="row">
+          <div class="mx-auto">
+            <div class="page-heading">
+            {%- if page.title %}
+              <h1>{{ page.title }}</h1>
+            {% else -%}
+              <h1>{{ site.title }}</h1>
+            {% endif %}
+            {%- if site.description %}
+              <h2 class="subheading">{{ site.description }}</h2>
+            {% endif -%}
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+{% endif -%}
+{% if site.landing == true %}
+  <section>
+    <div class="container my-5">
+      <div class="row align-items-center rounded-hero border shadow-lg">
+        <div class="col-lg-8 p-3 p-lg-5">
+          {{ content }}
+          <div class="d-grid gap-2 d-md-flex justify-content-md-start mb-4 mb-lg-3">
+            <a id="download" class="btn btn-download px-4 me-md-2 fw-bold" href="{{ site.theme_download }}" aria-label="Download" target="_blank" role="button">Download</a>
+            <a class="btn btn-secondary px-4" href="{{ site.theme_bundle_repo }}" aria-label="GitHub Repository" target="_blank" role="button">Source Code</a>
+            <a class="btn btn-tertiary px-4" href="{{ site.theme_package }}" aria-label="Nocc NPM package" target="_blank" role="button">NPM Package</a>
+          </div>
+        </div>
+        <div class="col-lg-4 p-0 overflow-hidden shadow-lg">
+          <img class="rounded-lg-3" src="{{ site.theme_logo }}" alt="NOCC Bootstrap theme logo" width="410">
+        </div>
+      </div>
+    </div>
+    <div class="home-divider"></div>
+  </section>
+  {% include_relative features.html %}
+{% else %}
+  <section>
+    <div class="container my-5">
+      <div class="row">
+        <div class="col-lg-8 col-md-10 mx-auto">
+          {{ content }}
+        </div>
+      </div>
+    </div>
+    <div class="home-divider"></div>
+  </section>
+{% endif %}
+  <section>
+    <div id="post-cards" class="container py-5">
+      <h2 class="pb-2 border-bottom">Recent articles</h2>
+      <div class="post-card row">
+      {% assign sorted = site.posts | sort: 'date' | reverse %}
+      {%- for post in sorted limit : 3 %}
+        <div class="col">
+          <div class="card h-100 overflow-hidden card-shadow" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.5)0%,rgba(100, 100, 100, 0.5) 10%), url('{{ post.background }}')">
+            <div class="d-flex flex-column h-100 p-5 text-white">
+              <small>on {{ post.date | date: '%B %d, %Y' }}</small>
+              <h2 class="pt-5 mt-5">{{ post.title }}</h2>
+              <ul class="d-flex list-unstyled mt-auto">
+                <li class="me-auto float-end">
+                  <small><a href="{{ post.url | relative_url }}" class="stretched-link" hreflang="{{ site.lang }}" aria-label="{{ post.title | escape }}"><img role="img" class="filter-white" alt="" aria-label="" src="/assets/vendor/nocc-bootstrap-theme/icons/1.11.0/link-45deg.svg" width="25em" height="25em">
+                  </a></small>
+                </li>
+                {%- if post.tags %}
+                {% for tag in post.tags limit : 2 -%}
+                <li class="d-flex align-items-center me-3">
+                  <span class="badge">#{{ tag }}</span>
+                </li>
+                {%- endfor %}
+                {%- endif %}
+              </ul>
+            </div>
+          </div>
+        </div>
+      {% endfor -%}
+      </div>
+    </div>
+  </section>
+</main>

data/_layouts/images_gallery.html

@@ -0,0 +1,63 @@
+---
+layout: default
+---
+
+<section class="masthead sechead" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.5)0%,rgba(0,0,0,0.5) 100%), url('{{ page.background }}')">
+  <div class="overlay"></div>
+  <div class="container">
+    <div class="row">
+      <div class="mx-auto">
+        <div class="page-heading">
+          <h1>{{ page.title }}</h1>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<section>
+<div class="container">
+  <div class="row">
+    <div class="mx-auto">
+      <div class="image-gallery">
+        {% include image.html folder="/assets/images/gallery" %}
+      </div>
+    </div>
+  </div>
+</div>
+<div class="modal fade" id="image-gallery" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title" id="image-gallery-title"></h4>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <img id="image-gallery-image" class="img-responsive col-md-12" src="">
+      </div>
+    </div>
+  </div>
+</div>
+<script type="text/javascript">
+ document.addEventListener('DOMContentLoaded', (event) => {
+    var buttons = document.getElementsByTagName("button");
+    var buttonsCount = buttons.length;
+    for (let i = 0; i < buttonsCount; i++) {
+      buttons[i].onclick = function(e) {
+        const img = document.getElementById(this.id);
+        if (img) {
+          var url = img.getAttribute('data-bs-image');
+          var uri = encodeURI(url);
+          var name = img.getAttribute('data-bs-title');
+        }
+        const modal = document.querySelector("#image-gallery-image");
+        modal.removeAttribute('src');
+        modal.setAttribute('src', decodeURI(uri));
+        modal.setAttribute("disabled", "");
+        var title = document.getElementById("image-gallery-title");
+        title.textContent = name;
+      };
+    }
+  });
+</script>
+<div class="divider"></div>
+</section>

data/_layouts/page.html

@@ -0,0 +1,35 @@
+---
+layout: default
+---
+
+<main class="flex-shrink-0">
+{% if page.background %}
+<section class="masthead sechead" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.5)0%,rgba(0,0,0,0.5) 100%), url('{{ page.background }}')">
+{% else %}
+<section class="masthead sechead">
+{% endif %}
+  <div class="overlay"></div>
+  <div class="container">
+    <div class="row">
+      <div class="mx-auto">
+        <div class="page-heading">
+          <h1>{{ page.title }}</h1>
+          {% if page.subtitle -%}
+          <h2 class="subheading">{{ page.subtitle }}</h2>
+          {%- endif %}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<section>
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-8 col-md-10 mx-auto">
+        {{ content }}
+      </div>
+    </div>
+  </div>
+  <div class="divider"></div>
+</section>
+</main>

data/_layouts/post.html

@@ -0,0 +1,62 @@
+---
+layout: default
+---
+
+<main class="flex-shrink-0">
+{% if page.background %}
+<section class="masthead sechead" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.5)0%,rgba(0,0,0,0.5) 100%), url('{{ page.background }}')">
+{% else %}
+<section class="masthead sechead">
+{% endif %}
+  <div class="overlay"></div>
+  <div class="container">
+    <div class="row">
+      <div class="mx-auto">
+        <div class="post-heading">
+          <h1>{{ page.title }}</h1>
+          {%- if page.description %}
+          <h2 class="subheading">{{ page.description }}</h2>
+          {% endif -%}
+          <span class="meta">Posted by
+            {% if page.author %} <a href="{{ 'about/' | relative_url }}" hreflang="{{ site.lang }}" aria-label="Author">{{ page.author }} </a> {% else %}<a href="{{ 'posts/' | relative_url }}" hreflang="{{ site.lang }}" aria-label="Author">{{ site.author }} </a> {% endif %} 
+            on {{ page.date | date: '%B %d, %Y' }} &middot; {% include read_time.html content=page.content -%}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<section>
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-8 col-md-10 mx-auto">
+        {{ content }}
+        <hr>
+        {% if site.kofi %}
+        <div class="text-center">
+          <p><mark>Found a snippet that saved your day?</mark> Consider <a href="https://ko-fi.com/{{ site.kofi }}" target="_blank" rel="noopener" title="Support me on ko-fi.com">dropping a tip!</a></p>
+          <script type="text/javascript" src="{{ '/assets/vendor/nocc-bootstrap-theme/js/ko-fi/widget_2.min.js' | relative_url }}"></script>
+          <script type="text/javascript">kofiwidget2.init("Buy me a coffee", "#176391", "{{ site.kofi }}");kofiwidget2.draw();</script>
+        </div>
+        <hr>
+        {% endif %}
+        <div class="clearfix">
+          {% if page.comments %}
+            {% if site.disqus_shortname %}
+              {% include disqus_comments.html %}
+            {% endif %}
+          {% endif %}
+          {% if page.previous.url %}
+          <a class="btn btn-primary float-start" href="{{ page.previous.url | prepend: site.baseurl | replace: '//', '/' }}" hreflang="{{ site.lang }}" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ page.previous.title }}">&larr; Previous<span class="d-none d-md-inline">
+              Post</span></a>
+          {% endif %}
+          {% if page.next.url %}
+          <a class="btn btn-primary float-end" href="{{ page.next.url | prepend: site.baseurl | replace: '//', '/' }}" hreflang="{{ site.lang }}" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ page.next.title }}">Next<span class="d-none d-md-inline">
+              Post</span> &rarr;</a>
+          {% endif %}
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="divider"></div>
+</section>
+</main>

data/_layouts/posts_index.html

@@ -0,0 +1,33 @@
+---
+layout: default
+---
+
+<main class="flex-shrink-0">
+{% if page.background %}
+<section class="masthead sechead" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.5)0%,rgba(0,0,0,0.5) 100%), url('{{ page.background }}')">
+{% else %}
+<section class="masthead sechead">
+{% endif %}
+  <div class="overlay"></div>
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-8 col-md-10 mx-auto">
+        <div class="page-heading">
+          <h1>Index</h1>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<section>
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-8 col-md-10 mx-auto">
+        <p class="fw-bolder text-uppercase">Number of posts: {{ site.posts | size }}</p>
+        {{ content }}
+      </div>
+    </div>
+  </div>
+  <div class="divider"></div>
+</section>
+</main>

data/_layouts/tag.html

@@ -0,0 +1,35 @@
+---
+layout: default
+---
+
+<main class="flex-shrink-0">
+<section class="smallhead sechead"></section>
+<section>
+<div class="container">
+  <div class="row">
+    <div class="col-lg-8 col-md-10 mx-auto">
+        <div class="post-header">
+          <h1 class="post-title">Posts with tag #{{ page.title | escape }}</h1>
+        </div>
+        <div class="post-content">
+          {{ content }}
+          <p class="fw-bolder text-uppercase">Number of articles: {{ site.posts | where_exp: 'posts', 'posts.tags contains page.title' | size }}</p>
+          <ul class="post-list">
+            {% assign tagpost = site.posts | where_exp: 'posts', 'posts.tags contains page.title' %}</p>
+            {%- for tag in tagpost -%}
+            <li>
+              {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
+              <p>
+                <a href="{{ tag.url | relative_url }}" hreflang="{{ site.lang }}" aria-label="{{ tag.title | escape }}">{{ tag.title | escape }}</a>
+              </p>
+            </li>
+            {%- endfor -%}
+          </ul>
+          <p>Browse more <a href="{{ site.tags_dir | append: '/' | relative_url }}" hreflang="{{ site.lang }}" aria-label="Tags index">tags</a>.</p>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="divider"></div>
+</section>
+</main>

data/_layouts/tags_index.html

@@ -0,0 +1,79 @@
+---
+layout: default
+tagsindex: true
+---
+
+  <main class="flex-shrink-0">
+    <section class="masthead" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.5)0%,rgba(0,0,0,0.5) 100%), url('{{ page.background }}')">
+      <div class="overlay"></div>
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-8 col-md-10 mx-auto">
+            <div class="page-heading">
+              <h1>{{ page.title }}</h1>
+              {% if page.subtitle -%}
+              <span class="subheading">{{ page.subtitle }}</span>
+              {%- endif %}
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+    <section>
+      <div class="container">
+        <div class="row">
+          <div class="text-align-center">
+            <script type="text/javascript" src="{{ '/assets/vendor/nocc-bootstrap-theme/js/jquery/3.7.1/jquery.min.js' | relative_url }}"></script>
+            <script type="text/javascript" src="{{ '/assets/vendor/nocc-bootstrap-theme/js/jquery/jqcloud/2.0.3/jqcloud.min.js' | relative_url }}"></script>
+            <div class="wordcloud"></div>
+          </div>
+        </div>
+      </div>
+      <div class="home-divider"></div>
+    </section>
+    <section>
+      <div class="container my-5">
+        <div class="row">
+          <div class="col-lg-8 col-md-10 mx-auto">
+            <h4>Archive</h4>
+            <ul class="tag-list">
+              {% assign tags_list = "" | split: ',' %}
+              {%- for page in site.posts %}
+                {%- for tag in page.tags %}
+                  {% assign tags_list = tags_list | push: tag %}
+                {%- endfor %}
+              {%- endfor %}
+              {% assign tags_uniq = tags_list | uniq | sort %}
+              {%- for tag in tags_uniq %}
+                {% assign tag_count = site.posts | where_exp: 'posts', 'posts.tags contains tag' %} 
+                <li>
+                  <a href="{{ tag | append: '/' }}" hreflang="{{ site.lang }}" aria-label="{{ tag }}">{{ tag }} ({{ tag_count | size }})</a>
+                </li>
+              {%- endfor %}
+            </ul>
+            <script type="text/javascript">
+              $(document).ready(tagscloud);
+              $(window).on('resize',tagscloud);
+              function tagscloud() {
+                $('.wordcloud').jQCloud('destroy');
+                var tags = [];
+                {%- for tag in tags_uniq -%}
+                  {% assign weight = site.posts | where_exp: 'posts', 'posts.tags contains tag' | size %}
+                  {%- assign name = tag -%}
+                  tags.push({
+                    text: "{{ name }}",
+                    weight: '{{ weight }}',
+                    link: { href:'{{ site.tags_dir | append: '/' | append: name | append: '/' | relative_url }}', title: '{{ tag }}' }
+                  });
+                {%- endfor -%}
+                $('.wordcloud').jQCloud(tags, {
+                  'shape': 'rectangular',
+                  'autoresize': true
+                }
+              )};
+            </script>
+          </div>
+        </div>
+      </div>
+    </section>
+  </main>

data/_sass/_custom.scss

@@ -0,0 +1,144 @@
+h3 {
+  font-size: calc(1.31rem + .81vw);
+}
+@media only screen and (min-width: 1536px) {
+  h3 {
+    font-size: 1.4rem;
+  }
+  section.homehead .page-heading {
+    padding: 5rem 0;
+    h1 {
+      font-size: 4rem;
+      margin-top: 80px;
+    }
+  }
+  section.homehead .page-heading .subheading {
+    font-size: 2rem;
+  }
+  section.masthead {
+    padding: 3rem 0;
+  }
+}
+section.homehead .overlay {
+  height: 30vh;
+}
+.carousel .carousel-inner img {
+  height: 30vh;
+}
+@media only screen and (min-width: 990px) {
+  section.homehead .page-heading .subheading {
+    font-size: 1.3rem;
+  }
+  section.masthead .page-heading .subheading {
+    font-size: 1.3rem;
+  }
+}
+@media only screen and (max-width: 990px) {
+  h1 {
+    font-size: 1.7rem;
+  }
+}
+.nlogo {
+  display: inline-block;
+
+  width: 45px;
+  height: 30px;
+
+  background-image: url("/assets/images/nocc_icon.svg");
+  background-repeat: no-repeat;
+  background-size: 30px auto;
+}
+.card-start {
+  position: relative;
+  border: 1px solid var(--bs-border-color-base);
+  border-radius: 1em;
+  background-color: var(--bs-form-invalid-color);
+  opacity: .8;
+
+  &:hover {
+    cursor: pointer;
+    border-color: var(--bs-primary-color);
+    border-width: 2px;
+    box-shadow: 0 1rem 3rem rgba(0,0,0,.35);
+  }
+
+  small {
+    color: #fff;
+
+    a {
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: none;
+        color: #fff;
+      }
+    }
+  }
+}
+.card-end {
+  position: relative;
+  border: 1px solid var(--bs-border-color-base);
+  border-radius: 1em;
+  background-color: var(--bs-secondary-color);
+  opacity: .8;
+  
+  &:hover {
+    cursor: pointer;
+    border-color: var(--bs-primary-color);
+    border-width: 2px;
+    box-shadow: 0 1rem 3rem rgba(0,0,0,.35);
+  }
+
+  small {
+    color: #fff;
+
+    a {
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: none;
+        color: #fff;
+      }
+    }
+  }
+}
+
+.npm-logo {
+  display: inline-block;
+
+  width: 26px;
+  height: 24px;
+  margin-right: 10px;
+
+  background-image: url("/assets/images/npm-logo.svg");
+  background-repeat: no-repeat;
+  background-size: 26px auto;
+}
+
+.jekyll-logo {
+  display: inline-block;
+
+  width: 26px;
+  height: 27px;
+  margin-right: 5px;
+
+  background-image: url("/assets/images/jekyll-logo.svg");
+  background-repeat: no-repeat;
+  background-size: 28px auto;
+}
+
+.download-icon {
+  display: inline-block;
+
+  width: 26px;
+  height: 24px;
+  margin-right: 10px;
+
+  background-image: url("/assets/images/download.svg");
+  background-repeat: no-repeat;
+  background-size: 26px auto;
+}
+.py-5 {
+  padding-top: 3rem;
+  padding-bottom: 1rem;
+}

data/assets/css/styles.scss

@@ -0,0 +1,3 @@
+---
+---
+@import 'custom';

data/assets/images/favicon.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="77.258331mm"
+   height="76.905556mm"
+   viewBox="0 0 77.258331 76.905556"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm" /><defs
+     id="defs1" /><g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-66.30742,-110.04723)"><image
+       width="77.258331"
+       height="76.905556"
+       preserveAspectRatio="none"
+       xlink:href="data:image/png;base64,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&#10;"
+       id="image1"
+       x="66.307419"
+       y="110.04723" /></g></svg>