nhentai/viewer/main.html

   1 <!doctype html>
   2 <html lang="en" class=" theme-black">
   3
   4 <head>
   5     <meta charset="utf-8" />
   6     <meta name="theme-color" content="#1f1f1f" />
   7     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, viewport-fit=cover" />
   8     <title>nHentai Viewer</title>
   9     <script type="text/javascript" src="data.js"></script>
  10         <!-- <link rel="stylesheet" href="./main.css"> -->
  11 <style>
  12 {STYLES}
  13 </style>
  14 </head>
  15
  16 <body>
  17     <div id="content">
  18         <nav class="sidenav">
  19                         <img src="logo.png">
  20                         <h1>nHentai Viewer</h1>
  21                         <button class="accordion">Language</button>
  22             <div class="options" id="language">
  23                     <a>English</a>
  24                     <a>Japanese</a>
  25                     <a>Chinese</a>
  26             </div>
  27                         <button class="accordion">Category</button>
  28             <div class="options" id ="category">
  29                     <a>Doujinshi</a>
  30                     <a>Manga</a>
  31             </div>
  32                         <button class="nav-btn hidden">Filters</button>
  33                         <div class="search">
  34                                 <input autocomplete="off" type="search" id="tagfilter" name="q" value="" autocapitalize="none" required="">
  35                                 <svg class="btn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="white" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
  36                         <div id="tags">
  37                         </div>
  38                 </nav>
  39         <div class="container" id="favcontainer">
  40
  41             {PICTURE}
  42
  43         </div> <!-- container -->
  44
  45     </div>
  46 <script>
  47     {SCRIPTS}
  48 </script>
  49 </body>
  50
  51 </html>