rabeweb/website
9
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Links zu Datenschutzerklärung und Impressum eingefügt

Browse source
This commit is contained in:
Andreas Hnida 2024-02-27 10:43:33 +00:00
commit 67542d11d5
10 changed files with 70 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

17
themes/hugoplate/layouts/blog/list.html
View file

@ -1,23 +1,28 @@
{{ define "main" }}
<h1>Blog</h1>
<section class=" bg-cover items-center min-h-screen pt-32 pb-32" style="background-image:url('../images/blog-list-bg.jpg')">
<div class="container">
<h1 style="color:white;text-shadow:5x 5x #000">Aktuelles</h1>
<div id="accordion" class="divide-y divide-gray-200">
{{ range $index, $page := .Data.Pages }}
<div class="accordion-item">
<h2 class="accordion-header mb-0" style="padding:0!important;">
<button class="accordion-button relative flex items-center w-full py-4 px-5 text-left text-gray-800 bg-gray-100 focus:outline-none" type="button">
<i class="verua-icon far text-primary fa-bullhorn"></i>&nbsp; {{ .Title }}
<i class="far text-primary fa-bullhorn"></i>&nbsp; {{ .Title }}
</button>
</h2>
<div class="accordion-collapse hidden">
<div class="accordion-body py-4 px-5">
{{ .Content }}
<div class="accordion-body py-14 px-10 bg-white">
<p>
{{ .Params.excerpt }}
</p>
<i class="far text-primary fa-arrow-right"></i> <a href="{{ .Permalink }}">{{ .Params.linktext }}</a>
</div>
</div>
</div>
{{ end }}
</div>
</div>
</section>
<script>
document.addEventListener('DOMContentLoaded', () => {
const accordionButtons = document.querySelectorAll('.accordion-button');

63
themes/hugoplate/layouts/blog/single.html
View file

@ -1,5 +1,5 @@
{{ define "main" }}
<section class="section pt-7">
<section class="bg-cover items-center pt-32 pb-32 ">
<div class="container">
<div class="row justify-center">
<article class="lg:col-10">
@ -61,34 +61,49 @@
</ul>
</div>
{{ end }}
<div class="lg:col-4 flex items-center">
{{ partial "social-share" (dict "Context" . "Class" "share-icons" "Title" (i18n "share") "Whatsapp" false "Telegram" false "Linkedin" false "Pinterest" false "Tumblr" false "Vk" false) }}
</div>
</div>
<!-- comments -->
{{ if site.Config.Services.Disqus.Shortname }}
<div class="mt-20">
{{ template "_internal/disqus.html" . }}
</div>
{{ end }}
</article>
</div>
<!-- Related posts -->
{{ $related := (where site.RegularPages "Section" "in" site.Params.mainSections) | intersect (where site.RegularPages ".Title" "!=" .Title) | union (site.RegularPages.Related . ) }}
{{ $related = $related | shuffle | first 3 }}
{{ with $related }}
<div class="section pb-0">
<h2 class="h3 mb-12">{{ i18n "related_posts" }}</h2>
<div class="row">
{{ range . }}
<div class="lg:col-4">
{{ partial "components/blog-card" . }}
</div>
{{ end }}
<div id="accordion" class="divide-y divide-gray-200">
{{ $currentPage := . }}
{{ range first 3 (where .Site.RegularPages "Section" $currentPage.Section) }}
{{ if ne .RelPermalink $currentPage.RelPermalink }}
<div class="accordion-item">
<h2 class="accordion-header mb-0" style="padding:0!important;">
<button class="accordion-button relative flex items-center w-full py-4 px-5 text-left text-gray-800 bg-gray-100 focus:outline-none" type="button">
<i class="far text-primary fa-bullhorn"></i>&nbsp; {{ .Title }}
</button>
</h2>
<div class="accordion-collapse hidden">
<div class="accordion-body py-4 px-5">
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
</div>
</div>
</div>
{{ end }}
{{ end }}
{{ end }}
</div>
<script>
document.addEventListener('DOMContentLoaded', () => {
const accordionButtons = document.querySelectorAll('.accordion-button');
accordionButtons.forEach(button => {
button.addEventListener('click', () => {
const accordionCollapse = button.parentElement.nextElementSibling;
button.classList.toggle('active');
if (button.classList.contains('active')) {
button.parentElement.nextElementSibling.classList.remove('hidden');
accordionCollapse.style.maxHeight = accordionCollapse.scrollHeight + 'px';
} else {
accordionCollapse.style.maxHeight = null;
button.parentElement.nextElementSibling.classList.add('hidden');
}
});
});
});
</script>
</div>
</section>
{{ end }}