Fixing vertical alignment in videos pages

This commit is contained in:
shockrah 2025-08-18 14:46:10 -07:00
parent 050160c326
commit 690158ff1c
3 changed files with 17 additions and 23 deletions

View File

@ -1211,7 +1211,7 @@ input, select, textarea {
-ms-justify-content: space-between;
justify-content: space-between;
position: relative;
min-height: 100vh;
min-height: 100px;
width: 100%;
padding: 4rem 2rem;
z-index: 3;

View File

@ -1,10 +0,0 @@
body {
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.container {
border: 1em;
width: 100%;
display: flex;
justify-content: center;;
}

View File

@ -1,14 +1,18 @@
<!DOCTYPE html>
{% include "head" %}
<body>
<div class="container">
{% if video %}
<video class="content" controls>
<source src="{{ video }}" type="video/{{ kind }}">
</video>
<br><p class="content">{{title}}</p>
{% else %}
<p class="content">Nothing to see here</p>
{% endif %}
{% include "header" %}
<body class="is-preload">
<div id="wrapper">
<header id="header">
<div class="content">
<div class="inner">
<h1>{{ title }}</h1>
<video controls>
<source src="{{ video }}" type="video/{{ kind }}">
</video>
</div>
</div>
</header>
</div>
<div id="bg"></div>
</body>
{% include "footer" %}