Fixing vertical alignment in videos pages
This commit is contained in:
parent
050160c326
commit
690158ff1c
@ -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;
|
||||
|
@ -1,10 +0,0 @@
|
||||
body {
|
||||
font-family: Verdana, Geneva, Tahoma, sans-serif;
|
||||
}
|
||||
|
||||
.container {
|
||||
border: 1em;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;;
|
||||
}
|
@ -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" %}
|
Loading…
Reference in New Issue
Block a user