lb-dk-2023/layouts/blog/single.html
2023-08-16 22:31:41 +02:00

98 lines
3.3 KiB
HTML

{{ define "main" }}
<header class="breadCrumb">
<div class="container">
<div class="row">
<div class="col-lg-10 col-md-12 offset-lg-1 offset-md-0 text-center">
<h3 class="breadCrumb__title">{{ .Title }}</h3>
<nav aria-label="breadcrumb" class="d-flex justify-content-center">
<ol class="breadcrumb align-items-center">
<li class="breadcrumb-item"><a href={{ .Site.BaseURL }}>Start</a></li>
<li class="breadcrumb-item"><a href={{ .Site.Params.blogPageURL | absURL }}>Alle Beiträge</a></li>
<li class="breadcrumb-item active" aria-current="page">{{ .Title }}</li>
</ol>
</nav>
</div>
</div>
<ul class="post-meta">
<li>
<i class="fa fa-calendar"></i>
{{ .PublishDate.Format "02 January 2006" }}
</li>
<li>
<i class="fa fa-clock-o"></i>
{{ .ReadingTime }} min
</li>
{{ if .Params.tags }}
<li>
<i class="fa fa-tag"></i>
{{ range (.GetTerms "tags") }}
<a class="text-capitalize" href="{{ .Permalink }}">{{ .LinkTitle }}</a>
{{ end }}
</li>
{{ end }}
{{ if .Params.categories }}
<li>
<i class="fa fa-folder-open"></i>
{{ range (.GetTerms "categories") }}
<a class="text-capitalize" href="{{ .Permalink }}">{{ .LinkTitle }}</a>
{{ end }}
</li>
{{ end }}
</ul>
</div>
</div>
</div>
</div>
</header>
<section class="section singleBlog">
<div class="svg-img">
<img src={{ "images/hero/figure-svg.svg" | absURL }} alt="">
</div>
<div class="animate-shape">
<img src={{ "images/skill/skill-background-shape.svg" | absURL }} alt="">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600">
<defs>
<linearGradient id="d" x1="0.929" y1="0.111" x2="0.263" y2="0.935" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="#f1f6f9" />
<stop offset="1" stop-color="#f1f6f9" stop-opacity="0" />
</linearGradient>
</defs>
<g data-name="blob-shape (3)">
<path class="blob" fill="url(#d)"
d="M455.4 151.1c43.1 36.7 73.4 92.8 60.8 136.3-12.7 43.5-68.1 74.4-111.3 119.4-43.1 45-74 104.1-109.8 109-35.9 5-76.7-44.2-111.8-89.2-35.2-45-64.7-85.8-70.8-132.6-6-46.8 11.6-99.6 46.7-136.3 35.2-36.6 88-57.2 142.4-58.8 54.5-1.7 110.6 15.6 153.8 52.2z" />
</g>
</svg>
</div>
<div class="animate-pattern">
<img src={{ "images/service/background-pattern.svg" | absURL }} alt="background-shape">
</div>
<div class="container">
{{ with .Params.postImage }}
<div class="row">
<div class="col-lg-12">
<div class="singleBlog__feature">
<img src={{ . | absURL }} alt="feature-image">
</div>
</div>
</div>
{{ end }}
<div class="row mt-5">
<div class="col-lg-12">
<div class="singleBlog__content">
{{ if .Params.toc }}
<h3>Table of Contents</h3>
{{ .TableOfContents | replaceRE "<ul>[[:space:]]*<li>[[:space:]]*<ul>" "<ul>" | replaceRE "</ul>[[:space:]]*</li>[[:space:]]*</ul>" "</ul>" | safeHTML }}
{{ end }}
{{ .Content }}
</div>
</div>
</div>
</div>
</section>
{{ end }}