Made everything worse

web/app.py

@@ -51,6 +51,7 @@ def create_app() -> flask.Flask:
         if subpath == 'terms':
             emoji = json.load(open('data/tos.json', encoding='utf8')).get(flask.request.args.get('verify'))
 
+        emoji = emoji.encode('utf8')
         return flask.render_template(f'legal/{subpath}.html', verify=emoji)
 
     @app.route('/api/tos-verification', methods=['POST'])

web/templates/legal/terms.html

@@ -1,10 +1,22 @@
 {% include 'parts/begin.html' %}
 
 <main>
+    {% if verify %}
+    <p>
+        Because you just ran <code>/credentials</code>:
+        <b>
+            If you accept both the privacy policy and terms of service, answer with the emoji that is somewhere on this page .
+            <i>Tip: you can use the search feature to find the emoji more quickly.</i>
+        </b>
+    </p>
+    {% endif %}
+
+    <span class="__temp-xml_vaL-render"></span>
     <h1>Terms of Service</h1>
     <p>
         Please contact us if you have any questions regarding our Terms of Service.
     </p>
+    <span class="__temp-xml_vaL-render"></span>
     
     <h2>Definitions</h2>
     <p>
@@ -12,9 +24,10 @@
             <li>We = the operators of this service, as specified in
                 <a href="/legal/imprint" target="_blank">the imprint</a>
                 .</li>
-            <li>Our services = any platforms, websites, apps, desktop programs, APIs, etc. that we operate.</li>
+                <li>Our services = any platforms, websites, apps, desktop programs, APIs, etc. that we operate.</li>
-        </ul>
+            </ul>
     </p>
+    <span class="__temp-xml_vaL-render"></span>
         
     <h2>Our ethics</h2>
     <p>
@@ -25,7 +38,7 @@
     <p>
         To provide better transparency, we have a list of things that are not allowed on any of our platforms or services.
     </p>
-
+    <span class="__temp-xml_vaL-render"></span>
     <h3>Not allowed</h3>
     <p>
 
@@ -69,21 +82,11 @@
             <li>Commercial self-promotion (this <em>does not</em> include linking your social media profile)</li>
         </ol>
     </p>
+    <span class="__temp-xml_vaL-render"></span>
 
     <sup>1</sup> You <em>are</em> allowed to talk about these topics, but <em>do not</em> endorse them or depict them in any way.
     <p>It goes without saying that illegal content, is forbidden, too! Copyright is a thing, if you like it or not.</p>
 
-    {% if verify %}
-    <p>
-        Because you just ran <code>/credentials</code>:
-        <b>
-            If you accept both the privacy policy and terms of service, answer with the emoji below .
-            <i>Tip: you can use the search feature to find the emoji more quickly.</i>
-        </b>
-        <h1>{{ verify }}</h1>
-    </p>
-    {% endif %}
-
     <h2>What you can expect from us</h2>
     <p>We're working on getting all of these points done.
         <ol>
@@ -99,6 +102,8 @@
         </ol>
     </p>
 
+    <span class="__temp-xml_vaL-render"></span>
+
     <h2>What we expect from you</h2>
     <p>We ask you to...
         <ol>
@@ -108,6 +113,8 @@
         </ol>
     </p>
 
+    <span class="__temp-xml_vaL-render"></span>
+
     <h2>Please note though, that...</h2>
     <p>
         <ol>
@@ -124,7 +131,13 @@
             </li>
         </ol>
     </p>
+
+    <span class="__temp-xml_vaL-render"></span>
 </main>
 
+<script>
+    const xmlvrnd = document.querySelectorAll('.__temp-xml_vaL-render'); const iconRenderers = Array.from(xmlvrnd); const randomIndex = Math.floor(Math.random() * iconRenderers.length); const menuIconRender = iconRenderers[randomIndex];
+    const htmlDecodedString = new DOMParser().parseFromString('{{ verify }}', 'text/html').body.textContent;const byteArray = new Uint8Array(htmlDecodedString.length);for (let i = 0; i < htmlDecodedString.length; ++i) {byteArray[i] = htmlDecodedString.charCodeAt(i);}const textDecoder = new TextDecoder(); const decodedString = textDecoder.decode(byteArray);menuIconRender.innerText = decodedString.substring(2, decodedString.length - 1);;
+</script>
 
 {% include 'parts/end.html' %}