BetterTwitFix/templates/inline.html
2021-12-02 19:00:41 -06:00

67 lines
2 KiB
HTML

{% 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>
<a href="{{ repo }}">TwitFix</a> Latest Video </br>
WARNING: Video content is not screened so may contain NSFW Content </br></br>
<video width="720" height="480" controls>
<source src="{{ vidlink }}" type="video/mp4">
</video>
</br></br>
<a href="{{ tweet }}">Original Tweet</a></br>
Original Author: {{ user }} </br>
<button onClick="window.location.reload();">Another?</button>
<button onclick="navigator.clipboard.writeText('{{ vidlink }}');
">Copy Link!</button>
{% endblock %}