beautify tv view

visualization/templates/visualization/tv.html

@@ -4,7 +4,19 @@
 {% block css %}
   <style>
     #stage { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; }
-    #tvlogo { position:absolute; left:25px; top:25px; }
+    #tvlogo { position:absolute; left:25px; top:25px; opacity:0.7; }
+    #url {
+      position:absolute;
+      bottom:0; left:0; right:0;
+      text-align:center;
+    }
+
+    #url span {
+      font-size:48pt;
+      background-color:rgba(0,0,0,0.7);
+      border-radius: 0.5em 0.5em 0 0;
+      padding: 0.1em 0.5em;
+    }
     body { background:black; }
   </style>
 {% endblock %}
@@ -15,6 +27,7 @@
 {% block content %}
   <div id="stage"></div>
   <img id="tvlogo" src="{% static "visualization/assets/bytewerk_tv_150w.png" %}">
+  <div id="url"><span>https://schlangen.bytewerk.org/</span></div>
 {% endblock %}
 
 {% block footer %}