space.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="referrer" content="never">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>用户空间 - MikuInvidious</title>
  8. <link rel="stylesheet" href="/static/css/space.css">
  9. <!-- MDUI CSS -->
  10. <link
  11. rel="stylesheet"
  12. href="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/css/mdui.min.css"
  13. integrity="sha384-cLRrMq39HOZdvE0j6yBojO4+1PrHfB7a9l5qLcmRm/fiWXYY+CndJPmyu5FV/9Tw"
  14. crossorigin="anonymous"
  15. />
  16. <!-- MDUI JavaScript -->
  17. <script
  18. src="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/js/mdui.min.js"
  19. integrity="sha384-gCMZcshYKOGRX9r6wbDrvF+TcCCswSHFucUzUPwka+Gr+uHgjlYvkABr95TCOz3A"
  20. crossorigin="anonymous"
  21. ></script>
  22. </head>
  23. <body class="mdui-theme-primary-pink mdui-theme-layout-dark">
  24. {% include 'toolbar.html' %}
  25. <div class="mdui-container mdui-typo">
  26. <div style="height: 2em;"></div>
  27. <div class="mdui-row">
  28. <div class="mdui-col-sm-3">
  29. <img class="member-avatar" src="{{ info['face']|picproxy }}" />
  30. <div class="member-level">
  31. {% set level = info['level'] %}
  32. {% include 'level.html' %}
  33. </div>
  34. </div>
  35. <div class="mdui-col-sm-8 mdui-column">
  36. <h1 class="member-title">{{ info['name'] }}<small><code>{{ info['mid'] }}</code></small></h1>
  37. <div>
  38. {% if info['fans_medal']['wear'] %}
  39. <div class="mdui-chip" style="background-color: #{{ info['fans_medal']['medal']['medal_color']|hexcolor }};">
  40. <span class="mdui-chip-title">{{ info['fans_medal']['medal']['medal_name'] }}</span>
  41. <span class="mdui-chip-icon">{{ info['fans_medal']['medal']['level'] }}</span>
  42. </div>
  43. {% endif %}
  44. <a class="mdui-float-right mdui-btn-raised" href="https://space.bilibili.com/{{ info['mid'] }}"><button class="mdui-btn mdui-btn-raised">在哔哩哔哩查看</button></a>
  45. <p class="member-cum">{{ info['sign'] }}</p>
  46. </div>
  47. </div>
  48. </div>
  49. <h2>
  50. {% set page_num = page['pn'] %}
  51. {% set count = page['count'] %}
  52. {% set ps = page['ps'] %}
  53. 第 {{ page['pn'] }} 页,共 {{ (count/ps)|ceil }} 页。
  54. {% if page_num-1 != 0 %}
  55. <a href="/space/{{ info['mid'] }}:{{ page_num-1 }}">
  56. <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme mdui-valign">
  57. 上一页
  58. </button>
  59. </a>
  60. {% endif %}
  61. {% if page_num+1 <= (count/ps)|ceil %}
  62. <a href="/space/{{ info['mid'] }}:{{ page_num+1 }}">
  63. <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme mdui-valign">
  64. 下一页
  65. </button>
  66. </a>
  67. {% endif %}
  68. </h2>
  69. <div class="mdui-row-xl-8 mdui-row-lg-6 mdui-row-md-4 mdui-col-sm-2" style="padding-top: 2em; width: 100%;">
  70. {% for vid in vids['list']['vlist'] %}
  71. <div class="mdui-col vidcol">
  72. <div class="mdui-card preview-card">
  73. <div class="mdui-card-media">
  74. <img class="preview-pic" src="{{ vid['pic']|picproxy }}"/>
  75. <div class="mdui-card-media-covered mdui-card-media-covered-transparent">
  76. <div class="mdui-card-primary">
  77. <div class="mdui-card-primary-subtitle mdui-color-theme-accent">播放:{{ vid['play'] }}</div>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="mdui-card-actions">
  82. <a href="/video/av{{ vid['aid'] }}">{{ vid['title'] }}</a>
  83. </div>
  84. </div>
  85. </div>
  86. {% endfor %}
  87. </div>
  88. <h2 class="mdui-float-right">
  89. 第 {{ page['pn'] }} 页,共 {{ (count/ps)|ceil }} 页。
  90. {% if page_num-1 != 0 %}
  91. <a href="/space/{{ info['mid'] }}:{{ page_num-1 }}">
  92. <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme mdui-valign">
  93. 上一页
  94. </button>
  95. </a>
  96. {% endif %}
  97. {% if page_num+1 <= (count/ps)|ceil %}
  98. <a href="/space/{{ info['mid'] }}:{{ page_num+1 }}">
  99. <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme mdui-valign">
  100. 下一页
  101. </button>
  102. </a>
  103. {% endif %}
  104. </h2>
  105. </div>
  106. {% include 'footer.html' %}
  107. </body>
  108. </html>