<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="stylesheet"
href="https://unpkg.com/purecss@2.0.3/build/pure-min.css"
integrity="sha384-cg6SkqEOCV1NbJoCu11+bm0NvBRc8IYLRGXkmNrqUBfTjmMYwNKPWBTIKyw9mHNJ"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="style.css" type="text/css" media="all" />
<title>Zitate</title>
</head>
<body>
<div class="pure-menu pure-menu-horizontal">
<a href="/" class="pure-menu-item pure-menu-link">Home</a>
<a href="/auth/api/logout" class="pure-menu-item pure-menu-link">Logout</a>
</div>
<main>
<form class="pure-form pure-form-stacked" action="api/add" method="post">
<fieldset>
<legend>Zitate</legend>
<label for="author">Autor (die Person, die zitiert wird)</label>
<select name="author" id="author" required></select>
<label for="quote">Zitat (max. 255 Zeichen)</label>
<input name="quote" type="text" id="quote" placeholder="Zitat" maxlength="255" required />
<button type="submit" class="pure-button pure-button-primary">Hinzufügen</button>
</fieldset>
</form>
<button id="open_TGI13.1">TGI13.1</button>
<ul style="display: none" id="TGI13.1"></ul>
<button id="open_TGI13.2">TGI13.2</button>
<ul style="display: none" id="TGI13.2"></ul>
<button id="open_TGM13.1">TGM13.1</button>
<ul style="display: none" id="TGM13.1"></ul>
<button id="open_TGM13.2">TGM13.2</button>
<ul style="display: none" id="TGM13.2"></ul>
<button id="open_TGTM13.1">TGTM13.1</button>
<ul style="display: none" id="TGTM13.1"></ul>
<button id="open_teacher">Lehrer</button>
<ul style="display: none" id="teacher"></ul>
</main>
<script src="script.js" charset="utf-8"></script>
</body>
</html>