header.inc.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name='viewport' content='width=device-width,initial-scale=1'/>
  6. <meta content='true' name='HandheldFriendly'/>
  7. <meta content='width' name='MobileOptimized'/>
  8. <meta content='yes' name='apple-mobile-web-app-capable'/>
  9. <title>openwemb</title>
  10. <link rel="stylesheet" href="/static/css/style.css" />
  11. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css" integrity="sha512-IgmDkwzs96t4SrChW29No3NXBIBv8baW490zk5aXvhCD8vuZM3yUSkbyTBcXohkySecyzIrUwiF/qV0cuPcL3Q==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  12. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/plyr/3.6.12/plyr.min.css" integrity="sha512-cDe2OuLwzNwBFIlDDHUbnu6XoAUmOIGY2fctiLCxgNPw4OdkWfPcbO+rJmJ4Ck71ZxVo0gB30hzKUqfQG0mvNg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  13. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  14. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  15. <script src="/static/js/popup.js"></script>
  16. <script src="/static/js/debug.js"></script>
  17. <script src="/static/js/tools.js"></script>
  18. <script src="/static/js/api.js"></script>
  19. <script src="/static/js/suggest.js"></script>
  20. <script src="/static/js/navbar.js"></script>
  21. <script src="https://js.hcaptcha.com/1/api.js" async defer></script>
  22. <script src="https://cdnjs.cloudflare.com/ajax/libs/plyr/3.6.12/plyr.min.js" integrity="sha512-KD7SjO7VUcKW975+6TGB/h/E//W8Pei+W9806myhzEwekQ9W82Ne5jUMa2JMVn+pqSICZDVnvckAhTUwfON+pA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  23. <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js" integrity="sha512-qTXRIMyZIFb8iQcfjXWCO8+M5Tbc38Qi5WzdPOYZHIlZpzBHG3L3by84BBBOiRGiEb7KKtAOAs5qYdUiZiQNNQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  24. <script>
  25. window.my_user_id = ${session.get('authorized', -1)};
  26. </script>
  27. </head>
  28. <body>
  29. <nav id="navbar" class="navbar is-light is-fixed-top" role="navigation" aria-label="main navigation">
  30. <div class="navbar-brand">
  31. <a class="navbar-item" href="/">
  32. <h1 class="title">openwemb</h1>
  33. </a>
  34. <a role="button" id="nav-toggle" class="navbar-burger nav-toggle" aria-label="menu" aria-expanded="false" data-target="nav-menu">
  35. <span aria-hidden="true"></span>
  36. <span aria-hidden="true"></span>
  37. <span aria-hidden="true"></span>
  38. </a>
  39. </div>
  40. <div id="nav-menu" class="navbar-menu">
  41. <div class="navbar-start wider">
  42. <div class="navbar-item wider">
  43. <div class="dropdown wider">
  44. <div class="dropdown-trigger wider">
  45. <div class="field has-addons wider" style="padding-right: 1rem;">
  46. <div class="control wider">
  47. <input id="search_field" class="input" type="text" placeholder="Ex: cucumber nsfw">
  48. </div>
  49. <div class="control">
  50. <a id="search_button" class="button is-info"><i class="fas fa-search"></i></a>
  51. </div>
  52. </div>
  53. </div>
  54. <div id="suggestions" class="dropdown-menu" role="menu">
  55. <div id="suggestions_content" class="dropdown-content"></div>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="navbar-end">
  61. % if 'authorized' not in session:
  62. <div class="navbar-item">
  63. <div class="buttons">
  64. <a class="button is-primary" href="/signup">
  65. <strong>Sign up</strong>
  66. </a>
  67. <a class="button is-light" href="/login">
  68. Log in
  69. </a>
  70. </div>
  71. </div>
  72. % else:
  73. <div class="navbar-item">
  74. <div class="buttons">
  75. <a id="navbar_user_link" class="button is-light"><strong id="navbar_username">the void</strong></a>
  76. <button id="logout_button" class="button is-danger is-small">Log out</button>
  77. <a class="button is-success is-small" href="/upload" alt="Upload a video"><i class="fa-solid fa-upload"></i></a>
  78. </div>
  79. </div>
  80. % endif
  81. </div>
  82. </div>
  83. </nav>
  84. <section class="section" id="main">