add footer and fix link color

1 files changed, 19 insertions, 0 deletions

diff --git a/Info/11/2/Codierung_Pruefziffern/iban.html b/Info/11/2/Codierung_Pruefziffern/iban.html
index 87e9fd59..1cc36dad 100644
--- a/Info/11/2/Codierung_Pruefziffern/iban.html
+++ b/Info/11/2/Codierung_Pruefziffern/iban.html
@@ -11,6 +11,7 @@
       /* define applied colors */
       --bg: #fdfdfd;
       --fg: #1a1a1a;
+      --link-color: #0000EE;
     }
     @media (prefers-color-scheme: dark) {
       /* change apllied colors to the dark gruvbox pallet
@@ -19,6 +20,7 @@
       :root {
         --bg: #282828; /* dark bg */
         --fg: #ebdbb2; /* dark fg */
+	--link-color: #d79921; /* yellow */
       }
     }
     
@@ -42,6 +44,19 @@
       text-rendering: optimizeLegibility;
       font-kerning: normal;
     }
+
+    footer {
+      position:absolute;
+      bottom: 0;
+    }
+
+    a {
+      color: var(--link-color);
+    }
+
+    a:visited {
+      color: var(--link-color);
+    }
     
     @media (max-width: 600px) {
       body {
@@ -194,5 +209,9 @@
 <summary>Visualisierung</summary>
 <div id="iban_check_visualisation">
 </details>
+<footer>
+<p xmlns:cc="http://creativecommons.org/ns#">Diese Seite von <span property="cc:attributionName">Florian Fischer</span> ist unter folgender Lizenz veröffentlicht: <a href="https://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1" alt=""></a></p>
+</footer>
+
 </body>
 </html>