Theodor-Springmann-Stiftung/jacoblenz
1
0
Fork 0
mirror of https://github.com/Theodor-Springmann-Stiftung/jacoblenz.git synced 2025-10-29 09:15:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Small Design Updates

Browse Source
This commit is contained in:
Simon Martens
2023-02-07 12:59:17 +01:00
parent 9b2627fecc
commit d719a5aac2
11 changed files with 242 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/dynamic/posthume_ausgaben.njk
View File

@@ -8,28 +8,27 @@ eleventyNavigation:
pdf: no
---
<div class="sticky top-0 z-20">
<div class="z-10 bg-slate-100 px-4 py-2 self-start w-full">
<div class="w-full flex flex-row items-baseline">
<input class="grow p-0.5 my-1 mb-2 border border-slate-300" type="text" name="keyword" class="form-control input-sm" placeholder="Liste durchsuchen...">
<a class="shrink ml-2 px-1.5 py-0.5 border border-slate-400" id="scrollbutton" href="#top">↑&nbsp;nach oben</a>
</div>
{% set jahr = "" %}
{% set count = 1 %}
<div class="hideifsearching">
Springe:&nbsp;&nbsp;
{%- for post in collections.posthumeausgaben -%}
{% if count % 5 == 0 and jahr !== post.data.Jahr %}
<a class="underline decoration-dotted" href="#{{ post.data.Jahr }}">{{ post.data.Jahr }}</a>&nbsp;&nbsp;
{% set jahr = post.data.Jahr %}
{% endif %}
{% set count = count + 1 %}
{%- endfor -%}
</div>
</div>
<div class="searchbar">
<input type="text" name="keyword" class="form-control input-sm" placeholder="Liste durchsuchen...">
<button class="showifsearching" onclick="var input = this.previousElementSibling; input.value = ''; input.focus(); search();" alt="Clear the search form">Suche abbrechen</button>
<div class="hideifsearching">
Jahr&nbsp;
<select onchange="window.location.href=this.value" >
{% set jahr = "" %}
{% set count = 0 %}
{%- for post in collections.posthumeausgaben -%}
{% if count % 1 == 0 and jahr !== post.data.Jahr %}
<option value="#{{ post.data.Jahr }}">{{ post.data.Jahr }}</option>
{% set jahr = post.data.Jahr %}
{% endif %}
{% set count = count + 1 %}
{%- endfor -%}
</select>
</div>
<button id="scrollbutton" href="#top">↑&nbsp;nach oben</button>
</div>
<div class="mt-4" id="list">
<div class="yearlist" id="list">
{% set jahr = "" %}
{%- for post in collections.posthumeausgaben -%}
{% if post.data.Jahr !== jahr %}
@@ -38,11 +37,11 @@ eleventyNavigation:
</div>
{% endif %}
{% set jahr = post.data.Jahr %}
<div class="flex flex-row w-full category" id="{{ jahr }}">
<div class="text-xl pr-1 pl-3 py-2 grow-0 min-w-[4rem] font-bold self-start z-0 sticky top-20 order-2" >{{ jahr }}</div>
<div class="px-4 border-r-2 grow py-2 border-slate-400">
<div class="category" id="{{ jahr }}">
<div class="categorytitle" >{{ jahr }}</div>
<div class="categorybody">
{% endif %}
<div class="mb-3 pl-6 -indent-6 searchable">{{ post.content | safe }}</div>
<div class="searchable">{{ post.content | safe }}</div>
{%- endfor -%}
</div>
</div>