The repo tracks work progress for ura.design website redesign
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

91 lines
4.2 KiB

{{ define "main" }}
<main class="post">
<div class="container-fluid header px-0">
<div class="white-block"></div>
</div>
<div class="container-fluid move-up pb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-7 col-lg-7 col-md-12 col-12 pt-4 cutoff">
<article>
<p class="post-category mb-0">{{ range .Params.categories }}{{ . }}{{ end }}</p>
<h1 class="post-title">{{ .Title | markdownify }}</h1>
<div class="d-flex flex-lg-row flex-column">
<p class="mb-1">{{ partial "fontawesome.html" "solid/user-pen" }}
{{ range .Param "authors" }}
{{ $name := . }}
{{ $path := printf "/%s/%s" "authors" ($name | urlize) }}
{{ with $.Site.GetPage $path }}
<span class="mb-0">{{ .Params.name }}</span>
{{ end }}
{{ end }}
</p>
<p id="reading-date" class="mb-1 ms-0 ms-lg-5">{{ partial "fontawesome.html" "solid/calendar-days" }} <time datetime="{{ .Date.Format .Site.Params.dateform }}">{{ .Date.Format .Site.Params.dateform }}</time></p>
<p id="reading-time" class="mb-3 ms-0 ms-lg-5">{{ partial "fontawesome.html" "solid/timer" }} {{ i18n "readingTime" .Page.ReadingTime }}</p>
</div>
{{- if .Params.toc }}
<hr />
<aside id="toc">
<div class="toc-title">{{ i18n "tableOfContents" }}</div>
{{ .TableOfContents }}
</aside>
<hr />
{{- end }}
<div class="post-content">
<!-- {{ $content := .Content }}
{{ $content = replaceRE `(<h[1-6] id=\"(.+)\".*>)(.*)(</h[1-6]>)` `${1}${3}<a class="anchor-tag" href="#${2}">#</a>${4}` $content | safeHTML }} -->
{{ .Content | safeHTML }}
</div>
</article>
<hr>
{{ if and (not $.Site.Params.DisableReadOtherPosts) (or .NextInSection .PrevInSection) }}
<div class="paginate pt-3 pb-1">
<div class="row{{ if not .NextInSection }} justify-content-end{{ end }}">
{{ if .NextInSection }}
<a class="col-lg-6 col-12 newerposts text-start d-flex align-items-center justify-content-start py-4" href="{{ .NextInSection.Permalink }}">
<span aria-hidden="true">
<svg width="54" height="33" viewBox="0 0 54 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M54 18.9822L31.0617 18.9822L41.1828 29.2419L37.7839 32.5949L22 16.595L37.7839 0.595214L41.1828 3.94825L31.0617 14.2078L54 14.2078L54 18.9822Z" fill="#1B69B6"/>
</svg>
</span>
<div class="ps-4">
<p class="mb-1 text-uppercase color-gray-900">{{ i18n "newerPosts" }}</p>
<p class="mb-0">{{ .NextInSection.Title }}</p>
</div>
</a>
{{ end }}
{{ if .PrevInSection }}
<a class="col-lg-6 col-12 olderposts text-end d-flex align-items-center justify-content-end py-4" href="{{ .PrevInSection.Permalink }}">
<div class="pe-4">
<p class="mb-1 text-uppercase text-end color-gray-900">{{ i18n "olderPosts" }}</p>
<p class="mb-0">{{ .PrevInSection.Title }}</p>
</div>
<span aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="55" height="33" fill="none">
<path fill-rule="evenodd" d="M0 14.018h22.938L12.817 3.758 16.216.405l15.784 16-15.784 16-3.399-3.353 10.121-10.26H0v-4.774z" fill="#1b69b6"/>
</svg>
</span>
</a>
{{ end }}
</div>
</div>
{{ end }}
</div>
</div>
</div>
</div>
</main>
{{ end }}