Redesign of letter search page; minor bug fixes (see README)

2025-10-29 01:05:32 +00:00 · 2022-11-01 00:39:05 +01:00
parent 18cdd1404a
commit 0ea6c61ff3
20 changed files with 217 additions and 84 deletions
--- a/HaWeb/Controllers/SucheController.cs
+++ b/HaWeb/Controllers/SucheController.cs
@@ -176,7 +176,7 @@ public class SucheController : Controller {
                    .ToList()))
                .ToList();
        List<(string Volume, List<string> Pages)>? availablePages = null;
-        availablePages = lib.Structure.Select(x => (x.Key, x.Value.Select(x => x.Key).ToList())).ToList();
+        availablePages = lib.Structure.Where(x => x.Key != "-1").Select(x => (x.Key, x.Value.Select(x => x.Key).ToList())).ToList();
        zhvolume = zhvolume == null ? "1" : zhvolume;
        var model = new SucheViewModel(letters, page, pages, _getAvailablePersons(lib), availablePages.OrderBy(x => x.Volume).ToList(), zhvolume, zhpage, activeSearch, searchResults);
        if (person != null) model.ActivePerson = person;
--- a/HaWeb/README.md
+++ b/HaWeb/README.md
@@ -48,14 +48,14 @@ Veränderungenen in der Funktionalität für den Benutzer
 - Verbesserte Ladezeiten
 - Startseite für die Briefausgebe / Werkausgabe. Unterschiedliche Menüs für die Ausgaben
 - URL für die Register hat sich geändert, bleibt aber weiter unter `/Supplementa/` zugängig.
+- Ebenso alle anderen URLs für die Briefausgabe
 - Anzeige Briefe beim Namen (?)
 - GeoCities und Personen-Verweise (?)

 Veränderungen in der Funktionalität für die Redakteure
- Online-Syntaxcheck für XML-Dateien
- Online-Cross-Dateien-Check (bsp. verweist jede Marginalie auf eine existierende Zeile)
- Erstellung einer HAMANN.xml-Datei
- Hochladen der HAMANN.xml-Datei auf die Plattform
+- Online-Syntaxcheck für XML-Dateien (Noch nicht implementiert)
+- Online-Cross-Dateien-Check (bsp. verweist jede Marginalie auf eine existierende Zeile) (Noch nicht implementiert)
+- Erstellung einer HAMANN.xml-Datei, hochladen der HAMANN.xml-Datei auf die Plattform

 Veränderungen im Code
 - Anpassung des Codes an .NET 6
@@ -63,23 +63,36 @@ Veränderungen im Code
 - Code ist aufgeräumt und sortiert
 - Leichtere Anpassungen an zukünftige Bedürfnisse (Wartungszeiten minimieren)
 - Auslagerungen einzelner Einstellungen in Einstellungsdateien
- Code open source zugänglich machen?
+- Code wird open source zugänglich

-TODO Evtl alignment von center / right an der letzten oder nächsten zeile
-TODO tabellen ok, ausser 939, 806 falsch geschachtelt: dort sind htabs geschachtelt
+Ästhetisch unzufriedenstellend, aber funktional:
+TODO pills are not mobile friendly (hover / click), Pills allgemein Ästhetik
+TODO High Contrast Mode manchmal komisch
+TODO Kein High Contrast Mode für den Upload
+TODO High Contrast Mode: Kursiv und ausgegraut (Herausgeberanmerkungen) schwer sichtbar
+TODO 400: Traditions nicht genug Abstand
+
+Technische Details:
 TODO XML-Check im Client
 TODO Move ILibrary -> neuer Parser
 TODO Word-wrap before align, tabs
 TODO Hochstellungen nach mediaevalziffern
-TODO Startseite Ästhetik ~Geht so~
-TODO 1127 zu breit Hm -> Stiftung
-TODO 659 align center und align-right ueberschneidugn -> Stiftung
+TODO Syntax-Check
+TODO Datum im Footer Edierdatum der Hamann-Datei
+TODO Fußnoten in Editionsgeschichte als Marginalkommentare

 Vor dem internen release:
-TODO HKW
-TODO pills are not mobile friendly (hover / click), Pills allgemein Ästhetik
-TODO Dark mode Strartseite Upload
 TODO Suche Register
-TODO Syntax-Check
+TODO Jahreszahlen auf der Startseite

-KEIN brief für Bassa
+Vor dem Release:
+TODO Suchergebnisse beschränken
+TODO Mobile Menüs bei der Seitennavigation (Jahrszahlen, Buchstabenindex usw)
+TODO Fehlerseiten bei nicht gefundenen Seiten
+
+Liste für Janina/Luca:
+KEIN brief für Bassa
+Editionsgeschichte erste Fußnote 
+tabellen ok, ausser 939, 806 falsch geschachtelt: dort sind htabs geschachtelt
+Fehlende Seiten auf HKW
+vmtl bei sendern und empfängern
--- a/HaWeb/Views/HKB/Dynamic/Suche.cshtml
+++ b/HaWeb/Views/HKB/Dynamic/Suche.cshtml
@@ -37,6 +37,8 @@
                foreach (var letter in year.LetterList) {
                    <div class="ha-letterlistentry">
                        <a asp-controller="Briefe" asp-action="Index" asp-route-id="@letter.Meta.Autopsic">
+                            @await Html.PartialAsync("/Views/Shared/_LetterHead.cshtml", (letter, true, false))
+                            @*
                            <div class="ha-letterlistentryheader">
                                <div class="ha-letterlistautopsic">@letter.Meta.Autopsic</div> 
                                <div class="ha-letterlistpills">@await Html.PartialAsync("/Views/Shared/_Pills.cshtml", (letter, true))</div>
@@ -44,20 +46,18 @@
                            <div class="ha-letterlistletterdata">
                                @await Html.PartialAsync("/Views/Shared/_LetterHead.cshtml", (letter, true, true))
                            </div>
+                            *@
                        </a>
                        
                        @if (Model.SearchResults != null && Model.SearchResults.ContainsKey(letter.Meta.Index)) {
                        <div class="ha-letterlistsearchresults">
                        @foreach (var sr in Model.SearchResults[letter.Meta.Index])
                        {
-                            <div class="ha-letterlistsearchresult"> 
-                                <div class="ha-searchresultlocation">
-                                    @sr.Page/@sr.Line
+                            <a class="ha-letterlistsearchresult" asp-controller="Briefe" asp-action="Index" asp-route-id="@letter.Meta.Autopsic" asp-fragment="@sr.Page-@sr.Line">
+                                <div class="ha-searchresultlocation caps-allpetite">
+                                    HKB @sr.Page/@sr.Line</div><div class="ha-searchresultpreview">@sr.Preview
                                </div>
-                                <div class="ha-searchresultpreview">
-                                    @sr.Preview
-                                </div>
-                            </div>
+                            </a>
                        }
                        </div>
                        }
@@ -122,8 +122,8 @@
                                <option>@volume.Volume</option> 
                            }
                        </select>
-                        <span>, Seite</span>
-                        <input id="ha-zhformpage" type="text" value="@Model.ActivePage"/>
+                        <span>/ </span>
+                        <input id="ha-zhformpage" type="text" value="@Model.ActivePage" placeholder="Seite"/>
                        <button id="ha-zhformsubmit" type="submit">Nachschlagen</button>
                     </form>
                </div>
--- a/HaWeb/Views/HKW/Static/FliegenderBrief.cshtml
+++ b/HaWeb/Views/HKW/Static/FliegenderBrief.cshtml
@@ -12,10 +12,11 @@
    <div>Im Buch blättern (<a href="https://meiner.de/reading/web/?isbn=9783787334230">‣</a>)</div>
 </div>

-<p>Johann Georg Hamann: Fliegender Brief. Historisch-kritische Ausgabe. Mit einer Einführung, Kommentar und Dokumenten zur Entstehungsgeschichte hg. von Janina Reibold, 2 Bde. [= Philosophische Bibliothek 707] (Hamburg: Felix Meiner Verlag 2018) [ISBN: 978-3-7873-3423-0] (<a href="https://meiner.de/fliegender-brief.html">‣</a>)
+<div class="pl-3 border-l-4 unhyphenate">
+<p>Johann Georg Hamann: Fliegender Brief. Historisch-kritische Ausgabe. Mit einer Einführung, Kommentar und Dokumenten zur Entstehungsgeschichte hg. von Janina Reibold, 2 Bde. [=&nbsp;Philosophische Bibliothek 707] (Hamburg: Felix Meiner Verlag 2018) [ISBN:&nbsp;978-3-7873-3423-0]&nbsp;(<a href="https://meiner.de/fliegender-brief.html">‣</a>)

 <p>Auch als Lizenzausgabe der Wissenschaftlichen Buchgesellschaft 2018 erschienen. (<a href="https://www.wbg-wissenverbindet.de/shop/30018/fliegender-brief">‣</a>)
-
+</div>
 <div class="flex flex-row gap-x-3 my-6 desktop:hidden">
    <div><img src="/img/FliegenderBrief.jpg" class="w-72"/></div>
    <div>Im Buch blättern (<a href="https://meiner.de/reading/web/?isbn=9783787334230]">‣</a>)</div>
@@ -40,11 +41,11 @@
 </ul>

 <h3>Zitate aus den Rezensionen</h3>
-»Faszinierende Ausgabe [...] , deren Präzision und philologische Umsicht man gar nicht genug loben kann.« Cord-Friedrich Berghahn, Germanisch-Romanische Monatsschrift 69.2 (2019)
+»Faszinierende Ausgabe [...] , deren Präzision und philologische Umsicht man gar nicht genug loben kann.« <span class="italic">Cord-Friedrich Berghahn, Germanisch-Romanische Monatsschrift 69.2 (2019)</span>

-<p>»Der Anspruch der Heidelberger Germanistin, Hamanns Selbstkritik „erstmals lesbar zu machen“, ist angesichts von vier schon vorliegenden Ausgaben ehrgeizig, aber sie löst ihn mit ihrer in jeder Hinsicht wegweisenden Edition souverän ein.« Eckhardt Schumacher, FAZ
+<p>»Der Anspruch der Heidelberger Germanistin, Hamanns Selbstkritik „erstmals lesbar zu machen“, ist angesichts von vier schon vorliegenden Ausgaben ehrgeizig, aber sie löst ihn mit ihrer in jeder Hinsicht wegweisenden Edition souverän ein.« <span class="italic">Eckhardt Schumacher, FAZ</span>

-<p>»Die Transkription der parallel mitabgedruckten Manuskripte ist an editorischer Akribie und Sorgfalt kaum zu überbieten. Dies geht auch aus Reibolds ausführlicher Darlegung der Editionsprinzipien hervor, bis hin zu kleinsten graphischen Details . Mehr ist in dieser Hinsicht tatsächlich nicht möglich.« Daniel Elon, Hegel-Studien 53/54 
+<p>»Die Transkription der parallel mitabgedruckten Manuskripte ist an editorischer Akribie und Sorgfalt kaum zu überbieten. Dies geht auch aus Reibolds ausführlicher Darlegung der Editionsprinzipien hervor, bis hin zu kleinsten graphischen Details . Mehr ist in dieser Hinsicht tatsächlich nicht möglich.« <span class="italic">Daniel Elon, Hegel-Studien 53/54</span>

 </div>
 </div>
--- a/HaWeb/Views/HKW/Static/Index.cshtml
+++ b/HaWeb/Views/HKW/Static/Index.cshtml
@@ -25,8 +25,14 @@
        <p>enthalten.
        
        <h3>Bereits erschienene Bände</h3>
+            <div class="pl-3 border-l-4 unhyphenate">
            Johann Georg Hamann, <span class="italic">Fliegender Brief.</span> Historisch-kritische Ausgabe. Mit einer Einführung, Kommentar und Dokumenten zur Entstehungsgeschichte hg. von Janina Reibold, 2 Bde. [= Philosophische Bibliothek 707] (Hamburg: Meiner Verlag 2018) [<a class="" asp-controller="HKW" asp-action="FliegenderBrief">‣</a>]
-            <p>Johann Georg Hamann, <span class="italic">Sokratische Denkwürdigkeiten. Wolken.</span> Historisch-kritische Ausgabe. Mit einer Einführung, einem Stellenkommentar und Dokumenten zur Entstehungsgeschichte hg. von Janina Reibold und Leonard Keidel. Unter Mitarbeit von Konrad Bucher. [= Philosophische Bibliothek 748] (Hamburg: Meiner Verlag 2021) [<a class="" asp-controller="HKW" asp-action="SokratischeDenkwuerdigkeiten">‣</a>]
+            </div>
+            
+            <p><div class="pl-3 border-l-4 unhyphenate">
+            Johann Georg Hamann, <span class="italic">Sokratische Denkwürdigkeiten. Wolken.</span> Historisch-kritische Ausgabe. Mit einer Einführung, einem Stellenkommentar und Dokumenten zur Entstehungsgeschichte hg. von Janina Reibold und Leonard Keidel. Unter Mitarbeit von Konrad Bucher. [= Philosophische Bibliothek 748] (Hamburg: Meiner Verlag 2021) [<a class="" asp-controller="HKW" asp-action="SokratischeDenkwuerdigkeiten">‣</a>]
+            </div>
+            
        <h3>Geplante Bände</h3>
        Kreuzzüge des Philologen [<a class="" asp-controller="HKW" asp-action="Kreuzzuege">‣</a>]
        <div class="my-8 mx-8">
--- a/HaWeb/Views/HKW/Static/SokratischeDenkwuerdigkeiten.cshtml
+++ b/HaWeb/Views/HKW/Static/SokratischeDenkwuerdigkeiten.cshtml
@@ -12,7 +12,9 @@
    <div>Im Buch blättern (<a href="https://meiner.de/reading/web/?isbn=9783787339617">‣</a>)</div>
 </div>

-<p>Johann Georg Hamann: Sokratische Denkwürdigkeiten. Wolken. Historisch-kritische Ausgabe. Mit einer Einführung, einem Stellenkommentar und Dokumenten zur Entstehungsgeschichte hg. von Janina Reibold und Leonard Keidel. Unter Mitarbeit von Konrad Bucher. [= Philosophische Bibliothek 748] (Hamburg: Felix Meiner Verlag 2021) [ISBN:978-3-7873-3961-7]  (<a href="https://meiner.de/sokratische-denkwurdigkeiten-wolken.html">‣</a>)
+<div class="pl-3 border-l-4 unhyphenate">
+<p>Johann Georg Hamann: Sokratische Denkwürdigkeiten. Wolken. Historisch-kritische Ausgabe. Mit einer Einführung, einem Stellenkommentar und Dokumenten zur Entstehungsgeschichte hg. von Janina Reibold und Leonard Keidel. Unter Mitarbeit von Konrad Bucher. [= Philosophische Bibliothek 748] (Hamburg: Felix Meiner Verlag 2021) [ISBN:&nbsp;978-3-7873-3961-7]  (<a href="https://meiner.de/sokratische-denkwurdigkeiten-wolken.html">‣</a>)
+</div>

 <div class="flex flex-row gap-x-3 my-6 desktop:hidden">
    <div><img src="/img/Denkwuerdigkeiten.jpg" class="w-52"/></div>
@@ -33,7 +35,7 @@
 </ul>

 <h3>Zitate aus den Rezensionen</h3>
-»Die Lektüre der ›Denkwürdigkeiten‹ und ›Wolken‹ ist nicht gerade einfach, aber sie wird durch die informativen Kommentare von Keidel und Reibold in die richtigen Bahnen gelenkt und erleichtert. Dazu kommt, dass die Ausgabe auch äußerlich sehr schön gemacht ist und damit Hamanns Forderung entspricht, dass Geist sinnlich erfahrbar sein soll. Da sollte man sich selbst die Anschaffung wert sein.« Frankfurter Rundschau, Eberhard Geisler, 27.12.2021 
+»Die Lektüre der ›Denkwürdigkeiten‹ und ›Wolken‹ ist nicht gerade einfach, aber sie wird durch die informativen Kommentare von Keidel und Reibold in die richtigen Bahnen gelenkt und erleichtert. Dazu kommt, dass die Ausgabe auch äußerlich sehr schön gemacht ist und damit Hamanns Forderung entspricht, dass Geist sinnlich erfahrbar sein soll. Da sollte man sich selbst die Anschaffung wert sein.« <span class="italic">Frankfurter Rundschau, Eberhard Geisler, 27.12.2021</span>

 </div>
 </div>
--- a/HaWeb/Views/Shared/_Footer.cshtml
+++ b/HaWeb/Views/Shared/_Footer.cshtml
@@ -11,7 +11,9 @@
               </div>
          </div>
          <div class="grow-0 shrink-0">
-               © 2022 Theodor Springmann Stiftung | Stand vom 27.5.2022 | <a asp-controller="Home" asp-action="Kontakt">Kontakt</a> ·
+               © 2022 Theodor Springmann Stiftung | Stand vom 27.5.2022 | 
+               <a asp-controller="Home" asp-action="Index">Startseite</a>  ·
+               <a asp-controller="Home" asp-action="Kontakt">Kontakt</a> ·
               <a asp-controller="Home" asp-action="Datenschutzerklaerung">Datenschutzerklärung</a>
               <feature name="AdminService">
                    <span> · <a asp-controller="Admin" asp-action="Index">Admin-Bereich</a></span>
--- a/HaWeb/Views/Shared/_HKWMenu.cshtml
+++ b/HaWeb/Views/Shared/_HKWMenu.cshtml
@@ -1,5 +1,5 @@
 <header class="sticky w-100 font-serif mb-6">
-    <nav class="flex flex-row w-100 bg-slate-50 border-t-[5px] border-gray-300 dark:shadow-xl dark:border-gray-900 py-3 px-3 desktop:px-8 flex-wrap">
+    <nav class="flex flex-row w-100 bg-slate-50 border-t-[5px] border-gray-300 dark:shadow-xl dark:border-gray-900 py-3 px-3 desktop:px-8 flex-wrap gap-y-4">
        <a asp-controller="HKW" asp-action="Index" class="text-xl xl:text-3xl grow-0 shrink-0 text-black hover:text-black ">
            <img src="/img/HKW.png" class="inline-block w-8 h-8 xl:w-12 xl:h-12 mr-2 border border-gray-300 shadow-sm" alt="HKW-Logo" loading="lazy" />
            <span class="sm:hidden">Hamann: Komm. Werkedition</span> 
@@ -31,10 +31,18 @@
                <a href="/HKW/Baende/" class="cursor-default ha-menu-arrowsymbol pointer-events-none">
                    Bände
                </a>
-                <div class="ha-topnav-dropdown-content" >
-                    <a asp-controller="HKW" asp-action="FliegenderBrief">Fliegender Brief</a>
-                    <a asp-controller="HKW" asp-action="SokratischeDenkwuerdigkeiten">Sokr. Denkwürdigkeiten. Wolken</a>
-                    <a asp-controller="HKW" asp-action="Kreuzzuege">Kreuzzüge des Philologen</a>
+                <div class="ha-topnav-dropdown-content " >
+                    <table class="">
+                    <tr>
+                        <td class="text-right px-2 desktop:bg-hamannSlate-700 desktop:text-slate-50 caps-petite desktop:shadow-2xl"><div class="inline text-sm border px-1 rounded border-slate-50 font-sans">Erschienen</div></td>
+                        <td><a asp-controller="HKW" asp-action="FliegenderBrief">Fliegender Brief</a></td></tr>
+                    <tr>
+                        <td class="text-right px-2 desktop:bg-hamannSlate-700 desktop:text-slate-50 caps-petite desktop:shadow-2xl"><div class="inline text-sm border px-1 rounded border-slate-50 font-sans">Erschienen</div></td>
+                        <td><a asp-controller="HKW" asp-action="SokratischeDenkwuerdigkeiten">Sokr. Denkwürdigkeiten. Wolken</a></td></tr>
+                    <tr class="desktop:border-b desktop:border-slate-300">
+                        <td class="text-right px-2 desktop:bg-hamannSlate-900 desktop:text-slate-50 caps-petite desktop:shadow-2xl"><div class="inline text-sm border px-1 rounded border-slate-50 font-sans">Geplant</div></td>
+                        <td><a asp-controller="HKW" asp-action="Kreuzzuege">Kreuzzüge des Philologen</a></td></tr>
+                    </table>
                </div>
            </div>

--- a/HaWeb/Views/Shared/_LetterHead.cshtml
+++ b/HaWeb/Views/Shared/_LetterHead.cshtml
@@ -8,6 +8,7 @@
        </div>
    </div>
    }
+    @if (!String.IsNullOrWhiteSpace(Model.Letter.ParsedReceivers)) {
    <div class="ha-metadata">
            <div class="ha-metadataupperrow">
                <div class="ha-metadatadate">
@@ -18,7 +19,7 @@
                }
            </div>
            <div class="ha-metadatapersons">
-                @if (!String.IsNullOrWhiteSpace(Model.Letter.ParsedReceivers)) {
+
                @if (Model.Letter.Meta.isDraft == HaDocument.Models.OptionalBool.True) { 
                    <span>@Html.Raw(Model.Letter.ParsedSenders)</span>
                    <div class="ha-tooltip">
@@ -32,7 +33,28 @@
                else {
                    <span>@Html.Raw(Model.Letter.ParsedSenders) → @Html.Raw(Model.Letter.ParsedReceivers)</span>
                }
-                }
            </div>
    </div>
+     }
+    else {
+        <div class="ha-metadatastrike">
+        <span>[Fälschlich in ZH aufgenommen]</span>
+        @if (!Model.Compact && Model.ShowZHData) {
+        @if (Model.Letter.ParsedZHString != null && Model.ShowZHData) {
+            <div class="ha-tooltip">
+                <div class="ha-pill">
+                    <span>@Html.Raw(Model.Letter.ParsedZHString)</span>
+                </div>
+            </div>
+        }
+        else if (Model.Letter.ParsedZHString == null) {
+            <div class="ha-tooltip">
+                <div class="ha-pill ha-newpill">
+                    <span>Neu</span>
+                </div>
+            </div>
+        }
+        }
+        </div>
+    }
 </div>
--- a/HaWeb/tailwind.config.js
+++ b/HaWeb/tailwind.config.js
@@ -21,6 +21,21 @@ module.exports = {
      classy: ['Playfair', 'serif'],
      mono: ['ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace', 'mono']
    },
+    fontSize: {
+      xs: ['0.75rem', { lineHeight: '1rem' }],
+      sm: ['0.875rem', { lineHeight: '1.25rem' }],
+      base: ['1rem', { lineHeight: '1.5rem' }],
+      lg: ['1.125rem', { lineHeight: '1.75rem' }],
+      xl: ['1.25rem', { lineHeight: '1.75rem' }],
+      '2xl': ['1.5rem', { lineHeight: '2rem' }],
+      '3xl': ['1.875rem', { lineHeight: '2.25rem' }],
+      '4xl': ['2.25rem', { lineHeight: '2.5rem' }],
+      '5xl': ['3rem', { lineHeight: '1' }],
+      '6xl': ['3.75rem', { lineHeight: '1' }],
+      '7xl': ['4.5rem', { lineHeight: '1' }],
+      '8xl': ['6rem', { lineHeight: '1' }],
+      '9xl': ['8rem', { lineHeight: '1' }],
+    },
    screens: {
      'sm': '700px',
      'md': '960px',
--- a/HaWeb/wwwroot/css/header.css
+++ b/HaWeb/wwwroot/css/header.css
@@ -28,7 +28,7 @@

 /* STYLES */
  .ha-topnav {
-    @apply flex desktop:grow-0 desktop:shrink-0 md:text-lg 2xl:text-xl desktop:place-self-end xl:mb-1;
+    @apply flex desktop:grow-0 desktop:shrink-0 md:text-lg 2xl:text-xl desktop:place-self-end xl:mb-1
  }

  .ha-topnav a {
@@ -36,15 +36,15 @@
  }

  .ha-topnav a:last-child {
-    @apply mr-0;
+    @apply mr-0
  }

  .ha-topnav-dropdown {
-    @apply hidden desktop:relative desktop:inline-block;
+    @apply hidden desktop:relative desktop:inline-block
  }

  .ha-topnav-dropdown:hover .ha-topnav-dropdown-content {
-    @apply desktop:block;
+    @apply desktop:block
  }

  .ha-topnav-dropdown .ha-topnav-dropdown-content {
--- a/HaWeb/wwwroot/css/letter.css
+++ b/HaWeb/wwwroot/css/letter.css
@@ -33,7 +33,7 @@
  }

  .ha-additions {
-    @apply hidden bg-slate-50 dark:bg-slate-900
+    @apply bg-slate-50 dark:bg-slate-900
  }

  .ha-additions .ha-edits .ha-editentries table tr:nth-child(even) {
@@ -288,7 +288,7 @@

  .ha-tradzhtext .ha-marginalbox,
  .ha-lettertext .ha-marginalbox {
-    @apply hidden select-none hover:select-auto hyphenate pl-2 md:block absolute left-full ml-2 desktop:ml-10 mt-1 w-[16rem] desktop:w-[28rem] text-sm leading-tight rounded-sm font-sans 
+    @apply hidden select-none hover:select-auto hyphenate pl-2 md:block absolute left-full ml-6 desktop:ml-16 mt-1 w-[16rem] desktop:w-[28rem] text-sm leading-tight rounded-sm font-sans 
  }

  .ha-tradzhtext .ha-marginalbox .ha-marginallist,
@@ -315,12 +315,12 @@

  .ha-tradzhtext .ha-btn-collapsed-box,
  .ha-lettertext .ha-btn-collapsed-box {
-    @apply absolute left-full desktop:ml-7 hidden md:block cursor-pointer leading-none mt-0.5
+    @apply absolute left-full ml-4 desktop:ml-[3.5rem] hidden md:block cursor-pointer leading-none mt-0.5
  }

  .ha-minwidth .ha-tradzhtext,
  .ha-lettertext.ha-minwidth {
-    @apply min-w-[44rem] desktop:min-w-[58rem]
+    @apply min-w-[44rem] desktop:min-w-[52rem]
  }

  .ha-minwidth .ha-tradzhtext .ha-alignright,
--- a/HaWeb/wwwroot/css/letterhead.css
+++ b/HaWeb/wwwroot/css/letterhead.css
@@ -9,9 +9,13 @@
  }

  .ha-pill {
-    @apply rounded-lg border shadow-inner bg-slate-50 border-hamannSlate-900 text-hamannSlate-900 dark:text-white dark:bg-slate-800 dark:shadow-md dark:border-slate-400
+    @apply rounded bg-gray-200 text-gray-600
  }

+  /* .ha-pill {
+    @apply border-hamannSlate-900 text-hamannSlate-900 dark:text-white dark:bg-slate-800 dark:shadow-md dark:border-slate-400 caps-petite
+  } */
+
  .ha-pill.ha-newpill {
    @apply dark:text-white dark:bg-slate-800 dark:shadow-md dark:border-slate-400
  }
@@ -37,6 +41,10 @@
    @apply flex self-end grow flex-col
  }

+  .ha-letterhead .ha-metadatastrike {
+    @apply flex self-center
+  }
+
  .ha-letterhead .ha-metadata .ha-metadataupperrow {
    @apply flex flex-row leading-snug
  }
@@ -58,7 +66,7 @@
  }

  .ha-pill {
-    @apply text-xs rounded px-1.5 ml-1.5 py-0.5 leading-none tracking-wide whitespace-nowrap
+    @apply text-xs px-1 ml-1.5 tracking-normal whitespace-nowrap
  }

  .ha-pill .ha-cross {
--- a/HaWeb/wwwroot/css/output.css
+++ b/HaWeb/wwwroot/css/output.css
--- a/HaWeb/wwwroot/css/register.css
+++ b/HaWeb/wwwroot/css/register.css
@@ -135,7 +135,7 @@
  }

  .ha-register .ha-register-body {
-    @apply md:pr-96 pb-9 md:pb-12 rounded-b-sm
+    @apply md:pr-[29rem] pb-9 md:pb-12 rounded-b-sm
  }

  .ha-register .ha-register-body .ha-comment {
--- a/HaWeb/wwwroot/css/scrollbutton.css
+++ b/HaWeb/wwwroot/css/scrollbutton.css
@@ -4,10 +4,10 @@

 /* STYLES */
  .ha-scrollbutton {
-    @apply opacity-0 transition-opacity duration-500 cursor-pointer fixed left-[82%] text-center bottom-0 pb-3 pt-2 bg-slate-50 dark:bg-slate-700 dark:text-white px-2 shadow-md rounded-t-xl hover:shadow-lg text-hamannSlate-700 hover:text-hamannSlate-500
+    @apply opacity-0 transition-opacity duration-500 cursor-pointer fixed right-0 bottom-6 text-center py-2 pr-6 bg-slate-50 dark:bg-slate-700 dark:text-white px-2 shadow rounded-l-xl transition-all hover:shadow-md text-hamannSlate-700 hover:text-hamannSlate-500
  }

  .ha-scrollbuttonarrow {
-    @apply h-8 w-8
+    @apply h-8 w-8 desktop:h-10 desktop:w-10
  }
 }
--- a/HaWeb/wwwroot/css/search.css
+++ b/HaWeb/wwwroot/css/search.css
@@ -1,10 +1,45 @@
@layer components {
+    /* THEME OPTIONS */
+
    .ha-search {
-        @apply bg-slate-50
+        @apply bg-slate-50 dark:bg-slate-900
    }

+    .ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterlistsearchresults .ha-letterlistsearchresult:nth-child(even) {
+        @apply bg-slate-100 dark:bg-slate-900
+    }
+
+    .ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterlistsearchresults .ha-letterlistsearchresult:nth-child(odd) {
+        @apply bg-slate-50 dark:bg-slate-900
+    }
+
+    .ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry {
+        @apply  bg-slate-100 dark:bg-slate-900 dark:border-none border-r border-b border-gray-200 
+    }
+
+    .ha-search .ha-searchhead .ha-searchnav a.active {
+        @apply dark:!text-white hover:dark:!text-white dark:font-bold
+    }
+
+    .ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry:hover {
+        @apply border-gray-300
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist a {
+        @apply hover:!bg-slate-200 dark:hover:!bg-slate-800
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist a.active {
+        @apply dark:!text-white dark:font-bold
+    }
+
+    .ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist a:nth-child(odd) {
+        @apply bg-slate-100 dark:bg-zinc-900
+    }
+
+    /* NON THEME RULES */
    .ha-search .ha-searchhead {
-        @apply pt-9 md:pt-12 px-9 md:px-16 border-b-2
+        @apply pt-9 md:pt-12 px-9 md:px-16 border-b-2 
    }

    .ha-search .ha-searchhead h1 {
@@ -24,11 +59,11 @@
    }

    .ha-search .ha-searchbody {
-        @apply pt-4 pr-4 clear-both flex flex-row gap-x-4
+        @apply pt-4 clear-both flex flex-row gap-x-4
    }

    .ha-search .ha-searchbody .ha-letterlist {
-        @apply pl-6 pb-4 basis-2/3 grow-0
+        @apply pb-4 basis-2/3 grow-0
    }

    .ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry:not(:first-child) {
@@ -36,9 +71,26 @@
    }

    .ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry {
-        @apply block border
+        @apply rounded-sm block pt-3  transition-all duration-100 
    }

+    .ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry:hover {
+        @apply transition-all duration-100
+    }
+
+    .ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterhead {
+        @apply pb-3 px-3 pl-6
+    } 
+
+    input, select {
+        @apply dark:!bg-zinc-900 dark:border-none
+    }
+
+    button {
+        @apply dark:!bg-zinc-900 dark:!border-zinc-800
+    }
+    
+    /* Old stuff
    .ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterlistentryheader {
        @apply border-b flex flex-row py-1 px-2 bg-slate-100
    }
@@ -53,14 +105,14 @@

    .ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterlistletterdata {
        @apply px-2 py-1
-    }
+    } */

    .ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterlistsearchresults {
-        @apply px-2 py-1
+
    }

    .ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterlistsearchresults .ha-letterlistsearchresult {
-        
+        @apply px-6 py-1 bg-slate-50 block
    }

    .ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterlistsearchresults .ha-letterlistsearchresult .ha-searchresultlocation {
@@ -68,19 +120,15 @@
    }

    .ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterlistsearchresults .ha-letterlistsearchresult .ha-searchresultpreview {
-        @apply inline-block pl-2
+        @apply inline-block pl-4
    }

    .ha-search .ha-searchbody .ha-filterlist {
-        @apply flex flex-col gap-y-5 pb-4 float-right max-w-lg basis-1/3 min-w-0 shrink
-    }
-
-    .ha-search .ha-searchbody .ha-filterlist > div {
-        @apply border border-slate-200 hover:shadow transition-shadow duration-200  bg-slate-50
+        @apply hidden md:flex flex-col gap-y-5 pb-4 float-right max-w-lg basis-1/3 min-w-0 shrink
    }

    .ha-search .ha-searchbody .ha-filterlist .ha-filtertitle {
-        @apply text-2xl px-3 pb-2 pt-3 font-serif leading-none border-b bg-slate-100
+        @apply text-2xl pr-4 pl-1 mb-1 pb-1 pt-3 font-serif leading-none border-b border-gray-400
    }

    .ha-search .ha-searchbody .ha-filterlist .ha-reversefilter {
@@ -96,7 +144,7 @@
    } */

    .ha-search .ha-searchbody .ha-filterlist .ha-gotofilter form {
-        @apply font-sans py-2 px-3 bg-slate-50
+        @apply font-sans py-1 pl-1 pr-2
    }

    .ha-search .ha-searchbody .ha-filterlist .ha-gotofilter form .ha-gototext {
@@ -108,11 +156,11 @@
    }

    .ha-search .ha-searchbody .ha-filterlist .ha-gotofilter form button {
-        @apply float-right inline-block px-2 border bg-slate-50 disabled:bg-gray-200 border-slate-200 hover:border-black disabled:hover:border-slate-200 disabled:text-slate-600
+        @apply float-right inline-block px-2 border bg-slate-50 disabled:bg-gray-200 border-slate-200 hover:border-black disabled:hover:border-slate-200 disabled:text-gray-600
    }

    .ha-search .ha-searchbody .ha-filterlist .ha-zhsearchfilter .ha-zhform {
-        @apply py-2 px-3
+        @apply py-1 pl-1 pr-2
    }

    .ha-search .ha-searchbody .ha-filterlist .ha-zhsearchfilter .ha-zhform > span {
@@ -124,7 +172,7 @@
    }

    .ha-search .ha-searchbody .ha-filterlist .ha-zhsearchfilter .ha-zhform button {
-        @apply float-right px-2 border bg-slate-50 border-slate-200 disabled:bg-gray-200 hover:border-black disabled:hover:border-slate-200 disabled:text-slate-600
+        @apply float-right px-2 border bg-slate-50 border-slate-200 disabled:bg-gray-200 hover:border-black disabled:hover:border-slate-200 disabled:text-gray-600
    }

    .ha-search .ha-searchbody .ha-filterlist .ha-zhsearchfilter .ha-zhform select {
@@ -132,7 +180,7 @@
    }

    .ha-search .ha-searchbody .ha-filterlist .ha-searchfilter .ha-searchform {
-        @apply py-2 px-3 flex flex-row gap-x-2
+        @apply py-1 pl-1 pr-2 flex flex-row gap-x-2
    }

    .ha-search .ha-searchbody .ha-filterlist .ha-searchfilter .ha-searchform input {
@@ -140,18 +188,18 @@
    }

    .ha-search .ha-searchbody .ha-filterlist .ha-searchfilter .ha-searchform button {
-        @apply float-right px-2 border border-slate-200 hover:border-black disabled:bg-gray-200 disabled:hover:border-slate-200 disabled:text-slate-600
+        @apply float-right px-2 border border-slate-200 hover:border-black disabled:bg-gray-200 disabled:hover:border-slate-200 disabled:text-gray-600
    }

    .ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist {
-        @apply max-h-64 overflow-y-auto overflow-x-hidden pb-2
+        @apply max-h-[23rem] overflow-y-auto overflow-x-hidden py-1 pl-1 mr-2
    }

    .ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist a {
-        @apply block px-3 hover:!bg-slate-200 !transition-none
+        @apply block px-3 !transition-none
    }

-    .ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist a:nth-child(even) {
-        @apply block bg-slate-100
+    .ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist a:nth-child(odd) {
+        @apply block
    }
 }
--- a/HaWeb/wwwroot/css/shared.css
+++ b/HaWeb/wwwroot/css/shared.css
@@ -158,11 +158,11 @@
    @apply relative -top-[0.5em]
  }

-  .ha-alignright {
+  .ha-alignright:not(.reference *, .reference, .ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
    @apply float-right
  }

-  .ha-aligncenter {
+  .ha-aligncenter:not(.reference *, .reference, .ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
    @apply absolute left-[45%] whitespace-nowrap -translate-x-1/2
  }

@@ -260,6 +260,7 @@
  
  html {
    overflow-y: scroll;
+    font-size: 15.5px;
  }

  body {
--- a/HaWeb/wwwroot/css/tailwind-extensions.css
+++ b/HaWeb/wwwroot/css/tailwind-extensions.css
@@ -21,6 +21,11 @@
  .caps-petite {
    font-variant-caps: petite-caps;
  }
+
+  .caps {
+    font-variant-caps: normal;
+    text-transform: uppercase;
+  }
  
  .caps-normal {
    font-variant-caps: normal;
--- a/HaWeb/wwwroot/js/site.js
+++ b/HaWeb/wwwroot/js/site.js
@@ -17,8 +17,9 @@ const closemenu = function () {
  if (newbutton !== null) newbutton.setAttribute("class", "");
 };

+
+// Marks links as active which target URL starts with the current URL
 const markactive_startswith = function (element) {
-  // Marks links as active which target URL starts with the current URL
  var all_links = element.getElementsByTagName("a"),
    i = 0,
    len = all_links.length,
@@ -31,8 +32,8 @@ const markactive_startswith = function (element) {
  }
 };

+// Marks links active which target URL is exact the same as the current URL
 const markactive_exact = function (element) {
-  // Marks links active which target URL is exact the same as the current URL
  var all_links = element.getElementsByTagName("a"),
    i = 0,
    len = all_links.length,
@@ -245,6 +246,7 @@ const collapseboxes = function () {
  overlappingcollapsebox(".ha-forschung .ha-letlinks", true);
  overlappingcollapsebox(".ha-lettertext .ha-marginalbox", true);
 };
+
 // Functions for switching theme
 const go_to_dark = function () {
  localStorage.setItem("theme", "ha-toggledark");