diff options
Diffstat (limited to 'src/templates/blog-post.html')
| -rw-r--r-- | src/templates/blog-post.html | 164 |
1 files changed, 164 insertions, 0 deletions
diff --git a/src/templates/blog-post.html b/src/templates/blog-post.html new file mode 100644 index 00000000..73fb669f --- /dev/null +++ b/src/templates/blog-post.html @@ -0,0 +1,164 @@ +<!-- + Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com> + + Permission is hereby granted, free of charge, to any person obtaining a copy + of this software and associated documentation files (the "Software"), to + deal in the Software without restriction, including without limitation the + rights to use, copy, modify, merge, publish, distribute, sublicense, and/or + sell copies of the Software, and to permit persons to whom the Software is + furnished to do so, subject to the following conditions: + + The above copyright notice and this permission notice shall be included in + all copies or substantial portions of the Software. + + THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE + AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS + IN THE SOFTWARE. +--> + +{% extends "main.html" %} + +{% import "partials/nav-item.html" as item with context %} + +<!-- Page content --> +{% block container %} + <div class="md-content md-content--post" data-md-component="content"> + + <!-- Sidebar --> + <div + class="md-sidebar md-sidebar--post" + data-md-component="sidebar" + data-md-type="navigation" + > + <div class="md-sidebar__scrollwrap"> + <div class="md-sidebar__inner md-post"> + <nav class="md-nav md-nav--primary"> + + <!-- Back to overview link --> + <div class="md-post__back"> + <div class="md-nav__title md-nav__container"> + <a href="{{ page.parent.url | url }}" class=" md-nav__link"> + {% include ".icons/material/arrow-left.svg" %} + <span class="md-ellipsis"> + {{ lang.t("blog.index") }} + </span> + </a> + </div> + </div> + + <!-- Post authors --> + {% if page.authors %} + <div class="md-post__authors md-typeset"> + {% for author in page.authors %} + <div class="md-profile md-post__profile"> + <span class="md-author md-author--long"> + <img src="{{ author.avatar }}" alt="{{ author.name }}" /> + </span> + <span class="md-profile__description"> + <strong>{{ author.name }}</strong><br /> + {{ author.description }} + </span> + </div> + {% endfor %} + </div> + {% endif %} + + <!-- Post metadata --> + <ul class="md-post__meta md-nav__list"> + <li class="md-nav__item md-nav__item--section"> + <div class="md-post__title"> + <span class="md-ellipsis"> + {{ lang.t("blog.meta") }} + </span> + </div> + <nav class="md-nav"> + <ul class="md-nav__list"> + + <!-- Post date --> + <li class="md-nav__item"> + <div class="md-nav__link"> + {% include ".icons/material/calendar.svg" %} + <time + datetime="{{ page.config.date.created }}" + class="md-ellipsis" + > + {{- page.config.date.created | date -}} + </time> + </div> + </li> + + <!-- Post date updated --> + {% if page.config.date.updated %} + <li class="md-nav__item"> + <div class="md-nav__link"> + {% include ".icons/material/calendar-clock.svg" %} + <time + datetime="{{ page.config.date.updated }}" + class="md-ellipsis" + > + {{- page.config.date.updated | date -}} + </time> + </div> + </li> + {% endif %} + + <!-- Post categories --> + {% if page.categories %} + <li class="md-nav__item"> + <div class="md-nav__link"> + {% include ".icons/material/bookshelf.svg" %} + <span class="md-ellipsis"> + {{ lang.t("blog.categories.in") }} + {% for category in page.categories %} + <a href="{{ category.url | url }}"> + {{- category.title -}} + </a> + {%- if loop.revindex > 1 %}, {% endif -%} + {% endfor -%} + </span> + </div> + </li> + {% endif %} + + <!-- Post readtime --> + {% if page.config.readtime %} + {% set time = page.config.readtime %} + <li class="md-nav__item"> + <div class="md-nav__link"> + {% include ".icons/material/clock-outline.svg" %} + <span class="md-ellipsis"> + {% if time == 1 %} + {{ lang.t("readtime.one") }} + {% else %} + {{ lang.t("readtime.other") | replace("#", time) }} + {% endif %} + </span> + </div> + </li> + {% endif %} + </ul> + </nav> + </li> + </ul> + </nav> + + <!-- Table of contents, if integrated --> + {% if "toc.integrate" in features %} + {% include "partials/toc.html" %} + {% endif %} + </div> + </div> + </div> + + <!-- Page content --> + <article class="md-content__inner md-typeset"> + {% block content %} + {% include "partials/content.html" %} + {% endblock %} + </article> + </div> +{% endblock %} |