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.

89 lines
2.7 KiB

  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. <title>华清大学课程攻略共享计划</title>
  12. <style>
  13. body {
  14. background: linear-gradient(-45deg,
  15. #fff calc(50% - 1px),
  16. #eee calc(50%),
  17. #fff calc(50% + 1px)
  18. );
  19. background-size: 6px 5px;
  20. font-family: 'Noto Sans SC', sans-serif;
  21. }
  22. h1 {
  23. font-family: 'Noto Serif SC', serif;
  24. font-weight: 300;
  25. }
  26. .qbox.login-box {
  27. background-color: black;
  28. color: white;
  29. margin: 0 auto;
  30. max-width: 500px;
  31. padding: 15px;
  32. margin-bottom: 25px;
  33. }
  34. a,
  35. a:hover,
  36. .btn-link,
  37. .btn-link:hover {
  38. color: inherit;
  39. text-decoration: underline;
  40. }
  41. </style>
  42. </head>
  43. <body>
  44. <div class="container">
  45. <div class="pt-3 pl-3 pb-4 mb-4">
  46. <h1>华清大学<br>&nbsp;课程攻略<br>&nbsp;&nbsp;共享计划</h1>
  47. </div>
  48. <div class="qbox login-box">
  49. <h1 style="margin: -23px -22px 35px">登录</h1>
  50. <div class="text-center mb-4 pb-4" style="border-bottom: 1px white solid">
  51. <a href="##" class="btn btn-link btn-lg">闭社帐号登陆</a>
  52. </div>
  53. <div class="text-center mb-4">
  54. <button class="btn btn-link btn-lg" onclick="load_guest_form()">guest登陆</button>
  55. </div>
  56. <div class="text-center">
  57. <iframe class="guest-login-form" style="display: none;border:none"></iframe>
  58. </div>
  59. </div>
  60. <div class="text-center">
  61. <p>消除信息不对等,追求更有意义的评价体系</p>
  62. </div>
  63. </div>
  64. </body>
  65. <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>
  66. <script>
  67. function load_guest_form() {
  68. var ifr = $('iframe');
  69. if(ifr.is(':visible')) {
  70. ifr.hide();
  71. return;
  72. }
  73. ifr.width($('.login-box').width() - 10);
  74. ifr.height(570);
  75. if(!ifr.attr('src'))
  76. ifr.attr("src", "guest");
  77. ifr.show();
  78. }
  79. </script>
  80. </html>