Added Content Notice

static/css/main.css

@@ -20,6 +20,9 @@ h1 {
   background-color: white;
   display: inline-block; }
 
+p {
+  line-height: 1.5; }
+
 span {
   background-color: white; }
 
@@ -36,6 +39,24 @@ hr {
   border-bottom: none;
   margin: 0px; }
 
+#contentnotice {
+  background-color: white;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 10pt; }
+  #contentnotice h1, #contentnotice h3 {
+    margin: 6pt; }
+  #contentnotice div {
+    width: 100%;
+    max-width: 500px; }
+
 .entry .meta {
   color: gray;
   margin: 2pt 4pt;
@@ -48,6 +69,10 @@ hr {
 .entry img {
   max-width: 100%; }
 
+.entry .interactions {
+  display: flex;
+  justify-content: space-around; }
+
 #loading {
   background-color: #fff9;
   position: absolute;

static/css/main.scss

@@ -30,6 +30,10 @@ h1 {
     display: inline-block;
 }
 
+p {
+    line-height: 1.5;
+}
+
 span {
     background-color: white;
 }
@@ -49,6 +53,29 @@ hr {
     margin: 0px;
 }
 
+#contentnotice {
+    background-color: white;
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 10pt;
+
+    h1, h3 {
+        margin: 6pt;
+    }
+
+    div {
+        width: 100%;
+        max-width: 500px;
+    }
+}
+
 .entry {
     .meta {
         color: gray;
@@ -64,6 +91,11 @@ hr {
     img {
         max-width: 100%;
     }
+
+    .interactions {
+        display: flex;
+        justify-content: space-around;
+    }
 }
 
 #loading {

static/js/main.js

@@ -1,7 +1,6 @@
 $(() => {
     // $('#auth-visible').hide()
 
-
     // Startdatum festlegen (Beispiel: 1. Januar 2025, 00:00:00 Uhr)
     const startDate = new Date('2025-12-13T12:44:00').getTime();
 
@@ -23,4 +22,15 @@ $(() => {
     updateCounter();
     setInterval(updateCounter, 1000);
 
+    let agreedToWarning = document.cookie.includes("agreedToWarning=True")
+    if(agreedToWarning) {
+        $("#contentnotice").hide()
+    }
 })
+
+function setCookie(cname, cvalue, exdays) {
+    const d = new Date();
+    d.setTime(d.getTime() + (exdays*24*60*60*1000));
+    let expires = "expires="+ d.toUTCString();
+    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
+}