Update inline.html

templates/inline.html

@@ -1,3 +1,55 @@
+{% extends 'base.html' %}
+
+{% block head %}
+   <title> TwitFix Latest</title>
+   <script>
+        function unblock() {
+                var v = document.getElementById("block");
+                v.style.display = "none";
+        }
+   </script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Bowlby+One+SC&family=Paytone+One&display=swap');
+        @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@500&display=swap');
+
+        html, body {
+                height: 100%;
+                text-align:center;
+                background: #222222;
+                color: white;
+                font-family: 'Paytone One', sans-serif;
+                font-size: 2vw;
+        }
+
+        html {
+                display: table;
+                margin: auto;
+        }
+
+        body {
+                display: table-cell;
+                vertical-align: middle;
+                text-align:center;
+        }
+
+        a {
+                color: #8ebf42;
+        }
+
+        #block {
+                position: fixed;
+                height: 100%;
+                width: 75%;
+                background: #222222;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+        }
+    </style>
+    <link rel="alternate" href="{{ url }}/oembed.json?desc={{ urlUser }}&user={{ urlDesc }}&link={{ urlLink }}" type="application/json+oembed" title="{{ user }}">
+{% endblock %}
+
+{% block body %}
 <div id="block" onclick="unblock();">
 Potentially NSFW Content: Click if you are over 18
 </div>