207 lines
5.4 KiB
HTML
207 lines
5.4 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="stylesheet" href="styles.css" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Darmstadt sagt Nein zur Bezahlkartei!</title>
|
|
<script type="module" src="main.js" defer></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="v-container" id="cafe" style="display: none">
|
|
<div id="cafe-voucher" style="display: none">
|
|
<h1 class="shout">
|
|
Sumpf
|
|
</h1>
|
|
<div class="h-container">
|
|
<form class="column" id="cafe-voucher-aldi">
|
|
<button type="submit">
|
|
<img
|
|
src="assets/aldi.svg"
|
|
class="logo"
|
|
alt="ALDI-Süd-Logo"
|
|
/>
|
|
</button>
|
|
</form>
|
|
<form class="column" id="cafe-voucher-edeka">
|
|
<button type="submit">
|
|
<img
|
|
src="assets/edeka.svg"
|
|
class="logo"
|
|
alt="Edeka-Logo"
|
|
/>
|
|
</button>
|
|
</form>
|
|
<form class="column" id="cafe-voucher-dm">
|
|
<button type="submit">
|
|
<img
|
|
src="assets/dm.svg"
|
|
class="logo"
|
|
alt="dm-Logo"
|
|
/>
|
|
</button>
|
|
</form>
|
|
<form class="column" id="cafe-voucher-lidl">
|
|
<button type="submit">
|
|
<img
|
|
src="assets/lidl.svg"
|
|
class="logo"
|
|
alt="Lidl-Logo"
|
|
/>
|
|
</button>
|
|
</form>
|
|
<form class="column" id="cafe-voucher-rewe">
|
|
<button type="submit">
|
|
<img
|
|
src="assets/rewe.svg"
|
|
class="logo"
|
|
alt="Rewe-Logo"
|
|
/>
|
|
</button>
|
|
</form>
|
|
<form class="column" id="cafe-voucher-tegut">
|
|
<button type="submit">
|
|
<img
|
|
src="assets/tegut.svg"
|
|
class="logo"
|
|
alt="Tegut-Logo"
|
|
/>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div id="cafe-inventory" style="display: none">
|
|
<form>
|
|
<div style="display: contents">
|
|
<div class="labelled-input">
|
|
<input type="radio" id="cafe-inventory-acc-sumpf" name="cafe-inventory-acc">
|
|
<label for="cafe-inventory-acc-sumpf">Sumpf</label>
|
|
</div>
|
|
<div class="labelled-input">
|
|
<input type="radio" id="cafe-inventory-acc-hs" name="cafe-inventory-acc">
|
|
<label for="cafe-inventory-acc-hs">Heinersyndikat</label>
|
|
</div>
|
|
</div>
|
|
<div style="display: contents">
|
|
<div class="labelled-input" id="cafe-inventory-aldi">
|
|
<label for="cafe-inventory-voucher-aldi">
|
|
<img
|
|
src="assets/aldi.svg"
|
|
class="logo"
|
|
alt="ALDI-Süd-Logo"
|
|
/>
|
|
</label>
|
|
<input type="number" name="cafe-inventory-voucher-aldi" min="0">
|
|
</div>
|
|
<div class="labelled-input" id="cafe-inventory-edeka">
|
|
<label for="cafe-inventory-voucher-edeka">
|
|
<img
|
|
src="assets/edeka.svg"
|
|
class="logo"
|
|
alt="Edeka-Logo"
|
|
/>
|
|
</label>
|
|
<input type="number" name="cafe-inventory-voucher-edeka" min="0">
|
|
</div>
|
|
<div class="labelled-input" id="cafe-inventory-dm">
|
|
<label for="cafe-inventory-voucher-dm">
|
|
<img
|
|
src="assets/dm.svg"
|
|
class="logo"
|
|
alt="dm-Logo"
|
|
/>
|
|
</label>
|
|
<input type="number" id="cafe-inventory-voucher-dm" name="cafe-inventory-voucher-dm" min="0">
|
|
</div>
|
|
<div class="labelled-input" id="cafe-inventory-lidl">
|
|
<label for="cafe-inventory-voucher-lidl">
|
|
<img
|
|
src="assets/lidl.svg"
|
|
class="logo"
|
|
alt="Lidl-Logo"
|
|
/>
|
|
</label>
|
|
<input type="number" id="cafe-inventory-voucher-lidl" name="cafe-inventory-voucher-lidl" min="0">
|
|
</div>
|
|
<div class="labelled-input" id="cafe-inventory-rewe">
|
|
<label for="cafe-inventory-voucher-rewe">
|
|
<img
|
|
src="assets/rewe.svg"
|
|
class="logo"
|
|
alt="Rewe-Logo"
|
|
/>
|
|
</label>
|
|
<input type="number" id="cafe-inventory-voucher-rewe" name="cafe-inventory-voucher-rewe" min="0">
|
|
</div>
|
|
<div class="labelled-input" id="cafe-inventory-tegut">
|
|
<label for="cafe-inventory-voucher-tegut">
|
|
<img
|
|
src="assets/tegut.svg"
|
|
class="logo"
|
|
alt="Tegut-Logo"
|
|
/>
|
|
</label>
|
|
<input type="number" id="cafe-inventory-voucher-tegut" name="cafe-inventory-voucher-tegut" min="0">
|
|
</div>
|
|
</div>
|
|
<div class="labelled-input">
|
|
<label for="cafe-inventory-cash">
|
|
<img
|
|
src="assets/cash.svg"
|
|
class="logo"
|
|
alt="Bargeld"
|
|
/>
|
|
</label>
|
|
<input type="number" id="cafe-inventory-cash" name="cafe-inventory-cash" min="0">
|
|
</div>
|
|
<button type="submit" class="shout">
|
|
Senden
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<div class="v-container nav" id="cafe-nav">
|
|
<form id="cafe-nav-inventory">
|
|
<button type="submit">
|
|
<span class="shout">
|
|
Bestand
|
|
</span>
|
|
</button>
|
|
</form>
|
|
<form id="cafe-nav-voucher">
|
|
<button type="submit">
|
|
<span class="shout">
|
|
Annahme
|
|
</span>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div id="angel">
|
|
<div>
|
|
<form class="h-container">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="v-container nav" id="nav">
|
|
<form class="column" id="nav-cafe">
|
|
<button type="submit">
|
|
<img
|
|
src="assets/cafe.svg"
|
|
class="logo"
|
|
alt="Tauschcafé"
|
|
/>
|
|
</button>
|
|
</form>
|
|
<form class="column" id="nav-angel">
|
|
<button type="submit">
|
|
<img
|
|
src="assets/angel.svg"
|
|
class="logo"
|
|
alt="Botengang"
|
|
/>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|