Add demo-04: signature list generator with code cleanup task

2026-01-15 23:02:09 +01:00 · 2026-01-15 23:02:09 +01:00 · caed60a2d9
commit caed60a2d9
parent fe1638cacb
5 changed files with 405 additions and 0 deletions
--- a/demo-04/main.css
+++ b/demo-04/main.css
@ -0,0 +1,116 @@
+:root {
+    --unigraz-primary: #ffd400;
+}
+
+@font-face {
+    font-family: nunito_sans;
+    font-display: swap;
+    font-style: normal;
+    font-display: block;
+    font-weight: 300;
+    src: url(https://static.uni-graz.at/dist/unigraz/fonts/Nunito_Sans/nunito-sans-v12-latin_latin-ext-300.eot);
+    src: url(https://static.uni-graz.at/dist/unigraz/fonts/Nunito_Sans/nunito-sans-v12-latin_latin-ext-300.eot?#iefix) format("embedded-opentype"),url(https://static.uni-graz.at/dist/unigraz/fonts/Nunito_Sans/nunito-sans-v12-latin_latin-ext-300.woff2) format("woff2"),url(https://static.uni-graz.at/dist/unigraz/fonts/Nunito_Sans/nunito-sans-v12-latin_latin-ext-300.woff) format("woff"),url(https://static.uni-graz.at/dist/unigraz/fonts/Nunito_Sans/nunito-sans-v12-latin_latin-ext-300.ttf) format("truetype"),url(https://static.uni-graz.at/dist/unigraz/fonts/Nunito_Sans/nunito-sans-v12-latin_latin-ext-300.svg#NunitoSans) format("svg")
+}
+
+@font-face {
+    font-display: swap;
+    font-family: nunito_sans;
+    font-style: italic;
+    font-display: block;
+    font-weight: 300;
+    src: url(https://static.uni-graz.at/dist/unigraz/fonts/Nunito_Sans/nunito-sans-v12-latin_latin-ext-300italic.eot);
+    src: url(https://static.uni-graz.at/dist/unigraz/fonts/Nunito_Sans/nunito-sans-v12-latin_latin-ext-300italic.eot?#iefix) format("embedded-opentype"),url(https://static.uni-graz.at/dist/unigraz/fonts/Nunito_Sans/nunito-sans-v12-latin_latin-ext-300italic.woff2) format("woff2"),url(https://static.uni-graz.at/dist/unigraz/fonts/Nunito_Sans/nunito-sans-v12-latin_latin-ext-300italic.woff) format("woff"),url(https://static.uni-graz.at/dist/unigraz/fonts/Nunito_Sans/nunito-sans-v12-latin_latin-ext-300italic.ttf) format("truetype"),url(https://static.uni-graz.at/dist/unigraz/fonts/Nunito_Sans/nunito-sans-v12-latin_latin-ext-300italic.svg#NunitoSans) format("svg")
+}
+
+body {
+    font-family: nunito_sans;
+}
+
+.bg-unigraz {
+  background-color: var(--unigraz-primary);
+}
+
+#printbtn {
+    flex: 1;
+}
+
+.btn-unigraz {
+    color: #000;
+    background-color: var(--unigraz-primary);
+    border-color: var(--unigraz-primary);
+}
+
+.btn-unigraz:active, .btn-unigraz:hover {
+    color: #000;
+    background-color: #ffe24f;
+    border-color: #ffe24f;
+} 
+
+.navbar-brand {
+    font-weight: 600;
+}
+
+.navbar-light .navbar-nav .nav-link {
+    color: rgba(0, 0, 0, .85);
+}
+
+#logo {
+  float: right;
+}
+
+table {
+    width: 100%;
+}
+  
+th {
+    border-right: 1px solid black;
+    border-bottom: 2px solid black;
+    padding: 5px;
+}
+
+td {
+    height: 0.8cm;
+    font-size: small;
+    border-right: 1px solid black;
+    border-bottom: 1px solid black;
+    padding: 5px;
+}
+
+tr > th:last-child, td:last-child {
+    border-right: none;
+}
+
+tr > td:first-child {
+    width: 20%;
+    white-space: nowrap;
+    padding-right: 15px;
+}
+
+tfoot td {
+    font-size: smaller;
+    border-bottom: none;
+}
+
+#list-footer {
+    display: flex;
+}
+
+#foot-group-date {
+    float: right;
+}
+
+@media print {
+    table {
+        margin-bottom: 10cm;
+    }
+    .navbar, .generator-input, #contactModal {
+        display: none !important;
+    }
+    .container {
+        max-width: 90%;
+    }
+    #list-footer {
+        position: fixed;
+        bottom: -0.25cm;
+    }
+}