admin/index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style.css">
  <link href="https://fonts.cdnfonts.com/css/helvetica-neue-55" rel="stylesheet">
  <!-- Include Quill stylesheet -->
  <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
  <!-- Include the Quill library -->
  <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
  <title>Eventeintrag</title>
</head>

<body>

  <div class="logo-container">
    <img src="logo.png" class="logo"><br><br><br>
    <label for"page-turn-select">Zeit zum Umblättern</label>
    <select id="page-turn-select">
      <option value='5'>5 Sekunden</option>
      <option value='10'>10 Sekunden</option>
      <option value='15'>15 Sekunden</option>
      <option value='30'>30 Sekunden</option>
      <option value='45'>45 Sekunden</option>
      <option value='60'>1 Minute</option>
    </select>

    <label for"display-order-select">Anzeige</label>
    <select id="display-order-select">
      <option value='1'>First Added</option>
      <option value='2'>Last Added</option>
      <option value='3'>Earliest End</option>
      <option value='4'>Latest End</option>
    </select>

    <label for"mode-select">Modus</label>
    <select id="mode-select">
      <option value='dark'>Dunkel</option>
      <option value='light'>Hell</option>
    </select>
  </div>


  <div class="wrapper">
    <div class="input-container">
      <label for="event-input">Event:</label>
      <input id="event-input" type="text" placeholder="Geben Sie den Eventnamen ein...">


      <label for="editor-container">Text:</label>
      <div id="editor-container">
        <div id="editor"></div>
      </div>
      <!-- <textarea id="text" placeholder="Beschreiben Sie das Event..."></textarea> -->

      <label for="from-time">Von:</label>
      <input type="datetime-local" id="from-time" placeholder="Startdatum und -Zeit">
      <button id="instant-button">Sofort</button>

      <label for="to-time">Bis:</label>
      <input type="datetime-local" id="to-time" placeholder="Enddatum und -zeit">

      <button id="upload-button">Hochladen</button>
    </div>

    <div class="events-container">
      <p id="events-display"></p>
    </div>
  </div>

  <script src="script.js"></script>
</body>

</html>