frontend, etc.

This commit is contained in:
2024-05-17 09:41:26 +02:00
parent 2185b217e1
commit c1c9f98e87
19 changed files with 573 additions and 17 deletions

9
templates/item.html Normal file
View File

@@ -0,0 +1,9 @@
<html>
<head>
<title>Item Details</title>
<link href="{{ url_for('static', path='/styles.css') }}" rel="stylesheet">
</head>
<body>
<h1><a href="test.html">Item ID: {{ id }}</a></h1>
</body>
</html>

15
templates/landing.html Normal file
View File

@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<title>Liederwahl</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="{{ url_for('static', path='/landing_script.js') }}"></script>
</head>
<body>
<div>
<p><a href="" class="vote-from-existing">Abstimmen</a></p>
<!--<p>Fange eine neue Abstimmung an<a href="">Abstimmen</a></p>-->
</div>
</body>
</html>

27
templates/voting.html Normal file
View File

@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>Liederwahl</title>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', path='/colors.css') }}">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', path='/site.css') }}">
<script src="{{ url_for('static', path='/voting_script.js') }}"></script>
</head>
<body>
<div class="song">
<div class="cover-container">
<img src="{{ url_for('static', path='/cover.jpg') }}" class="cover">
<div class="overlay"><img src="{{ url_for('static', path='/play.svg') }}"></div>
</div>
<div class="song-data">VoicePlay: In The Air Tonight</div>
<div class="categories" id="container">
<span class="cat-1">Ballade</span><span class="cat-2">&lt; 90er Remake</span><span class="cat-3">Something else </span><span class="cat-4">Something else </span>
</div>
<div class="vote-buttons">
<div class="button button-no"><img src="{{ url_for('static', path='/no.svg') }}"></div><div class="button button-neutral"><img src="{{ url_for('static', path='/neutral.svg') }}"></div><div class="button button-yes selected"><img src="{{ url_for('static', path='/yes.svg') }}"></div>
</div>
<div class="clear"></div>
</div>
</body>
</html>