Added Content Notice

2025-12-17 02:57:17 +01:00
parent 7eb4c82a4a
commit cbcbcf5dda
8 changed files with 359 additions and 10 deletions
@@ -27,10 +27,29 @@
            crossorigin="anonymous"
        ></script>
        <script src="/static/js/main.js"></script>
-
-        <script></script>
    </head>
    <body>
+        <div id="contentnotice">
+            <h1>Achtung!</h1>
+            <h3>Kontrollverlust</h3>
+            <div>
+                <p>Dieses Forum richtet sich ausschließlich an <strong>erwachsene Besucher:innen</strong>.</p>
+
+                <p>
+                    Die Inhalte könnten <strong>explizite Sprache, anstößige Themen, gewalthaltige Äußerungen, sowie pornografische Darstellungen in Text-, Zeichnungs- oder angedeuteter Form</strong> enthalten.
+                </p>
+                <p>
+                    <strong>Fotografische Nacktheit, reale Gewalt, Gore oder NSFL-Inhalte sind verboten</strong> – dennoch können Diskussionen und Beiträge für sensible Personen belastend sein.
+                </p>
+                <p>
+                    Wenn du mit solchen Inhalten nicht konfrontiert werden möchtest, <a href="https://optical.toys/">verlasse die Seite jetzt</a>. Durch das Fortsetzen erklärst du dich damit einverstanden, dass du die Inhalte auf eigene Verantwortung nutzt.
+                </p>
+            </div>
+            <button onclick="location.href='https://optical.toys/'" >Ich möchte lieber etwas anderes sehen!</button>
+            <button onclick="setCookie('agreedToWarning', 'True', '1'); $('#contentnotice').hide()" >Ich bin erwachsen und verstehe die Warnung – weiter</button>
+            <br style="margin: 30px;">
+        </div>
+
        <div hx-get="/auth/headerbar" hx-trigger="load"></div>
        <div class="htmx-indicator" id="loading"></div>
        <h1>Kontrollverlust</h1>
@@ -1,23 +1,29 @@
 {% for p in posts %}

 <div class="entry">
-    <div class="meta">
-        {{ p[6] }}  - {{ p[3] | timestamp }} <br>
-    </div>
+    <div class="meta">{{ p[6] }} - {{ p[3] | timestamp }} {{ p[1] }}<br /></div>
    <div class="content">
        <p>{{ p[4] }}</p>
    </div>
    {% if p[5] != 'none' %}
-        <img src="/{{ p[5] }}">
+    <img src="/{{ p[5] }}" />
    {% endif %}
+    <div
+        class="interactions"
+        id="int-{{p[1]}}"
+        hx-get="/entry/{{p[1]}}/interactions/none"
+        hx-trigger="load"
+    ></div>
 </div>
-<hr>
+<hr />

 {% endfor %}

-<div id="infinite-scroll-indicator"
+<div
+    id="infinite-scroll-indicator"
    hx-get="/entry/feed/{{page+1}}"
    hx-trigger="revealed"
-    hx-swap="outerHTML">
+    hx-swap="outerHTML"
+>
    <h2>Loading more...</h2>
 </div>
@@ -0,0 +1,3 @@
+<button hx-get="/entry/{{pid}}/interactions/left" hx-target="#int-{{pid}}">Links</button>
+<span>{{stats}}</span>
+<button hx-get="/entry/{{pid}}/interactions/right" hx-target="#int-{{pid}}">Rechts</button>