jekyll-twitter-bootstrap 5.3.0.dev5

data/_includes/_components/columns_icons_hanging.html

@@ -0,0 +1,51 @@
+<!-- BEGIN Hanging icons -->
+<div class="container px-4 py-5 component-columns-icons-hanging">
+    {%- if include.title -%}
+        <h2 class="pb-2 border-bottom">{{ include.title }}</h2>
+    {%- endif -%}
+    <div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
+        {%- if !include.col1_title -%}
+            <div class="col d-flex align-items-start">
+                <div class="icon-square text-bg-light d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
+                    <svg class="bi" width="1em" height="1em"><use xlink:href="{{ include.col1_icon_path }}"/></svg>
+                </div>
+                <div>
+                    <h3 class="fs-2">{{ include.col1_title }}</h3>
+                    <div class="mb-3">{{ include.col1_body }}</div>
+                    {%- if !include.col1_link_text -%}
+                        <a href="{{ include.col1_link_url}}" class="btn btn-primary">{{ include.col1_link_text }}</a>
+                    {%- endif -%}
+                </div>
+            </div>
+        {%- endif -%}
+        {%- if !include.col2_title -%}
+            <div class="col d-flex align-items-start">
+                <div class="icon-square text-bg-light d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
+                    <svg class="bi" width="1em" height="1em"><use xlink:href="{{ include.col2_icon_path }}"/></svg>
+                </div>
+                <div>
+                    <h3 class="fs-2">{{ include.col2_title }}</h3>
+                    <div class="mb-3">{{ include.col2_body }}</div>
+                    {%- if !include.col2_link_text -%}
+                        <a href="{{ include.col2_link_url}}" class="btn btn-primary">{{ include.col2_link_text }}</a>
+                    {%- endif -%}
+                </div>
+            </div>
+        {%- endif -%}
+        {%- if !include.col1_title -%}
+            <div class="col d-flex align-items-start">
+                <div class="icon-square text-bg-light d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
+                    <svg class="bi" width="1em" height="1em"><use xlink:href="{{ include.col3_icon_path }}"/></svg>
+                </div>
+                <div>
+                    <h3 class="fs-2">{{ include.col3_title }}</h3>
+                    <div class="mb-3">{{ include.col3_body }}</div>
+                    {%- if !include.col3_link_text -%}
+                        <a href="{{ include.col3_link_url}}" class="btn btn-primary">{{ include.col3_link_text }}</a>
+                    {%- endif -%}
+                </div>
+            </div>
+        {%- endif -%}
+    </div>
+</div>
+<!-- END Hanging icons -->

data/_includes/_components/columns_image_cards.html

@@ -0,0 +1,52 @@
+{%- if include.card_title_align == "Center" -%}
+    {% assign col_title_align_class = "text-center" %}
+    {% assign col_link_align_class = "mx-auto" %}
+{%- else -%}
+    {% assign class_align = "" %}
+    {% assign col_link_align_class = "me-auto" %}
+{%- endif -%}
+<!-- BEGIN Custom cards -->
+<div class="container px-4 py-5 columns-image-cards">
+    {%- if include.title -%}
+        <h2 class="pb-2 border-bottom">{{ include.title }}</h2>
+    {%- endif -%}
+    <div class="row row-cols-1 row-cols-lg-3 align-items-stretch g-4 py-5">
+        {%- if !include.col1_title -%}
+            <div class="col">
+                <div class="card card-cover h-100 overflow-hidden text-bg-dark rounded-4 shadow-lg" style="background-image: url('{{ include.col1_bgimg_path }}');">
+                    <div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1 {{ col_title_align_class }}">
+                        <h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold">{{ include.col1_title }}</h3>
+                        {%- if !include.col1_link_text -%}
+                            <a href="{{ include.col1_link_url }}" class="btn btn-secondary {{ col_link_align_class }}">{{ include.col1_link_text }}</a>
+                        {%- endif -%}
+                    </div>
+                </div>
+            </div>
+        {%- endif -%}
+        {%- if !include.col2_title -%}
+            <div class="col">
+                <div class="card card-cover h-100 overflow-hidden text-bg-dark rounded-4 shadow-lg" style="background-image: url('{{ include.col2_bgimg_path }}');">
+                    <div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1 {{ col_title_align_class }}">
+                        <h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold">{{ include.col2_title }}</h3>
+                        {%- if !include.col2_link_text -%}
+                            <a href="{{ include.col2_link_url }}" class="btn btn-secondary {{ col_link_align_class }}">{{ include.col2_link_text }}</a>
+                        {%- endif -%}
+                    </div>
+                </div>
+            </div>
+        {%- endif -%}
+        {%- if !include.col3_title -%}
+            <div class="col">
+                <div class="card card-cover h-100 overflow-hidden text-bg-dark rounded-4 shadow-lg" style="background-image: url('{{ include.col3_bgimg_path }}');">
+                    <div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1 {{ col_title_align_class }}">
+                        <h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold">{{ include.col3_title }}</h3>
+                        {%- if !include.col3_link_text -%}
+                            <a href="{{ include.col3_link_url }}" class="btn btn-secondary {{ col_link_align_class }}">{{ include.col3_link_text }}</a>
+                        {%- endif -%}
+                    </div>
+                </div>
+            </div>
+        {%- endif -%}
+    </div>
+</div>
+<!-- END Custom cards -->

data/_includes/_components/featurette_left.html

@@ -0,0 +1,21 @@
+<!-- BEGIN Featurette Left -->
+<div class="row featurette featurette-left my-5">
+    <div class="col-md-7">
+        {%- if include.title -%}
+            <h2 class="featurette-heading fw-normal lh-1">{{ include.title }}
+                {%- if include.tagline -%}
+                    <span class="text-muted ms-3">{{ include.tagline }}</span>
+                {%- endif -%}
+            </h2>
+        {%- endif -%}
+        {%- if include.body -%}
+            <p class="lead">{{ include.body }}</p>
+        {%- endif -%}
+    </div>
+    <div class="col-md-5">
+        {%- if include.image_path -%}
+            <img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" src="{{ include.image_path }}" alt="{{ include.image_text }}" />
+        {%- endif -%}
+    </div>
+</div>
+<!-- END Featurette Left -->

data/_includes/_components/featurette_right.html

@@ -0,0 +1,21 @@
+<!-- BEGIN Featurette Right -->
+<div class="row featurette featurette-right my-5">
+    <div class="col-md-7 order-md-2">
+        {%- if include.title -%}
+            <h2 class="featurette-heading fw-normal lh-1">{{ include.title }}
+                {%- if include.tagline -%}
+                    <span class="text-muted ms-3">{{ include.tagline }}</span>
+                {%- endif -%}
+            </h2>
+        {%- endif -%}
+        {%- if include.body -%}
+            <p class="lead">{{ include.body }}</p>
+        {%- endif -%}
+    </div>
+    <div class="col-md-5 order-md-1">
+        {%- if include.image_path -%}
+            <img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" src="{{ include.image_path }}" alt="{{ include.image_text }}" />
+        {%- endif -%}
+    </div>
+</div>
+<!-- END Featurette Right -->

data/_includes/_components/hero_centered.html

@@ -0,0 +1,18 @@
+<!-- BEGIN Hero Centered -->
+<div class="px-4 py-5 my-5 text-center component-hero-centered">
+    <h1 class="display-5 fw-bold">{{ include.title }}</h1>
+    <div class="col-lg-6 mx-auto">
+        <p class="lead mb-4">{{ include.body }}</p>
+            {%- if include.primary_link_text or include.secondary_link_text -%}
+                <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
+                    {%- if include.primary_link_text -%}
+                        <button type="button" class="btn btn-primary btn-lg px-4 gap-3" onclick="window.location.href='{{ include.primary_link_url }}';">{{ include.primary_link_text }}</button>
+                    {%- endif -%}
+                    {%- if include.secondary_link_text -%}
+                        <button type="button" class="btn btn-outline-secondary btn-lg px-4" onclick="window.location.href='{{ include.secondary_link_url }}';">{{ include.secondary_link_text }}</button>
+                    {%- endif -%}
+                </div>
+            {%- endif -%}
+    </div>
+</div>
+<!-- BEGIN Hero Centered -->

data/_includes/_components/hero_centered_dark.html

@@ -0,0 +1,20 @@
+<!-- BEGIN Hero Centered Dark -->
+<div class="bg-dark text-secondary px-4 py-5 my-5 text-center component-hero-centered-dark">
+    <div class="py-5">
+        <h1 class="display-5 fw-bold text-white">{{ include.title }}</h1>
+        <div class="col-lg-6 mx-auto">
+            <p class="fs-5 mb-4">{{ include.body }}</p>
+                {%- if include.primary_link_text or include.secondary_link_text -%}
+                    <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
+                        {%- if include.primary_link_text -%}
+                            <button type="button" class="btn btn-outline-primary btn-lg px-4 me-sm-3 fw-bold" onclick="window.location.href='{{ include.primary_link_url }}';">{{ include.primary_link_text }}</button>
+                        {%- endif -%}
+                        {%- if include.secondary_link_text -%}
+                            <button type="button" class="btn btn-outline-light btn-lg px-4" onclick="window.location.href='{{ include.secondary_link_url }}';">{{ include.secondary_link_text }}</button>
+                        {%- endif -%}
+                    </div>
+                    {%- endif -%}
+        </div>
+    </div>
+</div>
+<!-- END Hero Centered Dark -->

data/_includes/_components/hero_image_right.html

@@ -0,0 +1,23 @@
+<!-- BEGIN Hero Image Right -->
+<div class="container col-xxl-8 px-4 my-5 component-hero-image-right">
+    <div class="row flex-lg-row-reverse align-items-center g-5 py-5">
+        <div class="col-10 col-sm-8 col-lg-6">
+            <img src="{{ include.image_path }}" class="d-block mx-lg-auto img-fluid" alt="{{ include.image_text }}" title="{{ include.image_title }}" width="700" height="500" loading="lazy">
+        </div>
+        <div class="col-lg-6">
+            <h1 class="display-5 fw-bold lh-1 mb-3">{{ include.title }}</h1>
+            <p class="lead">{{ include.body }}</p>
+            {%- if include.primary_link_text or include.secondary_link_text -%}
+                <div class="d-grid gap-2 d-md-flex justify-content-md-start">
+                    {%- if include.primary_link_text -%}
+                        <button type="button" class="btn btn-primary btn-lg px-4 me-md-2" onclick="window.location.href='{{ include.primary_link_url }}';">{{ include.primary_link_text }}</button>
+                    {%- endif -%}
+                    {%- if include.secondary_link_text -%}
+                        <button type="button" class="btn btn-outline-secondary btn-lg px-4" onclick="window.location.href='{{ include.secondary_link_url }}';">{{ include.secondary_link_text }}</button>
+                    {%- endif -%}
+                </div>
+            {%- endif -%}
+        </div>
+    </div>
+</div>
+<!-- END Hero Image Right -->

data/_includes/_components/jumbotron_full.html

@@ -0,0 +1,20 @@
+<!-- BEGIN Jumbotron Full -->
+<div class="p-5 mb-4 bg-light rounded-3 jumbotron-full">
+    <div class="container-fluid py-5">
+        {%- if include.title -%}
+            <h1 class="display-5 fw-bold">{{ include.title }}</h1>
+        {%- endif -%}
+        <div class="col-md-12 fs-4">{{ include.body }}</div>
+        {%- if include.primary_link_text or include.secondary_link_text -%}
+            <div class="mt-3">
+                {%- if include.primary_link_text -%}
+                    <button class="btn btn-primary btn-lg me-3" type="button" onclick="window.location.href='{{ include.primary_link_url }}';">{{ include.primary_link_text }}</button>
+                {%- endif -%}
+                {%- if include.secondary_link_text -%}
+                    <button class="btn btn-secondary btn-lg me-3" type="button" onclick="window.location.href='{{ include.secondary_link_url }}';">{{ include.secondary_link_text }}</button>
+                {%- endif -%}
+            </div>
+        {%- endif -%}
+    </div>
+</div>
+<!-- END Jumbotron Full -->

data/_includes/_components/jumbotron_split.html

@@ -0,0 +1,46 @@
+{%- if include.left_style_dark != false -%}
+    {% assign left_div_style = "text-bg-dark" %}
+    {% assign left_button_style = "btn-outline-light" %}
+{%- else -%}
+    {% assign left_div_style = "bg-light border" %}
+    {% assign left_button_style = "btn-outline-secondary" %}
+{%- endif -%}
+
+{%- if include.right_style_dark != false -%}
+    {% assign right_div_style = "text-bg-dark" %}
+    {% assign right_button_style = "btn-outline-light" %}
+{%- else -%}
+    {% assign right_div_style = "bg-light border" %}
+    {% assign right_button_style = "btn-outline-secondary" %}
+{%- endif -%}
+
+<!-- BEGIN Jumbotron Split -->
+<div class="row align-items-md-stretch jumbotron-split px-4 my-5">
+    <div class="col-md-6">
+        <div class="h-100 p-5 rounded-3 {{ left_div_style }}">
+            {%- if include.left_title -%}
+                <h2>{{ include.left_title }}</h2>
+            {%- endif -%}
+            {%- if include.left_body -%}
+                <div class="mb-3">{{ include.left_body }}</div>
+            {%- endif -%}
+            {%- if include.left_link_text -%}
+                <button class="btn {{ left_button_style }}" type="button" onclick="window.location.href='{{ include.left_link_url }}';">{{ include.left_link_text }}</button>
+            {%- endif -%}
+        </div>
+    </div>
+    <div class="col-md-6">
+        <div class="h-100 p-5 rounded-3 {{ right_div_style }}">
+            {%- if include.right_title -%}
+                <h2>{{ include.right_title }}</h2>
+            {%- endif -%}
+            {%- if include.right_body -%}
+                <div class="mb-3">{{ include.right_body }}</div>
+            {%- endif -%}
+            {%- if include.right_link_text -%}
+                <button class="btn {{ right_button_style }}" type="button" onclick="window.location.href='{{ include.right_link_url }}';">{{ include.right_link_text }}</button>
+            {%- endif -%}
+        </div>
+    </div>
+</div>
+<!-- END Jumbotron Split -->

data/_includes/categories.html

@@ -0,0 +1,16 @@
+<!-- BEGIN categories listing -->
+{% capture categories %}{% for category in site.categories %}{{ category | first }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
+{% assign categories_list = categories | split:',' | sort_natural %}    
+<h3>Categories</h3>
+<ul id="category-list" class="entry-meta inline-list">
+    {% for category in (0..site.categories.size) %}
+        {% unless forloop.last %}
+            {% capture category_name %}{{ categories_list[category] | strip_newlines }}{% endcapture %}            
+            <li>
+                <a href="/categories/#{{ category_name | slugify }}"><span class="category-name">{{ category_name }}</span></a>
+                <span class="category-count">({{ site.categories[category_name].size }})</span>
+            </li>
+        {% endunless %}
+    {% endfor %}
+</ul>
+<!-- END categories listing -->

data/_includes/footer.html

@@ -0,0 +1,33 @@
+<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
+    {% include footer_custom.html %}
+    <div class="col-md-4 d-flex align-items-center">
+        <a href="/" class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1">
+            {%- if site.jekyll-twitter-bootstrap.logo.footer -%}
+                {{ site.jekyll-twitter-bootstrap.logo.footer }}
+            {%- else -%}
+                <svg class="bi" width="30" height="24"><use xlink:href="/assets/svg/bootstrap-icons.svg#bootstrap"/></svg>
+            {%- endif -%}
+        </a>
+        {%- assign copyright_year = 'now' | date: "%Y" -%}
+        {%- if site.jekyll-twitter-bootstrap.copyright_year_start -%}
+            {%- assign copyright_year = site.jekyll-twitter-bootstrap.copyright_year_start | append: "-" | append: copyright_year -%}
+        {%- endif -%}
+        <span class="mb-3 mb-md-0 text-muted">&copy; {{ copyright_year }} {{ site.title | escape }}</span>
+    </div>
+    {%- if titles_size > 0 -%}
+        <ul class="nav col-md-4 justify-content-end list-unstyled d-flex">
+            {%- for path in page_paths -%}
+                {%- assign this_page = site.pages | where: "path", path | first -%}
+                {%- if this_page.title -%}
+                    {%- if this_page.url == page.url -%}
+                        {% assign class = 'text-decoration-underline' %}
+                        {% assign aria = 'aria-current="page"' %}
+                    {%- endif -%}
+                    <li class="nav-item"><a href="{{ this_page.url | relative_url }}" class="nav-link px-2 text-muted {{ class }}" {{ aria }}>{{ this_page.title | escape }}</a></li>
+                    {% assign class = nil %}
+                    {% assign aria = nil %}
+                {%- endif -%}
+            {%- endfor -%}
+        </ul>
+    {%- endif -%}
+</footer>

data/_includes/google_analytics.html

@@ -0,0 +1,13 @@
+{%- if site.google_analytics_tracking_id and page.ga_do_not_track != true -%}
+    <!-- BEGIN Google Analytics -->
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics_tracking_id }}"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+
+        gtag('config', '{{ site.google_analytics_tracking_id }}');
+    </script>
+    <!-- END Google Analytics -->
+{%- endif -%}

data/_includes/head.html

@@ -0,0 +1,16 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="{{ site.description }}">
+<meta name="author" content="{{ site.author.name }}">
+<title>{{ page.title }} | {{ site.title }}</title>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
+<link href="/assets/css/styles.css" rel="stylesheet">
+<!-- BEGIN Favicons -->
+<link rel="apple-touch-icon" href="/assets/images/favicons/apple-touch-icon.png" sizes="180x180">
+<link rel="icon" href="/assets/images/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
+<link rel="icon" href="/assets/images/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
+<link rel="mask-icon" href="/assets/images/favicons/safari-pinned-tab.svg" color="#712cf9">
+<link rel="icon" href="/assets/images/favicons/favicon.ico">
+<!-- END Favicons -->
+{% include google_analytics.html %}
+{% include head_custom.html %}

data/_includes/header.html

@@ -0,0 +1,30 @@
+{%- 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 -%}
+<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
+    <a href="{{ "/" | relative_url }}" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
+        {%- if site.jekyll-twitter-bootstrap.logo.header -%}
+            {{ site.jekyll-twitter-bootstrap.logo.header }}
+        {%- else -%}
+            <svg class="bi me-2" width="40" height="32"><use xlink:href="/assets/svg/bootstrap.svg#bootstrap"/></svg>
+        {%- endif -%}
+        <span class="fs-4">{{ site.title | escape }}</span>
+    </a>
+    {%- if titles_size > 0 -%}
+        <ul class="nav nav-pills">
+            {%- for path in page_paths -%}
+                {%- assign this_page = site.pages | where: "path", path | first -%}
+                {%- if this_page.title -%}
+                    {%- if this_page.url == page.url -%}
+                        {% assign class = 'active' %}
+                        {% assign aria = 'aria-current="page"' %}
+                    {%- endif -%}
+                    <li class="nav-item"><a href="{{ this_page.url | relative_url }}" class="nav-link {{ class }}" {{ aria }}>{{ this_page.title | escape }}</a></li>
+                    {% assign class = nil %}
+                    {% assign aria = nil %}
+                {%- endif -%}
+            {%- endfor -%}
+        </ul>
+    {%- endif -%}
+    {% include header_custom.html %}
+</header>

data/_includes/posts_categories.html

@@ -0,0 +1,14 @@
+<!-- BEGIN post listings by categories -->
+{%- assign date_format = site.jekyll-twitter-bootstrap.date_format | default: "%B %e, %Y at %l:%M%p" -%}
+{% for category in site.categories %}
+    <h3><a name="{{ category[0] | slugify }}"></a>{{ category[0] }}</h3>
+    <ul class="list-unstyled">
+        {% for post in category[1] %}
+            <li class="ms-3">
+                <h4 class="fs-5 mb-1"><a href="{{ post.url }}">{{ post.title }}</a></h4>
+                <p class="fst-italic lh-sm">{{ post.date | date: date_format }}</p>
+            </li>
+        {% endfor %}
+    </ul>
+{% endfor %}
+<!-- END post listings by categories -->

data/_includes/posts_latest.html

@@ -0,0 +1,22 @@
+<!-- BEGIN post listings by latest, count -->
+{%- assign date_format = site.jekyll-twitter-bootstrap.date_format | default: "%B %e, %Y at %l:%M%p" -%}
+{% assign posts = site.posts  %}
+{%- if posts.size > 0 -%}
+    <ul class="list-unstyled">
+        {% for post in posts limit:include.posts_count | sort: 'date' | reverse %}
+            <li class="mb-5">
+                <h4 class="fs-5 mb-1"><a href="{{ post.url }}">{{ post.title }}</a></h4>
+                <p class="fst-italic lh-sm">{{ post.date | date: date_format }}</p>
+                <div>
+                    {%- if site.show_excerpts -%}
+                        {{ post.excerpt }}
+                    {%- endif -%}
+                </div>
+                <div>
+                    <p><a href="{{ post.url | relative_url }}" class="fst-italic">Continue reading...</a></p>
+                </div>
+            </li>
+        {% endfor %}
+    </ul>
+{% endif %}
+<!-- END post listings by latest, count -->

data/_includes/posts_tags.html

@@ -0,0 +1,14 @@
+<!-- BEGIN post listings by tags -->
+{%- assign date_format = site.jekyll-twitter-bootstrap.date_format | default: "%B %e, %Y at %l:%M%p" -%}
+{% for tag in site.tags %}
+    <h3><a name="{{ tag[0] | slugify }}"></a>{{ tag[0] }}</h3>
+    <ul class="list-unstyled">
+        {% for post in tag[1] %}
+            <li class="ms-3">
+                <h4 class="fs-5 mb-1"><a href="{{ post.url }}">{{ post.title }}</a></h4>
+                <p class="fst-italic lh-sm">{{ post.date | date: date_format }}</p>
+            </li>
+        {% endfor %}
+    </ul>
+{% endfor %}
+<!-- END post listings by tags -->

data/_includes/tags.html

@@ -0,0 +1,16 @@
+<!-- BEGIN tags listing -->
+{% capture tags %}{% for tag in site.tags %}{{ tag | first }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
+{% assign tags_list = tags | split:',' | sort_natural %}    
+<h3>Tags</h3>
+<ul id="tag-list" class="entry-meta inline-list">
+    {% for tag in (0..site.tags.size) %}
+        {% unless forloop.last %}
+            {% capture tag_name %}{{ tags_list[tag] | strip_newlines }}{% endcapture %}
+            <li>
+                <a href="/tags/#{{ tag_name | slugify }}"><span class="tag-name">{{ tag_name }}</span></a>
+                <span class="tag-count">({{ site.tags[tag_name].size }})</span>
+            </li>
+        {% endunless %}
+    {% endfor %}
+</ul>
+<!-- END tags listing -->

data/_layouts/base.html

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+<head>
+    {% include head.html %}
+</head>
+<body>
+    <div class="container">
+        {% include header.html %}
+        <main>
+            {{ content }}
+        </main>
+        {% include footer.html %}
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
+</body>
+</html>

data/_layouts/blog.html

@@ -0,0 +1,73 @@
+---
+layout: page_sidebar
+---
+
+{{ content }}
+<!-- BEGIN Main blog content -->
+{% if site.paginate %}
+    {% assign posts = paginator.posts %}
+{% else %}
+    {% assign posts = site.posts %}
+{% endif %}
+{%- if posts.size > 0 -%}
+    {%- assign date_format = site.jekyll-twitter-bootstrap.date_format | default: "%B %e, %Y at %l:%M%p" -%}
+    {%- for post in posts -%}
+        <!-- BEGIN Blog post -->
+        <article class="blog-post mb-5">
+            <h2 class="blog-post-title mb-1"><a href="{{ post.url | relative_url }}"
+                class="text-decoration-none">{{ post.title | escape }}</a></h2>
+            <p class="blog-post-meta">
+                <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}"
+                    itemprop="datePublished">{{ post.date | date: date_format }}</time> by 
+                {%- if post.author -%}
+                    {% for author in post.author %}
+                        <span itemprop="author" itemscope itemtype="http://schema.org/Person">
+                            <span class="p-author h-card" itemprop="name">{{ author }}</span></span>
+                        {%- if forloop.last == false %}, {% endif -%}
+                    {% endfor %}
+                {%- endif -%}
+                {%- if post.categories or post.category -%}
+                    <span class="blog-category-spacer mx-2">|</span>
+                {%- endif -%}
+                {%- if post.categories -%}
+                    {% for category in post.categories %}
+                        <a href="/categories/#{{ category | slugify }}">{{ category }}</a>
+                        {%- if forloop.last == false %}, {% endif -%}
+                    {% endfor %}
+                {%- elsif post.category -%}
+                    <a href="/categories/#{{ post.category | slugify }}">{{ post.category }}</a>
+                {%- endif -%}
+            <div>
+                {%- if site.show_excerpts -%}
+                    {{ post.excerpt }}
+                {%- endif -%}
+            </div>
+            <div>
+                <p><a href="{{ post.url | relative_url }}" class="fst-italic">Continue reading...</a></p>
+            </div>
+            <div itemprop="keywords">
+                {%- if post.tags -%}
+                    {% for tag in post.tags %}
+                        <a href="/tags/#{{ tag | slugify }}">{{ tag }}</a>
+                        {%- if forloop.last == false %}, {% endif -%}
+                    {% endfor %}
+                {%- endif -%}
+            </div>
+        </article>
+    {%- endfor -%}
+    <!-- END Blog post -->
+    {% if site.paginate %}
+        <!-- BEGIN Paging -->
+        <nav class="blog-pagination" aria-label="Pagination">
+            {%- if paginator.previous_page %}
+                <a class="btn btn-outline-primary rounded-pill"
+                    href="{{ paginator.previous_page_path | relative_url }}">Newer</a>
+            {%- endif %}
+            {%- if paginator.next_page %}
+                <a class="btn btn-outline-primary rounded-pill"
+                    href="{{ paginator.next_page_path | relative_url }}">Older</a>
+            {%- endif %}
+        </nav>
+        <!-- END Paging -->
+    {%- endif %}
+{%- endif -%}