Update Github-Richtlinien II

docs/static/css/site.css

@@ -0,0 +1,295 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* Regular woff-files for regular font variants curerently
+   Instead we can use the Graphite versions of the font   
+
+@font-face {
+    font-family: 'Biolinum';
+    src: url('/fonts/LinBiolinum_R_G.ttf') format('truetype');
+    font-display: swap;
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Libertine';
+    src: url('/fonts/LinLibertine_R_G.ttf') format('truetype');
+    font-display: swap;
+    font-weight: normal;
+    font-style: normal;
+}
+
+*/
+
+@font-face {
+    font-family: "Sofia Sans";
+    src: url("../fonts/SofiaSans-Regular.ttf") format("truetype");
+    font-display: swap;
+    font-weight: normal;
+    font-style: normal;
+  }
+  
+  
+  @font-face {
+    font-family: "Sofia Sans";
+    src: url("../fonts/SofiaSans-Italic.ttf") format("truetype");
+    font-display: swap;
+    font-weight: normal;
+    font-style: italic;
+  }
+  
+  @font-face {
+    font-family: "Sofia Sans";
+    src: url("../fonts/SofiaSans-Bold.ttf") format("truetype");
+    font-display: swap;
+    font-weight: bold;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Sofia Sans";
+    src: url("../fonts/SofiaSans-BoldItalic.ttf") format("truetype");
+    font-display: swap;
+    font-weight: bold;
+    font-style: italic;
+  }
+
+  @font-face {
+    font-family: "Libertine";
+    src: url("../fonts/LinLibertine_Rah.ttf") format("truetype");
+    font-display: swap;
+    font-weight: normal;
+    font-style: normal;
+  }
+  
+  @font-face {
+    font-family: "Libertine";
+    src: url("../fonts/LinLibertine_RIah.ttf") format("truetype");
+    font-display: swap;
+    font-weight: normal;
+    font-style: italic;
+  }
+  
+  @font-face {
+    font-family: "Libertine";
+    src: url("../fonts/LinLibertine_RZah.ttf") format("truetype");
+    font-display: swap;
+    font-weight: bold;
+    font-style: normal;
+  }
+  
+  /* @font-face {
+    font-family: "Playfair";
+    src: url("../fonts/PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
+    font-display: swap;
+    font-weight: normal;
+    font-style: normal;
+  } */
+
+  body {
+    font-size: 15px;
+  }
+
+  @layer components {
+    
+    h2 {
+      @apply text-3xl font-bold mb-4
+    }
+
+    h3 {
+      @apply text-xl font-bold mb-1.5
+    }
+
+    a {
+      @apply text-lenz-11-blue decoration-dotted underline decoration-lenz-4-rose underline-offset-[3px]
+    }
+
+    a:hover {
+      @apply text-lenz-10-darkblue decoration-solid
+    }
+
+    nav a {
+      @apply no-underline
+    }
+
+    mark {
+      @apply bg-lenz-2-lightred text-lenz-11-blue
+    }
+
+    .searchbar {
+      @apply sticky top-0 z-20 bg-slate-100 px-4 py-0.5 pt-1.5 self-start w-full sm:flex sm:flex-row items-baseline gap-x-3 border-b
+    }
+
+    .searchbar button {
+      @apply inline-block bg-white shrink py-0.5 px-1.5 border border-slate-300
+    }
+
+    .searchbar input {
+      @apply inline-block w-full sm:w-auto sm:grow p-0.5 px-1 my-1 mb-2 border border-slate-300
+    }
+
+    .hideifsearching {
+      @apply inline-block
+    }
+
+    .searchbar select {
+      @apply inline-block bg-white px-1.5 pt-1.5 pb-1 border border-slate-300
+    }
+
+    .sidebar-nav li li {
+      @apply ml-4
+    }
+
+    .active {
+      @apply font-bold
+    }
+
+    .sidebar-nav .active::before {
+      @apply text-lenz-6-highlight
+    }
+
+    .yearlist {
+      @apply mt-4 w-full
+    }
+
+    .yearlist .category .categorytitle {
+      @apply text-xl pr-1 pl-3 min-w-[4rem] font-bold self-start z-0 sticky top-14 sm:order-2 shrink-0 grow-0 basis-1/12
+    }
+
+    .yearlist .category .categorybody {
+      @apply sm:px-4 sm:border-r-2 grow md:border-lenz-12-lighterblue
+    }
+
+    .yearlist .category {
+      @apply flex flex-col sm:flex-row w-full mb-5
+    }
+
+    .yearlist .searchable {
+      @apply mt-3 px-4 pl-6 -indent-6 
+    }
+
+    .yearlist .searchable:first-of-type {
+      @apply mt-0
+    }
+
+    .maincolumn {
+      @apply basis-4/5 grow-0
+    }
+
+    .Kommentar {
+      @apply !indent-0 !pl-0
+    }
+
+    .handschrift-sammlung .handschrift {
+      @apply border sm:basis-[48%] xl:basis-[31.5%] shrink-0 bg-white py-2 px-3
+    }
+
+    .handschrift-sammlung .ueberschrift-gruppe {
+      @apply w-full
+    }
+
+    .handschrift-sammlung .information {
+      @apply bg-slate-50 border border-gray-400 px-4 py-1.5 mr-4
+    }
+
+    .handschrift-sammlung .handschrift-liste {
+      @apply w-full mr-4
+    }
+
+    .handschrift-sammlung .beschreibung {
+      @apply mt-1.5
+    }
+
+    .handschrift-sammlung .ueberschrift-gruppe {
+      @apply text-xl font-bold
+    }
+
+    .feld {
+      @apply rounded-md text-sm mr-1 bg-slate-200 font-bold px-1.5 mb-0.5 max-w-[90ch]
+    }
+
+    .handschrift-sammlung .wert {
+      @apply py-0.5 px-1
+    }
+
+    .literaturliste li {
+      @apply pl-6 -indent-6
+    }
+
+    .timeline {
+      @apply sm:grid sm:grid-cols-12 grid-flow-row max-w-[90ch]
+    }
+
+    .timeline .time {
+      @apply col-span-1 py-1.5 font-bold sm:text-right px-2 mt-2.5 sm:mt-0
+    }
+
+    .timeline .entry {
+      @apply col-span-11 sm:px-3 sm:py-1.5 px-2
+    }
+
+    .timeline>div:nth-child(4n+1),
+    .timeline>div:nth-child(4n+2)
+    {
+      @apply bg-slate-200
+    }
+
+    .legende table tr:nth-child(2n-1) {
+      @apply bg-slate-100
+    }
+
+    .legende table td:nth-child(1) {
+      @apply text-right px-1 border-r-2 border-slate-200
+    }
+
+    .legende table td {
+      @apply px-1.5
+    }
+
+    .maincolumn p {
+      @apply max-w-[85ch] hyphenation mb-4
+    }
+  }
+
+  #navigation-button {
+    width: 3.5rem;
+    height: 3.5rem;
+    stroke: #000;
+    stroke-width: 2;
+    stroke-linecap: round;
+    stroke-linejoin: miter;
+    fill: none;
+    color: #000;
+  }
+
+  .handschrift-sammlung .handschrift-liste ol {
+    list-style-type: disc; 
+    list-style-position: outside; 
+  }
+
+  .hidden-important {
+    display: none !important;
+  }
+
+  .hyphenation {
+    hyphens: auto;
+  }
+
+  .sidebar-nav .active::before {
+    content: "· ";
+  }
+  
+
+  .twocolumns {
+    columns: 2;
+  }
+
+  .avoidbreak {
+    break-inside: avoid;
+  }
+
+  .Kommentar {
+
+  }

docs/static/js/scripts.js

@@ -0,0 +1,257 @@
+// Basic variables
+const scrollbuttonid = "scrollbutton";
+const navbuttonid = "navigation-button";
+const navid = "navigation";
+const listid = "list";
+const listselectid = "listselect";
+const inputselector = "input[name='keyword']";
+
+const hiddenclass = "hidden-important";
+const showifsearchingclasses = ["showifsearching"];
+const hideifsearchingclasses = [
+  "hideifsearching",
+  "ueberschrift-gruppe",
+  "category",
+];
+const categoryclass = "category";
+const searchableclasses = ["searchable", "handschrift", "handschrift-liste"];
+const hideprevsiblingbtnclass = "hideprevbutton";
+
+// Elements
+let listelement = document.getElementById(listid);
+let navelelement = document.getElementById(navid);
+let navbtnelement = document.getElementById(navbuttonid);
+let scrollbtnelement = document.getElementById(scrollbuttonid);
+let listselectelement = document.getElementById(listselectid);
+let inputelement = document.querySelector(inputselector);
+let categoryelements = document.getElementsByClassName(categoryclass);
+let hideprevsiblingbtnelements = document.getElementsByClassName(hideprevsiblingbtnclass);
+let showifsearchingelements = document.querySelectorAll("." + showifsearchingclasses.join(", ."));
+let hideifsearchingelements = document.querySelectorAll("." + hideifsearchingclasses.join(", ."));
+let searchableelements = document.querySelectorAll("." + searchableclasses.join(", ."));
+
+// State
+let dictionary = [];
+let found = dictionary;
+let sw = "";
+let swl = 0;
+let term = "";
+
+const hideifinarr = function (arr) {
+  for (var el of arr) {
+      el.classList.add(hiddenclass);
+  }
+};
+
+const showifinarr = function (arr) {
+  for (var el of arr) {
+    el.classList.remove(hiddenclass);
+  }
+};
+
+// Script for showing and acting upon the "scroll to top button"
+const scrollFunction = function () {
+  if (scrollbtnelement !== null) {
+    if (
+      document.body.scrollTop > 400 ||
+      document.documentElement.scrollTop > 400
+    ) {
+      scrollbtnelement.style.pointerEvents = "auto";
+      scrollbtnelement.classList.remove(hiddenclass);
+    } else {
+      scrollbtnelement.style.pointerEvents = "none";
+      scrollbtnelement.classList.add(hiddenclass);
+    }
+  }
+};
+
+const isInViewport = function (element) {
+  const rect = element.getBoundingClientRect();
+  return (
+    rect.top >= 0 &&
+    rect.left >= 0 &&
+    rect.bottom <=
+      (window.innerHeight || document.documentElement.clientHeight) &&
+    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
+  );
+}
+
+const createIndex = function(id) {
+  for (var s of searchableelements) {
+      dictionary.push({
+        category: s.closest("." + categoryclass),
+        element: s,
+        searchitem: $(s).text().toLowerCase(),
+      });
+  }
+}
+
+const findWord = function (word, d) {
+  var sw = word.trim().toLowerCase();
+  return d.filter(function (e) {
+    if (e.searchitem.indexOf(sw) !== -1) {
+      return true;
+    } else {
+      return false;
+    }
+  });
+}
+
+const search = function (evt) {
+  evt = evt || window.event;
+  if (evt !== undefined) {
+    var isEscape = false;
+    if ("key" in evt) {
+        isEscape = evt.key === "Escape" || evt.key === "Esc";
+    } else {
+        isEscape = evt.keyCode === 27;
+    }
+    if (isEscape) {
+        searchreset();
+        return;
+    }
+}
+
+  term = $(inputselector).val().trim() || "";
+
+  // Unmark everything previously marked
+  for (let item of found) {
+    $(item.element).unmark();
+  }
+
+  if (term) {
+    // Hide everything tagged hideifseaching
+    showifinarr(showifsearchingelements);
+    hideifinarr(hideifsearchingelements);
+
+    // Only search in prior found elements if word starts the same
+    if (term.length > swl && term.startsWith(sw)) {
+      found = findWord(term, found);
+    } else {
+      found = findWord(term, dictionary);
+    }
+
+    for (let item of dictionary) {
+      if (found.indexOf(item) !== -1) {
+        item.category.classList.add("search-expanded");
+        item.category.classList.remove(hiddenclass);
+        let prevbutton = item.category.getElementsByClassName(hideprevsiblingbtnclass);
+        if (prevbutton.length > 0) {
+          prevbutton[0].previousElementSibling.classList.remove(hiddenclass);
+        } 
+        item.element.classList.remove(hiddenclass);
+        if (term.length >= 2) {
+          $(item.element).mark(term, {
+            separateWordSearch: false,
+            acrossElements: true,
+          });
+        }
+      } else {
+        item.element.classList.add(hiddenclass);
+      }
+    }
+    sw = term;
+    swl = term.length;
+  } else {
+    searchreset();
+  }
+};
+
+const searchreset = function () {
+  for (let item of found) {
+    $(item.element).unmark();
+  }
+
+  var hidden = listelement.querySelectorAll("." + hiddenclass);
+  for (let item of hidden) {
+    item.classList.remove(hiddenclass);
+  }
+  found = dictionary;
+  sw = "";
+  swl = 0;
+  showifinarr(hideifsearchingelements);
+  hideifinarr(showifsearchingelements);
+  inputelement.value = "";
+  resethidecat();
+};
+
+const resethidecat = function() {
+  for (let el of hideprevsiblingbtnelements) {
+    let prevsib = el.previousElementSibling;
+    if (!prevsib.classList.contains(hiddenclass)) {
+      prevsib.classList.add(hiddenclass);
+    }
+  }
+}
+
+const toggleghidecat = function(cat) {
+  let prevsib = cat.previousElementSibling;
+  if (prevsib.classList.contains(hiddenclass)) {
+    prevsib.classList.remove(hiddenclass);
+  } else {
+    prevsib.classList.add(hiddenclass);
+  }
+}
+
+
+// Mobile menu
+if (navbtnelement !== null && navelelement !== null) {
+  navbtnelement.addEventListener("click", () => {
+    if (navelelement.classList.contains(hiddenclass)) {
+      navelelement.classList.remove(hiddenclass);
+    } else {
+      navelelement.classList.add(hiddenclass);
+    }
+  });
+}
+
+// Hide category button
+for (let el of hideprevsiblingbtnelements) { 
+  el.addEventListener("click", () => {
+    toggleghidecat(el);
+  });
+}
+
+// Scroll button
+if (scrollbtnelement !== null) {
+  scrollFunction();
+  scrollbtnelement.addEventListener("click", () => {
+    document.body.scrollTop = 0; // For Safari
+    document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
+  });
+  window.addEventListener("scroll", scrollFunction);
+}
+
+// List filtering
+if (listelement) {
+  var searchable = "";
+  createIndex(listid);
+  if (inputelement !== null && isInViewport(inputelement)) {
+    inputelement.focus();
+  }
+  $(inputelement).keyup(search);
+  search(null);
+
+  // Scrolling & List updating
+  if (listselectelement !== null) {
+    var sections = {};
+    var i = 0;
+    Array.prototype.forEach.call(categoryelements, function (e) {
+      sections[e.id] = e.offsetTop;
+    });
+    window.onscroll = function () {
+      var scrollPosition =
+        document.documentElement.scrollTop || document.body.scrollTop;
+      for (i in sections) {
+        if (sections[i] <= scrollPosition + 60) {
+          var opt = listselectelement.querySelector('option[value="#' + i + '"]');
+          if (opt !== null) {
+            opt.selected = true;
+          }
+        }
+      }
+    };
+  }
+}
+
+hideifinarr(showifsearchingelements);