You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

92 lines
3.0 KiB

3 years ago
3 years ago
3 years ago
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  6. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
  7. <link href="https://fonts.yecdn.com/css2?family=Noto+Serif+SC:wght@300;700&display=swap" rel="stylesheet">
  8. <link href="https://fonts.yecdn.com/css2?family=Noto+Sans+SC&display=swap" rel="stylesheet">
  9. <meta property="og:title" content="华清大学课程攻略共享计划" />
  10. <meta property="og:description" content="这里有一套给你的往年考题" />
  11. <meta property="og:image" content="https://closed.social/pastExam/img/logo-256x256.png" />
  12. <link rel="icon" type="image/png" href="../img/logo-48x48.png" />
  13. <title>华清大学课程攻略共享计划</title>
  14. <style>
  15. body {
  16. background: linear-gradient(-45deg,
  17. #fff calc(50% - 1px),
  18. #eee calc(50%),
  19. #fff calc(50% + 1px)
  20. );
  21. background-size: 6px 5px;
  22. font-family: 'Noto Sans SC', sans-serif;
  23. }
  24. h1 {
  25. font-family: 'Noto Serif SC', serif;
  26. font-weight: 300;
  27. }
  28. .qbox.login-box {
  29. background-color: black;
  30. color: white;
  31. margin: 0 auto;
  32. max-width: 500px;
  33. padding: 15px;
  34. margin-bottom: 25px;
  35. }
  36. a,
  37. a:hover,
  38. .btn-link,
  39. .btn-link:hover {
  40. color: inherit;
  41. text-decoration: underline;
  42. }
  43. </style>
  44. </head>
  45. <body>
  46. <div class="container">
  47. <div class="pt-3 pl-3 pb-4 mb-4">
  48. <h1>华清大学<br>&nbsp;课程攻略<br>&nbsp;&nbsp;共享计划</h1>
  49. </div>
  50. <div class="qbox login-box">
  51. <h1 style="margin: -23px -22px 35px">登录</h1>
  52. <div class="text-center mb-4 pb-4" style="border-bottom: 1px white solid">
  53. <a href="mast/" class="btn btn-link btn-lg">闭社帐号登录</a>
  54. </div>
  55. <div class="text-center mb-4">
  56. <button class="btn btn-link btn-lg" onclick="load_guest_form()">guest登录</button>
  57. </div>
  58. <div class="text-center">
  59. <iframe class="guest-login-form" style="display: none;border:none"></iframe>
  60. </div>
  61. </div>
  62. <div class="text-center">
  63. <p>消除信息不对等,追求更有意义的评价体系</p>
  64. </div>
  65. <iframe src="count-info.html" style="border:none;width:100%;height:200px"></iframe>
  66. </div>
  67. </body>
  68. <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  69. <script>
  70. function load_guest_form() {
  71. var ifr = $('.guest-login-form');
  72. if(ifr.is(':visible')) {
  73. ifr.hide();
  74. return;
  75. }
  76. ifr.width($('.login-box').width() - 10);
  77. ifr.height(570);
  78. if(!ifr.attr('src'))
  79. ifr.attr("src", "guest/");
  80. ifr.show();
  81. }
  82. </script>
  83. </html>