mikka/Esc-Playlists
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Logo und andere kleinen Dinge

Browse source
This commit is contained in:
mikka 2026-05-14 23:29:06 +02:00
parent 587f2546f9
commit 2623dfdf1a
9 changed files with 422 additions and 255 deletions
Download patch file Download diff file Expand all files Collapse all files

66
templates/index.html
View file

@ -1,21 +1,23 @@
<style>
#flex-container{
#flex-container {
overflow: auto;
scroll-snap-type: x mandatory;
display: flex;
border: none;
gap: 5px;
}
article{
article {
flex-wrap: row nowrap;
border: none;
flex: 0 0 30rem;
}
a,h1,h2{
a,
h1,
h2 {
display: block;
text-align: center;
}
article{
article {
border: 2px solid;
border-radius: 15px;
border-color: black;
@ -23,43 +25,65 @@
width: 100%;
padding: 20px;
}
#kursive{
font-style: italic;
#kursive {
font-style: italic;
}
img{
img {
border-radius: 2%;
width: 100%;
aspect-ratio: 4/3;
object-fit: contain;
}
a{
a {
color: black;
}
h2{
h2 {
text-align: center;
}
article > a{
#gray {
font-size: 0.75rem;
display: block;
text-align: center;
color: rgb(181, 181, 181);
}
button{
button {
padding: 10px;
margin: 5px;
border: black;
border-radius: 20px;
}
#logo{
object-fit: scale-down;
}
#logocontaner{
margin: 0 auto;
height: 25%;
width: 25%;
}
#logo{
height: 105%;
scale: 150%;
}
#logocontaner{
margin: 0 auto;
}
</style>
<a href="/" id="logocontaner"><img id="logo" src="/static/Eurovision_Song_Contest_heart_Wikidata_(2014–2025).svg"></img></a>
<h1>ESC Playlist</h1>
<h2>2026</h2>
<a href="/suche?liste={{liste}}">Du willst ein weiteres Lied in der Playlist?</a>
<p>Die Playlist {{liste}} ist insgesamt {{ gesamtLaenge | zeit }} lang und enthält {{ karten|length }} Lieder</p>
<p><button id="play" onclick="abspielen()">Abspielen</button><button id="loop" onclick="looptrue()">Loop</button></p>
<div id = "flex-container">
{% for karte in karten %}
{% set karte_loop = loop %}
{% include "karte.html" %}
{% endfor %}
<a href="/suche?liste={{liste}}"
>Du willst ein weiteres Lied in der Playlist?</a
>
<p>
Die Playlist {{liste}} ist insgesamt {{ gesamtLaenge | zeit }} lang und
enthält {{ karten|length }} Lieder
</p>
<p>
<button id="play" onclick="abspielen()">Abspielen</button
><button id="loop" onclick="looptrue()">Loop</button>
</p>
<div id="flex-container">
{% for karte in karten %} {% set karte_loop = loop %} {% include
"karte.html" %} {% endfor %}
</div>
<script src="static/script.js"></script>
<script src="static/script.js"></script>

50
templates/karte.html
View file

@ -1,24 +1,42 @@
<article>
<img src="{{ karte.img }}"/>
<img src="{{ karte.img }}" />
{% if karte.ytid %}
<p><button id="{{karte_loop.index0}}" onclick="vorherige(this.id)">Vorherige</button><button id="{{karte_loop.index0}}" onclick="abspielendiese(this.id)">Abspielen</button><button id="{{karte_loop.index0}}" onclick="nächste(this.id)">Nächstes</button></p>
<audio controls src="/static/{{karte.datei}}"></audio>
<p>
<button id="{{karte_loop.index0}}" onclick="vorherige(this.id)">
Vorherige</button
><button id="{{karte_loop.index0}}" onclick="abspielendiese(this.id)">
Abspielen</button
><button id="{{karte_loop.index0}}" onclick="nächste(this.id)">
Nächstes
</button>
</p>
<audio src="/static/{{karte.datei}}"></audio>
{% endif %}
<h2>{{ karte.titel}}</h2>
<p><b>Übersetzter Titel:</b>{{ karte.uetitel}}</p>
<p><b>Interpreten:</b>{{ karte.interprete}}</p>
{% if karte.jahrgang %}
<p><b>Jahrgang:</b> {{ karte.jahrgang }}</p>
{% endif %}
{% if karte.plazirung%}
<p><b>Plazirung:</b> {{ karte.plazirung }}</p>
{% endif %}
<p><b>Länge:</b> {{karte.laenge|zeit}}</p>
<p><a href="https://www.wikidata.org/entity/{{karte.wikiid}}">Q-id:</a> {{karte.wikiid}}</p>
{% if karte.text %}
<a href="{{ karte.text }}" target="_blank">Original Text</a>
{% if karte.jahrgang %}
<p><b>Jahrgang:</b> {{ karte.jahrgang }}</p>
{% endif %} {% if karte.plazirung%}
<p><b>Plazirung:</b> {{ karte.plazirung }}</p>
{% endif %} {% if karte.land %}
<p><b>Antretent für:</b> {{karte.land}}</p>
{% endif %}
<p><b>Interpret(en):</b> {{ karte.interprete}}</p>
<p><b>Länge:</b> {{karte.laenge|zeit}}</p>
<p id="gray">
{% if karte.text %}
<a id="gray" href="{{ karte.text }}" target="_blank">Original Text</a>
{% endif %}
<a id="gray" href="https://www.wikidata.org/entity/{{karte.wikiid}}"
>Q-id:{{karte.wikiid}}</a
>
</p>
{% if admin %}
<form method="post"><button name="index" value="{{karte_loop.index0}}">&lt;X&gt;</button></form>
<form method="post">
<button name="index" value="{{karte_loop.index0}}">&lt;X&gt;</button>
</form>
{% endif %}
</article>

13
templates/neueliste.html
View file

@ -1,8 +1,19 @@
<style>
body{
display: block;
text-align: center;
}
form{
display: block;
text-align: center;
color: black;
}
#logo{
object-fit: scale-down;
}
#logocontaner{
margin: 3px;
}
</style>
<form><input name="name" value={{name}} placeholder="Name der Playlist"></form>
<a href="/" id="logocontaner"><img src="/static/Eurovision_Song_Contest_heart_Wikidata_(2014–2025).svg"></img></a>
<form><input name="name" value={{name}} placeholder="Name der Playlist"></form>

9
templates/playlists.html
View file

@ -11,8 +11,15 @@
text-align: center;
font-size: smaller;
}
#logo{
object-fit: scale-down;
}
#logocontaner{
margin: 3px;
}
</style>
<a id="logocontaner"><img src="/static/Eurovision_Song_Contest_heart_Wikidata_(2014–2025).svg"></img></a>
{% for list in lists %}
<a id="playlist" href="/?liste={{list}}"> {{list}} </a>
{% endfor %}
<a href="/neueliste">Lust auf was neues?</a>
<a href="/neueliste">Lust auf was neues?</a>

9
templates/suche.html
View file

@ -4,7 +4,14 @@
text-align: center;
color: black;
}
#logo{
object-fit: scale-down;
}
#logocontaner{
margin: 3px;
}
</style>
<a href="/" id="logocontaner"><img src="/static/Eurovision_Song_Contest_heart_Wikidata_(2014–2025).svg"></img></a>
{% if liste == empty %}
<p>Du musst etwas in die Playlist Screiben</p>
{% endif %}
@ -19,4 +26,4 @@
<p>Leider gibt es den Eintrag {{anfrage}} nicht!</p>
{%endif%}
<a href="/?liste={{liste}}">Doch nicht?</a>
<a href="/?liste={{liste}}">Doch nicht?</a>