Upload New File

2021-04-09 17:31:14 +00:00 · 2021-04-09 17:31:14 +00:00 · adb34bef68
--- a/templates/chat-iframe.html
+++ b/templates/chat-iframe.html
@ -0,0 +1,55 @@
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="conent-security-policy" content="default-src 'none'">
+        <meta http-equiv="refresh" content="10">
+        <style>
+          div {color: white;}
+          .rotate {transform: rotate(-180deg);}
+          .reverse {direction: rtl;}
+          span.name {font-weight: bold;}
+        span.tripcode {
+            margin-left: 0.625em;
+            padding: 0 5px;
+            border-radius: 6px;
+            font-size: 90%;
+            font-family: monospace;
+            vertical-align: middle;
+        }
+          span.message {margin-left: 0.625em;word-wrap: break-word;}
+          span.camera {transform: scaleX(-1);text-shadow: 0px 0px 6px #ff8280;cursor: help;margin-right:0.25em;}
+          body {margin: 0.5em;min-height: calc(100vh - 1em);transform: scaleX(-1);}
+          input[type="submit"] {padding: 0;margin-bottom: 0.25em;}
+        </style>
+    </head>
+    <body>
+
+{% if broadcaster %}
+    <form action="/mod" method="post">
+        <div class="reverse">
+            <input class="rotate" type="submit" name="ban" value="Ban">
+            <input class="rotate" type="submit" name="hide" value="Hide">
+            <input class="rotate" type="submit" name="ban_purge" value="Ban and hide all">
+        </div>
+{% endif %}
+
+        {% for message in messages %}
+            <div class="rotate">
+                {% if not message['hidden'] %}
+                    {% if broadcaster %}
+                        <input type="checkbox" name="message_id[]" value="{{ message['id'] }}">
+                    {% endif %}
+                    {% if message['viewer']['broadcaster'] %}
+                        <span class="camera" title="Broadcaster">🎥</span>&#8288;<!--
+                 -->{% endif %}<span class="name" style="color:#{{ message['viewer']['colour'].hex() }};">{{ message['viewer']['nickname'] }}</span>&#8288;<!--
+                 -->{% if message['viewer']['tripcode']['string'] %}<span class="tripcode" style="background-color:#{{ message['viewer']['tripcode']['background_colour'].hex() }};color:#{{ message['viewer']['tripcode']['foreground_colour'].hex() }};">{{ message['viewer']['tripcode']['string'] }}</span>&#8288;<!--
+                 -->{% endif %}<span class="message">{{ message['text'] }}</span>
+                {% endif %}
+            </div>
+        {% endfor %}
+
+{% if broadcaster %}
+    </form>
+{% endif %}
+    </body>
+</html>