jekyll-theme-primerpages 2.3.0

data/_layouts/docs.html

@@ -0,0 +1,189 @@
+---
+layout: default
+style: appbar
+toc: true
+---
+{% comment %}
+Docs utilize collections to display content
+{% endcomment %}
+{% comment %}
+===================================
+Get the collection
+===================================
+{% endcomment %}
+{%- assign collection_name = page.collection %}
+{%- assign docs_name = page.docs_name | default: page.collection_name | default: "Documentation" %}
+{%- assign docs = site[collection_name]%}
+{%- assign default_collection_index = site.baseurl | append: "/" | append: page.collection | append: "/index.html" %}
+{%- assign collection_index = page.index | default: default_collection_index %}
+{%- assign collection_page = docs | where_exp: "item", "item.url == collection_index" | first %}
+{% assign filtered_docs = site.docs | where_exp: "item", "item.url != collection_page.url" %}
+{% comment %}
+===================================
+Group by category
+===================================
+{% endcomment %}
+{% assign doc_categories = filtered_docs | group_by: "category" %}
+{%- assign default_category = page.default_category | default: "" %}
+{% comment %}
+===================================
+Set display info
+===================================
+{% endcomment %}
+{%- assign h_height = 150 %}{% comment %}The height of the header{% endcomment %}
+{%- assign c_height = 0 %}{% comment %}The height of the collection link {% endcomment %}
+{%- assign s_height = 0 %}{% comment %} The height of the section header {% endcomment %}
+{% comment %}
+===================================
+Set edit url
+===================================
+{% endcomment %}
+{%- assign github_edit_url = nil %}
+{%- if site.repository %}
+{%- assign github_edit_url = "https://www.github.com/" | append: site.repository | append: "/edit/main" %}
+{%- endif %}
+{%- assign edit_url = page.edit_url | default: site.edit_url | default: github_edit_url %}
+{%- assign show_edit_url = page.show_edit_url | default: site.show_edit_url | default: true %}
+{%- assign awesome_nav_enabled = false %}
+{%- if site.awesome_nav and site.awesome_nav.enabled and page.awesome_nav %}
+  {%- assign awesome_nav_enabled = true %}
+{%- endif %}
+{%- assign awesome_nav_root = site.awesome_nav.root %}
+{%- assign awesome_nav_root_url = awesome_nav_root | append: "/" %}
+{%- assign awesome_nav_index = site.pages | where: "url", awesome_nav_root_url | first %}
+<div class="d-xl-flex">
+    <div class="Layout bgColor-default border-right d-none d-xl-block">
+        <div class="Layout-sidebar position-sticky"
+            style="top: var(--topbar-height, 150px); height: calc(100vh - var(--topbar-height, 150px));"
+            >
+            <nav>
+                {%- assign c_height = 38 %}{% comment %}The height of the collection link {% endcomment %}
+                {%- assign s_height = 55 %}{% comment %} The height of the section header {% endcomment %}
+                {% if awesome_nav_enabled %}
+                <div class="d-none px-4 pb-3 border-bottom d-xl-block"
+                    style="height: calc({{c_height}}px + {{s_height}}px);">
+                    <div class="pt-3">
+                        <a class="f6 pl-2 pr-5 ml-n1 pb-1 color-fg-default"
+                            href="{{ awesome_nav_root_url | relative_url }}">
+                            <span class="octicon octicon-arrow-left-16 mr-1"></span>
+                            {{ docs_name }}
+                        </a>
+                    </div>
+                    <h2 class="pt-3">
+                        <div class="d-block pl-1 mb-2 h3 color-fg-default no-underline">
+                            {{ awesome_nav_index.title | default: "Docs" }}
+                        </div>
+                    </h2>
+                </div>
+                {% elsif collection_page %}
+                <div class="d-none px-4 pb-3 border-bottom d-xl-block"
+                    style="height: calc({{c_height}}px + {{s_height}}px);">
+                    <div class="pt-3">
+                        
+                        <a class="f6 pl-2 pr-5 ml-n1 pb-1 color-fg-default"
+                            href="{{ collection_page.url | relative_url }}">
+                            <span class="octicon octicon-arrow-left-16 mr-1"></span>
+                            {{ docs_name }}
+                        </a>
+                        
+                    </div>
+                    <h2 class="pt-3">
+                        <div class="d-block pl-1 mb-2 h3 color-fg-default no-underline">
+                            {{ collection_page.title | capitalize }}
+                        </div>
+                    </h2>
+                </div>
+                {% endif %}
+                <div class="d-none d-xl-block bg-primary overflow-y-auto flex-shrink-0 pb-3"
+                    style="height: calc(100vh - var(--topbar-height, 150px) - {{c_height}}px - {{s_height}}px);">
+                    <div class="pt-3">
+                        {% if awesome_nav_enabled %}
+                        {% include awesome-nav-sidebar.html nav=page.awesome_nav %}
+                        {% else %}
+                        {% include collection-sidebar.html categories=doc_categories current_page_url=page.url excluded_url=category_page.url default_category=default_category %}
+                        {% endif %}
+                    </div>
+                </div>
+            </nav>
+        </div>
+    </div>
+    <div class="container-xl flex-1  p-responsive pb-6">
+        {% include version-warning.html %}
+        <div class="py-4 d-flex">
+            <div class="d-xl-none">
+                {% if awesome_nav_enabled %}
+                {% include awesome-nav-menu.html nav=page.awesome_nav name=docs_name index_url=awesome_nav_root_url %}
+                {% else %}
+                {% include collection-menu.html collection=docs name=docs_name index=collection_page %}
+                {% endif %}
+            </div>
+            {% if awesome_nav_enabled %}
+            {% include awesome-nav-breadcrumbs.html %}
+            {% else %}
+            {% include breadcrumbs.html %}
+            {% endif %}
+        </div>
+        <div class="pb-5 p-responsive">
+            <h1 class="border-bottom-0">{{ page.title }}</h1>
+            <h3 class="f3 color-fg-muted pb-3">{{ page.description }}</h3>
+        </div>
+        <div class="d-flex flex-wrap-reverse">
+            <div class="col-12 col-md-8 markdown-body p-responsive">
+                {{ content }}
+
+                <!-- Pagination links -->
+                <div class="paginate-container py-3">
+                    <div role="navigation" aria-label="Pagination" class="d-inline-block pagination">
+                        {% if awesome_nav_enabled %}
+                        {% if page.awesome_nav_previous %}
+                        <a class="previous_page" rel="prev" href="{{ page.awesome_nav_previous.url | relative_url }}"
+                            aria-disabled="false">{{ page.awesome_nav_previous.title | truncate: 20 }}</a>
+                        {% else %}
+                        <span class="previous_page disabled" aria-disabled="true">Previous</span>
+                        {% endif %}
+
+                        {% if page.awesome_nav_next %}
+                        <a class="next_page" rel="next" href="{{ page.awesome_nav_next.url | relative_url }}"
+                            aria-disabled="false">{{ page.awesome_nav_next.title | truncate: 20 }}</a>
+                        {% else %}
+                        <span class="next_page disabled" aria-disabled="true">Next</span>
+                        {% endif %}
+                        {% else %}
+                        {% if page.previous.url %}
+                        <a class="previous_page" rel="prev" href="{{ page.previous.url | relative_url }}"
+                            aria-disabled="false">{{page.previous.title | truncate: 20 }}</a>
+                        {% else %}
+                        <span class="previous_page disabled" aria-disabled="true">Previous</span>
+                        {% endif %}
+
+                        {% if page.next.url %}
+                        <a class="next_page" rel="next" href="{{ page.next.url | relative_url }}"
+                            aria-disabled="false">{{page.next.title | truncate: 20 }}</a>
+                        {% else %}
+                        <span class="next_page disabled" aria-disabled="true">Next</span>
+                        {% endif %}
+                        {% endif %}
+                    </div>
+                </div>
+
+                <!-- Edit link -->
+                {% if show_edit_url and edit_url %}
+                <div class="doc-footer border-top my-8 py-5">
+                    <a href="{{ edit_url }}/{{ page.path }}">
+                        <span class="octicon octicon-pencil-16"></span>
+                        Edit this page</a>
+                </div>
+                {% endif %}
+            </div>
+            <div class="col-12 col-md-4 markdown-body">
+                {% capture page_toc %}{{ content | toc_only }}{% endcapture %}
+                {% if page.toc and layout.toc and page_toc != content and page_toc contains "/li" %}
+                <div class="position-sticky top-12 ml-5 pb-5">
+                    <h4 class="ml-3 mb-1">In this article</h4>
+                    {{ page_toc }}
+                </div>
+                {% endif %}
+            </div>
+        </div>
+    </div>
+</div>

data/_layouts/docs_index.html

@@ -0,0 +1,32 @@
+---
+layout: page
+toc: false
+---
+
+{% comment %} Ensure collection is defined {% endcomment %}
+{% unless page.collection %}
+  <p><strong>Error:</strong> This layout requires a <code>collection</code> in front matter.</p>
+  {% assign filtered_docs = "" | split: "" %}
+{% else %}
+  {% assign docs = site[page.collection] %}
+  {% assign filtered_docs = docs | where_exp: "item", "item.url != page.url" %}
+  
+  {% comment %} Filter docs by category if provided {% endcomment %}
+  {% if page.category %}
+    {% assign filtered_docs = filtered_docs | where_exp: "doc", "doc.category == page.category" %}
+  {% endif %}
+{% endunless %}
+
+{{ content }}
+
+{% comment %} Group filtered docs by category {% endcomment %}
+{% assign grouped_docs = filtered_docs | group_by: "category"%}
+<div class="d-flex flex-wrap gutter">
+  {% for group in grouped_docs %}
+  {% assign category_name = group.name | default: page.default_category %}
+  {% assign docs_in_category = group.items %}
+  {% include category_index.html
+    category=category_name
+    pages=group.items %}
+  {% endfor %}
+</div>

data/_layouts/home.html

@@ -0,0 +1,3 @@
+---
+layout: profile
+---

data/_layouts/landing.html

@@ -0,0 +1,38 @@
+---
+layout: default
+style: none
+---
+{%- assign style = page.style | default: layout.style | default: site.style %}
+{%- assign repo_info = page.repo_info | default: site.repo_info | default: false %}
+{%- assign nav = page.nav | default: site.nav | default: false %}
+{%- assign social_media = page.social_media | default: site.social_media | default: false %}
+<div class="Header d-flex p-0 flex-1">
+    <div class="container-lg flex-column position-sticky top-0">
+        <div class="d-flex flex-row py-3 flex-justify-end">
+            <div class="d-flex flex-justify-center">
+                {% if style == 'none' %}{% include toggle.html %}{% endif %}
+            </div>
+        </div>
+        <div class="text-center flex-1">
+            <div class="px-5 py-2 height-full">
+                {%- include masthead.html %}
+            </div>
+            {%- if repo_info and site.repository %}
+            <div class="py-2">
+                {% include mini-repo-info-card.html class="Header-link no-underline" %}
+            </div>
+            {%- endif %}
+            {{ content }}
+            {%- if nav %}
+            <div class="d-flex flex-column">
+                {%- include nav.html nav=nav %}
+            </div>
+            {%- endif %}
+            {%- if social_media %}
+            <div class="py-2 px-2">
+                {%- include social.html %}
+            </div>
+            {%- endif %}
+        </div>
+    </div>
+</div>

data/_layouts/linktree.html

@@ -0,0 +1,36 @@
+---
+layout: default
+style: none
+---
+{%- assign socials = page.socials | default: layout.socials | default: nil %}
+{%- assign links = page.links | default: site.links | default: nil %}
+{%- assign style = page.style | default: layout.style | default: site.style %}
+{%- assign title = page.title %}
+<div class="flex-column flex-1 min-width-0 py-4">
+     {%- if page.style == 'none' %}
+    <div class="d-flex p-responsive container-md flex-row py-3 flex-justify-end">
+        <div class="d-flex flex-justify-center">
+           {% include toggle.html %}
+        </div>
+    </div>
+    {%- endif %}
+    {%- if style != "sidebar" and style != "stacked" %}
+    <div class="mt-4">
+    {%- include masthead.html size="96px" %}
+    </div>
+    {%- endif %}
+    {%- if title %}
+    <div class="mt-4"><h1 class="f3 mb-2">{{ title }}</h1></div>
+    {%- endif %}
+    {%- if socials == "top" %}
+    {%- include social.html %}
+    {%- endif %}
+    {%- if links %}
+    <div class="d-flex mt-4 p-responsive container-md">
+    {%- include links.html links=links %}
+    </div>
+    {%- endif %}
+    {%- if socials == "bottom" %}
+    {%- include social.html %}
+    {%- endif %}
+</div>

data/_layouts/page.html

@@ -0,0 +1,22 @@
+---
+layout: default
+---
+{%- assign title = page.title | default: page.tag %}
+{%- assign subtype = page.subtype %}
+{%- if title == page.tag %}
+{%- assign subtype = "tag" %}
+{%- endif %}
+<div class="Page flex-column flex-1 min-width-0 py-6">
+    <div class="container-xl mx-auto p-responsive">
+        {% if title %}
+        {% if subtype %}
+        <p class="f4-mktg color-text-tertiary mb-n4">{{ subtype | downcase }}</p>
+        {% endif %}
+        <h1 class="h3-mktg mt-6 mb-4">{{ title | capitalize }}</h1>
+        {% endif %}
+        <div class="markdown-body">
+            {{ content }}
+        </div>
+        <div class="flex-1"></div>
+    </div>
+</div>

data/_layouts/paginate.html

@@ -0,0 +1,16 @@
+---
+layout: page
+---
+{{ content }}
+<div class="d-flex flex-wrap gutter">
+<!-- This loops through the paginated posts -->
+{%- for post in paginator.posts %}
+  {%- if post.feature or post == site.posts[0] %}
+  {%- include post-feature-card.html %}
+  {%- else %}
+  {%- include post-card.html border="border-top" %}
+  {%- endif %}
+{% endfor %}
+</div>
+<!-- Pagination links -->
+ {% include paginator_nav.html %}

data/_layouts/paginate_timeline.html

@@ -0,0 +1,17 @@
+---
+layout: page
+---
+{% comment %} For post timeline {% endcomment %}
+{% assign limit = page.posts_limit | default: site.paginate %}
+{% assign posts = paginator.posts | default: site.posts %}
+{% comment %} For controls below timeline {% endcomment %}
+{% assign paginate_path = page.pagination.permalink | default: site.pagination.permalink | default: site.paginate_path %}
+{% assign paginate_first_page_path = paginate_path | relative_url | replace: 'page:num', '' %}
+{% assign first_page_path = page.first_page_path | default: paginator.first_page_path | default: paginate_first_page_path%}
+
+{{ content }}
+
+<!-- This loops through the paginated posts -->
+{% include post-timeline.html posts=posts limit=limit %}
+<!-- Pagination links -->
+{% include paginator_nav.html %}

data/_layouts/post.html

@@ -0,0 +1,136 @@
+---
+layout: default
+---
+{%- assign user = site.github.owner %}
+{%- assign name = page.author | default: user.name | default: user.login %}
+{%- assign image = page.image | default: site.image | default: "/assets/img/default.png" %}
+<div class="Blog flex-column flex-1 min-width-0">
+    <div class="BlogHeader position-relative border-top">
+        <div class="container-xl p-responsive">
+            <div class="col-12 offset-lg-1 col-lg-10 col-xl-7 mt-5 mt-lg-10 mb-6 mb-lg-8">
+                <div class="h3-mktg lh-condensed mb-3 color-header-default">{{ page.title }}</div>
+                <p class="f4-mktg color-header-default">{{ page.description }}</p>
+            </div>
+            <div class="offset-lg-1 col-lg-10">
+                <div class="position-relative z-1">
+                    <div class="image-container">
+                        <img src="{{ image | relative_url }}" class="cover-image rounded-2" alt="{{ page.title }}" />
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="Blog position-absolute bottom-0 width-full border-top" style="height:88px">
+        </div>
+    </div>
+    <div class="pb-5">
+        <div class="container-xl mx-auto p-responsive">
+            <!-- Post metadata -->
+            <div class="pt-5">
+                <div class="col-12 offset-lg-1 col-lg-10">
+                    <div class="text-mono f5-mktg color-fg-muted mb-12px">Author</div>
+                    <div class="d-flex flex-nowrap pb-1 flex-items-start">
+                        <div class="d-flex flex-wrap">{{ name }}</div>
+                        <div
+                            class="d-block border-left flex-shrink-0 text-mono f5-mktg color-fg-muted mb-3 ml-auto pl-5">
+                            {{ page.date | date: "%b %d, %Y" }}
+                        </div>
+                    </div>
+                    <div class="color-border-accent-emphasis border-bottom"></div>
+                </div>
+            </div>
+            <div class="mx-auto p-responsive pt-4 pt-md-7 pb-7 pb-md-9">
+                <div class="d-flex flex-wrap">
+                    <div class="col-12 offset-lg-1 col-lg-1">
+                        <ul class="list-style-none d-flex flex-lg-column position-sticky top-12">
+                            <li class="mr-4 mr-lg-0 mb-4">
+                                <a href="https://x.com/share?text={{ page.title | url_encode }}&url={{ page.url | absolute_url | url_encode }}"
+                                    target="_blank"
+                                    class="d-flex flex-justify-center flex-items-center border circle social-aside"
+                                    data-proofer-ignore>
+                                    <svg width="20" height="20" viewBox="0 0 1200 1227" fill="currentColor"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" />
+                                    </svg>
+                                </a>
+                            </li>
+                            <li class="mr-4 mr-lg-0 mb-4">
+                                <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url | url_encode }};t={{ page.title | url_encode }}"
+                                    target="_blank"
+                                    class="d-flex flex-justify-center flex-items-center border circle social-aside"
+                                    data-proofer-ignore>
+                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.3 15.4" height="18">
+                                        <path
+                                            d="M14.5 0H.8a.88.88 0 0 0-.8.9v13.6a.88.88 0 0 0 .8.9h7.3v-6h-2V7.1h2V5.4a2.87 2.87 0 0 1 2.5-3.1h.5a10.87 10.87 0 0 1 1.8.1v2.1h-1.3c-1 0-1.1.5-1.1 1.1v1.5h2.3l-.3 2.3h-2v5.9h3.9a.88.88 0 0 0 .9-.8V.8a.86.86 0 0 0-.8-.8z"
+                                            fill="currentColor"></path>
+                                    </svg>
+                                </a>
+                            </li>
+                            <li class="mr-4 mr-lg-0 mb-4">
+                                <a href="https://www.linkedin.com/shareArticle?url={{ page.url | absolute_url | url_encode }}%2F&title={{ page.title | url_encode }}"
+                                    target="_blank"
+                                    class="d-flex flex-justify-center flex-items-center border circle social-aside"
+                                    data-proofer-ignore>
+                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 18" height="18">
+                                        <path
+                                            d="M3.94 2A2 2 0 1 1 2 0a2 2 0 0 1 1.94 2zM4 5.48H0V18h4zm6.32 0H6.34V18h3.94v-6.57c0-3.66 4.77-4 4.77 0V18H19v-7.93c0-6.17-7.06-5.94-8.72-2.91z"
+                                            fill="currentColor"></path>
+                                    </svg>
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="col-12 col-lg-7 col-md-8 markdown-body">
+                        {% if page.video %}
+                        <div class="image-container mb-5">
+                            <iframe
+                                class="rounded-2"
+                                src="{{ page.video }}"
+                                frameborder="0"
+                                allowfullscreen
+                                title="{{ page.title }}"
+                            ></iframe>
+                        </div>
+                        {% endif %}
+                        {{ content }}
+                        {%- if page.tags.size > 0 and site.tag_page_dir %}
+                        <div class="post-tags text-mono f4-mktg mt-8">
+                            <span class="post-tags-label flex-shrink-0 d-inline-block mt-2">Tags: </span>
+                            <ul class="d-inline-block list-style-none color-text-link mb-0">
+                                {% for tag in page.tags %}
+                                {%- if site.tag_page_dir -%}
+                                {%- capture tag_link %}/{{site.tag_page_dir}}/{{ tag | jekyll_tagging_slug }}{%
+                                endcapture %}
+                                {%- else -%}
+                                {%- capture tag_link %}{{site.tag_archive_path}}{{ tag | slugify }}{% endcapture %}
+                                {%- endif -%}
+                                <li class="d-inline-block mt-2 mb-0"><a href="{{ tag_link | relative_url }}">{{ tag
+                                        }}</a></li>
+                                {% endfor %}
+                            </ul>
+                        </div>
+                        {%- endif %}
+                    </div>
+                    <div class="col-12 col-md-4 col-lg-3 markdown-body">
+                        <div class="d-none d-md-block position-sticky top-12 ml-5">
+                            {% capture page_toc %}{{ content | toc_only }}{% endcapture %}
+                            {% if page.toc and page_toc != content %}
+                            <div class="mb-8 table-of-contents ">
+                                <h2 class="h6-mktg pt-1">
+                                    Table of Contents
+                                </h2>
+                                <div id="table-of-contents">
+                                    {{ page_toc }}
+                                </div>
+                            </div>
+                            {%- endif %}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="Related container-xl mx-auto p-responsive">
+            {% include related.html %}
+        </div>
+    </div>
+</div>

data/_layouts/profile.html

@@ -0,0 +1,48 @@
+---
+layout: page
+---
+{%- assign user = site.github.owner %}
+{%- assign name = site.title | default: user.name | default: user.login %}
+{%- assign user_img = site.user_image | default: user.avatar_url | default: "/assets/img/user-image.jpg" %}
+{%- assign style = page.style | default: layout.style | default: site.style %}
+{%- assign links = page.links | default: site.links | default: nill %}
+{%- assign posts = page.posts | default: site.posts %}
+{%- assign posts_limit = page.posts_limit | default: site.posts_limit | default: site.paginate %}
+{% assign paginate_path = page.pagination.permalink | default: site.pagination.permalink | default: site.paginate_path
+%}
+{% assign paginate_first_page_path = paginate_path | replace: 'page:num', '' %}
+{% assign first_page_path = page.first_page_path | default: paginator.first_page_path | default:
+paginate_first_page_path %}
+
+<div class="Profile d-lg-flex flex-justify-center">
+  {%- if style != "sidebar" and style != "stacked" %}
+  <div class="col-lg-4 border-gray-light px-6 pb-6 text-center">
+    {%- include masthead.html %}
+    {%- include social.html %}
+  </div>
+  {%- endif %}
+
+  <div class="col-lg-8 color-bg-default">
+    {%- if content != blank %}
+    <div class="mb-8">
+      {{ content }}
+    </div>
+    {%- endif %}
+    {%- if links %}
+    {%- include links.html links=links %}
+    {%- endif %}
+    {%- if posts.size > 0 %}
+    <div class="mb-8">
+      <div class="pb-3">
+        <h2>Latest posts</h2>
+      </div>
+      {%- include post-timeline.html posts=posts limit=posts_limit index=first_page_path %}
+    </div>
+    {%- endif %}
+
+    {%- if site.repositories and site.github.public_repositories.size > 0 %}
+    <h2 class="mb-3">Repositories</h2>
+    {%- include repositories.html %}
+    {%- endif %}
+  </div>
+</div>

data/_layouts/repositories.html

@@ -0,0 +1,11 @@
+---
+layout: page
+title: Repositories
+---
+<div class="pt-3">
+{%- unless content == "" %}
+{{ content }}
+{%- endunless %}
+
+{% include repositories.html %}
+</div>

data/_layouts/tag_index.html

@@ -0,0 +1,16 @@
+---
+title: Tags
+layout: page
+---
+{%- assign tags = page.tags | default: site.tags %}
+{%- assign tag_path = page.tag_path | default: site.tag_page_dir %}
+{%- if tag_path %}{%- assign tag_permalink = tag_path | append: '/:tag' %}{% endif %}
+{%- assign tag_permalink = page.pagination.permalink | default: site.autopages.tags.permalink | default: tag_permalink %}
+{%- assign per_section = page.per_section | default: page.pagination.per_page %}
+
+{% include post-index.html
+  sections=tags
+  section_permalink=tag_permalink
+  replace_value=":tag"
+  per_section=per_section
+%}

data/_layouts/tags.html

@@ -0,0 +1,12 @@
+---
+layout: page
+---
+<div class="d-flex flex-wrap gutter border-top">
+{% for post in page.posts %}
+    {%- if post.feature or forloop.first %}
+        {%- include post-feature-card.html %}
+    {%- else %}
+        {%- include post-card.html border="border-top" %}
+    {%- endif %}
+{% endfor %}
+</div>

data/_sass/_admonitions.scss

@@ -0,0 +1,69 @@
+.markdown-alert {
+    padding: 0.5rem 1rem;
+    margin-bottom: 1rem;
+    color: inherit;
+    border-left: .25em solid #30363d;
+}
+
+.markdown-alert > :first-child {
+    margin-top: 0;
+}
+
+.markdown-alert > :last-child {
+    margin-bottom: 0;
+}
+
+.markdown-alert .markdown-alert-title {
+    display: flex;
+    font-weight: 500;
+    align-items: center;
+    line-height: 1;
+}
+
+.markdown-alert svg {
+    margin-right: 0.5rem !important;
+}
+
+.markdown-alert svg path {
+    fill: currentColor;
+}
+
+.markdown-alert.markdown-alert-note {
+    border-left-color: #4493f8;
+}
+
+.markdown-alert.markdown-alert-note .markdown-alert-title {
+    color: #4493f8;
+}
+
+.markdown-alert.markdown-alert-important {
+    border-left-color: #ab7df8;
+}
+
+.markdown-alert.markdown-alert-important .markdown-alert-title {
+    color: #ab7df8;
+}
+
+.markdown-alert.markdown-alert-warning {
+    border-left-color: #9e6a03;
+}
+
+.markdown-alert.markdown-alert-warning .markdown-alert-title {
+    color: #d29922;
+}
+
+.markdown-alert.markdown-alert-tip {
+    border-left-color: #238636;
+}
+
+.markdown-alert.markdown-alert-tip .markdown-alert-title {
+    color: #3fb950;
+}
+
+.markdown-alert.markdown-alert-caution {
+    border-left-color: #da3633;
+}
+
+.markdown-alert.markdown-alert-caution .markdown-alert-title {
+    color: #f85149;
+}