index.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>首页 - MikuInvidious</title>
  7. <!-- MDUI CSS -->
  8. <link
  9. rel="stylesheet"
  10. href="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/css/mdui.min.css"
  11. integrity="sha384-cLRrMq39HOZdvE0j6yBojO4+1PrHfB7a9l5qLcmRm/fiWXYY+CndJPmyu5FV/9Tw"
  12. crossorigin="anonymous"
  13. />
  14. <!-- MDUI JavaScript -->
  15. <script
  16. src="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/js/mdui.min.js"
  17. integrity="sha384-gCMZcshYKOGRX9r6wbDrvF+TcCCswSHFucUzUPwka+Gr+uHgjlYvkABr95TCOz3A"
  18. crossorigin="anonymous"
  19. ></script>
  20. </head>
  21. <body class="mdui-theme-primary-pink mdui-theme-layout-dark">
  22. {% include 'toolbar.html' %}
  23. <div class="mdui-container mdui-typo">
  24. <h1>嘿,这里是 MikuInvidious!<small>MikuInvidious 是自由的哔哩哔哩前端。</small></h1>
  25. <p>要把哔哩哔哩链接转换成 MikuInvidious,你需要把 <code>www.bilibili.com</code> 和 <code>b23.tv</code> 替换成 MikuInvidious 实例的域名。</p>
  26. <p>个人空间需要把 <code>space.bilibili.com</code> 后的数字粘贴到实例域名 + <code>/space/</code> 后面。</p>
  27. <div class="mdui-panel mdui-hoverable" mdui-panel>
  28. <div class="mdui-panel-item">
  29. <div class="mdui-panel-item-header">热搜列表</div>
  30. <div class="mdui-panel-item-body">
  31. <ul class="mdui-list" style="padding-left: 0;">
  32. {% for hotward in hotwards %}
  33. <li class="mdui-list-item"><a href="{{ url_for('search_page', kwards=hotward['keyword']) }}"><h4>{{ hotward['keyword'] }}</h4></a></li>
  34. {% endfor %}
  35. </ul>
  36. </div>
  37. </div>
  38. </div>
  39. </div>
  40. {% include 'footer.html' %}
  41. </body>
  42. </html>