index.html

   1 <!DOCTYPE html>
   2 <html lang="de">
   3 <head>
   4     <meta charset="UTF-8">
   5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   6     <title>Tuxmoji</title>
   7     <link rel="stylesheet" href="css/index.css">
   8 </head>
   9 <body>
  10     <header>
  11       <a href="index.html"><h3>&#128039; Tuxmoji</h3></a>
  12     </header>
  13
  14     <noscript>
  15       <p>Sorry, only works with JavaScript :(</p>
  16     </noscript>
  17     <div class="category-buttons">
  18       <!-- category buttons -->
  19     </div>
  20     <div class="search-container">
  21         <input type="text" id="searchBox" onkeyup="filterEmojis()" placeholder="Search all emoji...">
  22     </div>
  23     <div id="emojiContainer" class="emoji-container"></div>
  24     <div id="emojiModal" class="modal">
  25       <div class="modal-content">
  26         <span class="close">&times;</span>
  27         <p id="emojiDetails"></p>
  28       </div>
  29     </div>
  30
  31     <footer>
  32     <a href="https://codeberg.org/Tuxilio/Tuxmoji">Source</a> <a href="https://tuxilio.codeberg.page/">Made with &#10084; by Tuxilio</a>
  33     </footer>
  34
  35     <script src="js/index.js"></script>
  36 </body>
  37 </html>