base.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. {% block head %}
  7. {% endblock %}
  8. <link rel="stylesheet" href="/static/themes/wayback/css/pure-min.css">
  9. <link rel="stylesheet" href="/static/themes/wayback/css/grids-responsive-min.css">
  10. <link rel="stylesheet" href="/static/themes/wayback/css/ionicons.min.css">
  11. <link rel="stylesheet" href="/static/themes/wayback/css/default.css">
  12. <script src="/static/themes/wayback/js/_helpers.js"></script>
  13. </head>
  14. <body class="{{ 'dark' if dark_mode else 'light' }}-theme">
  15. <span style="display:none" id="dark_mode_pref">{{ 'dark' if dark_mode else 'light' }}</span>
  16. <div class="pure-g">
  17. <div class="pure-u-1 pure-u-md-2-24"></div>
  18. <div class="pure-u-1 pure-u-md-20-24" id="contents">
  19. <div class="pure-g navbar h-box">
  20. <div class="pure-u-1 pure-u-md-4-24">
  21. <a href="/" class="index-link pure-menu-heading">MikuInvidious</a>
  22. </div>
  23. <div class="pure-u-1 pure-u-md-12-24 searchbar">
  24. <form class="pure-form" action="/search" method="get">
  25. <fieldset>
  26. <input type="search" id="searchbox" autocomplete="off" autocorrect="off"
  27. autocapitalize="none" spellcheck="false" name="q" placeholder="想要搜索点什么?" {{ ('value=%s' % q) if q else '' }} %>
  28. </fieldset>
  29. </form>
  30. </div>
  31. <div class="pure-u-1 pure-u-md-8-24 user-field">
  32. <div class="pure-u-1-3">
  33. <a id="toggle_theme" href="/toggle_theme" class="pure-menu-heading">
  34. <i class="icon ion-ios-moon"></i>
  35. </a>
  36. </div>
  37. <div class="pure-u-1-3">
  38. <a title="偏好设置" href="/preferences" class="pure-menu-heading">
  39. <i class="icon ion-ios-cog"></i>
  40. </a>
  41. </div>
  42. </div>
  43. </div>
  44. {% block content %}
  45. {% endblock %}
  46. <footer>
  47. <div class="pure-g">
  48. <div class="pure-u-1 pure-u-md-1-3">
  49. <span>
  50. <i class="icon ion-logo-github"></i>
  51. {% if site_modified_source_code_url %}
  52. <a href="https://0xacab.org/johnxina/mikuinvidious">原始项目源代码</a>&nbsp;/
  53. <a href="{{ site_modified_source_code_url }}">修改后的源代码</a>
  54. {% else %}
  55. <a href="https://0xacab.org/johnxina/mikuinvidious">源代码</a>
  56. {% endif %}
  57. </span>
  58. <span>
  59. <i class="icon ion-ios-paper"></i>
  60. <a href="https://mi.resrv.org/">文档</a>
  61. </span>
  62. </div>
  63. <div class="pure-u-1 pure-u-md-1-3">
  64. <span>
  65. <a href="https://0xacab.org/johnxina/mikuinvidious/-/blob/no-masters/LICENSE">自豪地以 AGPLv3 释出</a>
  66. </span>
  67. <span>
  68. <i class="icon ion-logo-javascript"></i>
  69. <a rel="jslicense" href="/licenses" rel="jslicense">查看 JavaScript 许可证</a>
  70. </span>
  71. <span>
  72. <i class="icon ion-ios-paper"></i>
  73. <a href="/privacy">隐私条款</a>
  74. </span>
  75. </div>
  76. <div class="pure-u-1 pure-u-md-1-3">
  77. <span>
  78. <i class="icon ion-ios-wallet"></i>
  79. <a href="https://mi.resrv.org/docs/donate">赞助我们</a>
  80. </span>
  81. <span>版本信息当前不可用 :-(</span>
  82. </div>
  83. </div>
  84. </footer>
  85. </div>
  86. <div class="pure-u-1 pure-u-md-2-24"></div>
  87. </div>
  88. <script src="/static/themes/wayback/js/themes.js"></script>
  89. {% block lowerbody %}
  90. {% endblock %}
  91. </body>
  92. </html>