Commit 4cb8f6cd authored by Juan's avatar Juan
Browse files

Added streaming link and page

parent 394fb65c
Pipeline #2111 passed with stages
in 2 minutes and 38 seconds
......@@ -16,6 +16,9 @@ layout: main
allowfullscreen
></iframe>
-->
<h3 class="streaming-link">
<a href="{{ site.basurl }}/livestream">livestream</a>
</h3>
</div>
{% if page.content %}
<div class="landing-text">{{ content }}</div>
......
......@@ -1079,6 +1079,54 @@ contributors style
opacity: 1;
}
.streaming-link {
text-align: right;
}
.streaming-link a {
position: relative;
}
.streaming-link a::before {
content: "";
display: block;
height: 0.4em;
width: 0.4em;
background: #ff2121;
border-radius: 50%;
position: absolute;
top: 50%;
left: -0.65em;
transform: translateY(-50%);
animation: blink;
animation-duration: 1.5s;
animation-iteration-count: infinite;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
.streaming-frame {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
aspect-ratio: 16/9;
max-width: 640px;
}
/*
=============================================
switch style taken from: https://www.w3schools.com/howto/howto_css_switch.asp
......
---
layout: main
permalink: /livestream/
title: livestream
---
<iframe
class="streaming-frame"
src="//live.dorftv.at/extern/amro/iframe"
frameborder="0"
allowfullscreen
></iframe>
<video style="position: fixed; top: 0; left: 0">
<source src="//live.dorftv.at/extern/amro/" />
</video>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment