Added HKW sites

This commit is contained in:
Simon Martens
2022-10-28 03:01:08 +02:00
parent 8c8ad677af
commit 2bd41b943a
41 changed files with 377 additions and 271 deletions

View File

@@ -11,8 +11,8 @@
</div>
</div>
<div class="grow-0 shrink-0">
© 2022 Theodor Springmann Stiftung | Stand vom 27.5.2022 | <a href="/Edition/Kontakt">Kontakt</a> ·
<a href="/Edition/Datenschutzerklaerung">Datenschutzerklärung</a>
© 2022 Theodor Springmann Stiftung | Stand vom 27.5.2022 | <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>
</feature>

View File

@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="@ViewData["SEODescription"]">
<title>HKB: @ViewData["Title"]</title>
<title>@ViewData["Title"]</title>
<!-- crossorigin is a workaround to prevent double downloading bugs in chrome -->
<!-- also, the graphite versions of the font are available for use:

View File

@@ -3,8 +3,8 @@
}
<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">
<a href="/" class="text-xl xl:text-3xl grow-0 shrink-0 text-black hover:text-black ">
<img src="/favicon.ico" class="inline-block w-8 h-8 xl:w-12 xl:h-12 mr-2 p-1 border border-gray-900 border-t-gray-200 border-l-gray-200 " alt="HKB-Logo" loading="lazy" />
<a asp-controller="Suche" asp-action="RedirectIndex" class="text-xl xl:text-3xl grow-0 shrink-0 text-black hover:text-black">
<img src="/favicon.ico" class="inline-block w-8 h-8 xl:w-12 xl:h-12 mr-2 border border-gray-300 shadow-sm" alt="HKB-Logo" loading="lazy" />
<span class="sm:hidden">Hamann: Komm. Briefausgabe</span>
<span class="hidden sm:inline md:hidden">Johan Georg Hamann: Kommentierte Briefausgabe</span>
<span class="hidden md:inline align-baseline">Johann Georg Hamann: Kommentierte Briefausgabe (&#x200A;H&#x200A;K&#x200A;B&#x200A;)</span>
@@ -30,32 +30,32 @@
</button>
</div>
<div class="ha-topnav " id="ha-topnav">
<a href="/Suche">
<a asp-controller="Suche" asp-action="Index">
Suche & Briefauswahl
</a>
<a href="/Briefe">
<a asp-controller="Briefe" asp-action="Index">
Briefansicht
</a>
<div class="ha-topnav-dropdown">
<a href="/Register" class="cursor-default ha-menu-arrowsymbol pointer-events-none">
<a href="/HKB/Register" class="cursor-default ha-menu-arrowsymbol pointer-events-none">
Register
</a>
<div class="ha-topnav-dropdown-content" >
<a href="/Register/Register" class="">Register</a>
<a href="/Register/Bibelstellen" class="">Bibelstellenregister</a>
<a href="/Register/Forschung" class="">Forschungsbibliographie</a>
<a asp-controller="Register" asp-action="Allgemein">Register</a>
<a asp-controller="Register" asp-action="Bibelstellen">Bibelstellenregister</a>
<a asp-controller="Register" asp-action="Forschung">Forschungsbibliographie</a>
</div>
</div>
<div class="ha-topnav-dropdown">
<a href="/Edition" class="cursor-default ha-menu-arrowsymbol pointer-events-none !mr-0" >
<a href="/HKB/Edition" class="cursor-default ha-menu-arrowsymbol pointer-events-none !mr-0" >
Edition
</a>
<div class="ha-topnav-dropdown-content !mr-0">
<a href="/Edition/Kontakt" class="">Kontakt</a>
<a href="/Edition/Mitwirkende" class="">Mitwirkende</a>
<a href="/Edition/Richtlinien" class="">Editionsrichtlinien</a>
<a href="/Edition/Editionsgeschichte" class="">Editionsgeschichte</a>
<a href="/Edition/Werkausgabe" class="">Werkausgabe</a>
<a asp-controller="Home" asp-action="Kontakt">Kontakt</a>
<a asp-controller="Edition" asp-action="Mitwirkende">Mitwirkende</a>
<a asp-controller="Edition" asp-action="Richtlinien">Editionsrichtlinien</a>
<a asp-controller="Edition" asp-action="Editionsgeschichte">Editionsgeschichte</a>
<a asp-controller="HKW" asp-action="Index">Werkausgabe</a>
</div>
</div>
</div>

View File

@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="@ViewData["SEODescription"]">
<title>HKB: @ViewData["Title"]</title>
<title>@ViewData["Title"]</title>
<!-- crossorigin is a workaround to prevent double downloading bugs in chrome -->
<!-- also, the graphite versions of the font are available for use:

View File

@@ -1,10 +1,10 @@
<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">
<a href="/HKW/Start" 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 p-1 border border-gray-900 border-t-gray-200 border-l-gray-200 " alt="HKW-Logo" loading="lazy" />
<span class="sm:hidden">Hamann: Komm. Werkedition</span>
<span class="hidden sm:inline md:hidden">Johan Georg Hamann: Kommentierte Werkedition</span>
<span class="hidden md:inline align-baseline">Johann Georg Hamann: Historisch-kritische und kommentierte Edition ausgewählter Werke (&#x200A;H&#x200A;K&#x200A;W&#x200A;)</span>
<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>
<span class="hidden sm:inline md:hidden">Johan Georg Hamann: Kommentierte Werkedition</span>
<span class="hidden md:inline align-baseline">Johann Georg Hamann: Historisch-kritische und kommentierte Edition ausgewählter Werke (&#x200A;H&#x200A;K&#x200A;W&#x200A;)</span>
</a>
<div class="flex grow shrink">
@@ -32,18 +32,18 @@
Bände
</a>
<div class="ha-topnav-dropdown-content" >
<a href="/HKW/Baende/FliegenderBrief" class="">Fliegender Brief</a>
<a href="/HKW/Baende/SokratischeDenkwuerdigkeiten" class="">Sokratische Denkwürdigkeiten / Wolken</a>
<a href="/HKW/Baende/Kreuzzuege" class="">Kreuzzüge des Philologen</a>
<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>
</div>
<a href="/HKW/Uebersicht">
<a asp-controller="HKW" asp-action="Uebersicht">
Werkübersicht
</a>
<a href="/Register/Forschung/Editionen">
<a asp-controller="Register" asp-action="Forschung" asp-route-id="EDITIONEN">
Bibliographie Hamann-Editionen
</a>
</div>

View File

@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="de" id="top">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@* TODO: Description für die Startseite *@
<meta name="description" content="">
<title>@ViewData["Title"]</title>
<!-- crossorigin is a workaround to prevent double downloading bugs in chrome -->
<!-- also, the graphite versions of the font are available for use:
<link rel="preload" href="/fonts/LinLibertine_R_G.ttf" as="font" crossorigin/>
<link rel="preload" href="/fonts/LinBiolinum_R_G.ttf" as="font" crossorigin/>
-->
<link rel="preload" href="/css/output.css" as="style" asp-append-version="true"/>
<link rel="preload" href="/img/subtlenet2.png" as="image" />
<link rel="preload" href="/fonts/LinBiolinum_R.woff" as="font" crossorigin/>
<link rel="preload" href="/fonts/LinLibertine_R.woff" as="font" crossorigin/>
<link rel="preload" href="/fonts/LinLibertine_RI.woff" as="font" crossorigin/>
<link rel="preload" href="/fonts/LinLibertine_RB.woff" as="font" crossorigin/>
<link rel="stylesheet" href="/css/output.css" asp-append-version="true" />
<environment include="Development">
<script src="~/js/site.js" asp-append-version="true"></script>
</environment>
</head>
<body class="w-full ">
<div class="relative min-h-screen">
<div class="pb-24">
<header class="w-100 font-serif mb-10 pb-4 pt-4 flex flex-col justify-center bg-slate-50 border-t-[5px] border-gray-300 dark:border-gray-900">
<nav class="w-auto text-xl md:text-3xl text-black hover:text-black mx-auto">
<a asp-controller="Home" asp-action="Index">
<span class="sm:hidden">Johan Georg Hamann<br/>Kommentierte Edition der Briefe & Werke</span>
<span class="hidden sm:inline align-baseline">Johann Georg Hamann: Kommentierte Edition der Briefe und Werke</span>
</a>
<div class="w-auto mt-2 md:mt-4 overflow-hidden whitespace-nowrap text-ellipsis text-base md:text-lg">
<a class="sm:hidden" href="/Edition/Mitwirkende">Hrsg. v. Leonard Keidel und Janina Reibold</a>
<a class="hidden sm:inline" href="/Edition/Mitwirkende">Herausgegeben von Leonard Keidel und Janina Reibold</a>
</div>
</nav>
</header>
<main role="main" class="pb-3 w-full desktop:max-w-screen-desktop mx-auto h-full">
@* Placeholder Main *@
@RenderBody()
</main>
</div>
<div class="absolute bottom-0 w-full">
@await Html.PartialAsync("/Views/Shared/_Footer.cshtml")
</div>
</div>
<a class="ha-scrollbutton" id="ha-scrollbutton">
<svg class="ha-scrollbuttonarrow" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path strokeLinecap="round" strokeLinejoin="round" stroke-width="2" d="M5 11l7-7 7 7M5 19l7-7 7 7" />
</svg>
</a>
</div>
@RenderSection("Scripts", required: false)
<environment exclude="Development">
@await Html.PartialAsync("/Views/Shared/_Javascript.cshtml")
</environment>
</body>
</html>

View File

@@ -1,101 +1,6 @@
@* Javascript gets inlined because it ain't much (but it's honest work) *@
@* Only put PRODUCTION JavaScript here *@
<script>
const openmenu = function () {
var x = document.getElementById("ha-topnav");
if (x !== null) x.className += " ha-topnav-collapsed";
let oldbutton = document.getElementById("openmenubutton");
if (oldbutton !== null) oldbutton.setAttribute('class', 'hidden');
let newbutton = document.getElementById("closemenubutton");
if (newbutton !== null) newbutton.setAttribute('class', '');
}
const closemenu = function () {
var x = document.getElementById("ha-topnav");
if (x !== null) x.className = "ha-topnav";
let oldbutton = document.getElementById("closemenubutton");
if (oldbutton !== null) oldbutton.setAttribute('class', 'hidden');
let newbutton = document.getElementById("openmenubutton");
if (newbutton !== null) newbutton.setAttribute('class', '');
}
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,
full_path = location.href.split('#')[0].toLowerCase(); //Ignore hashes
for (; i < len; i++) {
if (full_path.startsWith(all_links[i].href.toLowerCase())) {
all_links[i].className += " active";
}
}
}
const markactive_exact = function (element) {
var all_links = element.getElementsByTagName("a"),
i = 0, len = all_links.length,
full_path = location.href.split('#')[0].toLowerCase(); //Ignore hashes
for (; i < len; i++) {
if (full_path == all_links[i].href.toLowerCase()) {
all_links[i].className += " active";
}
}
}
const getLineHeight = function (element) {
var temp = document.createElement(element.nodeName), ret;
temp.setAttribute("class", element.className);
temp.innerHTML = "A";
element.parentNode.appendChild(temp);
ret = temp.clientHeight;
temp.parentNode.removeChild(temp);
return ret;
}
/* TODO: need a resize watcher to undo and reapply the effect on breakpoint */
const overlappingboxcollapse = function (selector) {
let boxes = document.querySelectorAll(selector);
let clientrects = [];
let lineheight = 1;
if (boxes.length >= 1) {
lineheight = getLineHeight(boxes[0]);
}
for (element of boxes) {
clientrects.push([element, element.getBoundingClientRect()]);
}
for (var i = 0; i < clientrects.length; i++) {
if (i < clientrects.length-1) {
if (clientrects[i][1].bottom >= clientrects[i+1][1].top) {
let overlap = clientrects[i][1].bottom - clientrects[i+1][1].top;
let newlength = clientrects[i][1].height - overlap;
let remainder = newlength % lineheight;
newlength = newlength - remainder;
clientrects[i][0].style.height = newlength + 'px';
clientrects[i][0].style.overflowX = "hidden";
clientrects[i][0].style.overflowY = "scroll";
}
}
}
}
window.addEventListener('load', function() {
document.getElementById("openmenubutton").addEventListener('click', openmenu);
document.getElementById("closemenubutton").addEventListener('click', closemenu);
markactive_startswith(document.getElementById("ha-topnav"));
markactive_exact(document.getElementById("ha-register-nav"));
overlappingboxcollapse(".ha-neuzeit .ha-letlinks");
overlappingboxcollapse(".ha-forschung .ha-letlinks");
})
</script>