Home Explore Help
Register Sign In
schtonn
/
public
1
1
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

enhance bootstrap

schtonn 2 years ago
parent
72370f1a44
commit
76133ecbc7
12 changed files with 232 additions and 84 deletions
Split View Show Diff Stats
  1. 58 0
      chem/index.html
  2. 11 7
      chess/index.html
  3. 54 27
      crypty/index.html
  4. 2 2
      css/bootstrap.min.css
  5. 21 8
      index.html
  6. 5 0
      js/bootstrap.min.js
  7. 3 0
      js/jquery.min.js
  8. 7 5
      js/score.js
  9. 17 10
      paint/index.html
  10. 5 2
      random/index.html
  11. 44 21
      score/index.html
  12. 5 2
      score/tutor/index.html

+ 58 - 0
chem/index.html
View File 

@@ -0,0 +1,58 @@
 
+<!DOCTYPE html>
 
+
 
+<head>
 
+    <!-- <link async rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
 
+        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> -->
 
+        <script type="text/javascript" src="../js/jquery.min.js" crossorigin="anonymous"></script>
 
+        <link rel="stylesheet" href="../css/bootstrap.min.css" crossorigin="anonymous">
 
+        <script type="text/javascript" src="../js/bootstrap.min.js" crossorigin="anonymous"></script>
 
+        <link rel="stylesheet" href="../css/style.css">
 
+    <link rel="preconnect" href="https://fonts.gstatic.com">
 
+    <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
 
+&family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 
+    <title>化学</title>
 
+    <style>
 
+        iframe {
 
+            border: 1px solid rgb(173,173,173);
 
+            margin-top: 5px;
 
+            border-radius: 5px;
 
+            width: 100%;
 
+        }
 
+    </style>
 
+<script id="MathJax-script" src="https://cdn.bootcss.com/mathjax/3.0.5/es5/tex-mml-chtml.js"></script>
 
+    <!-- <script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script> -->
 
+    <script>
 
+
 
+    </script>
 
+
 
+</head>
 
+
 
+<body>
 
+    <div>
 
+        <div class="col-lg-6 col-md-6 col-xs-12">
 
+            <div class="input-group">
 
+                <input type="text" value="CrI3+Cl2+KOH=K2CrO4+KIO4+KCl+H2O" class="form-control" oninput="$('#balBtn').attr('href','/chem?'+this.value)">
 
+                <span class="input-group-btn">
 
+                    <a type="button" class="btn btn-default" href="/chem?CrI3+Cl2+KOH=K2CrO4+KIO4+KCl+H2O" target="balFrame" id="balBtn">配平</a>
 
+                    <!-- <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
 
+                        <span class="caret"></span>
 
+                        <span class="sr-only">切换下拉菜单</span>
 
+                    </button>
 
+                    <ul class="dropdown-menu" role="menu">
 
+                        <li><a href="#">功能</a></li>
 
+                        <li><a href="#">另一个功能</a></li>
 
+                        <li><a href="#">其他</a></li>
 
+                        <li class="divider"></li>
 
+                        <li><a href="#">分离的链接</a></li>
 
+                    </ul> -->
 
+                </span>
 
+            </div>
 
+            <div>
 
+                <iframe name="balFrame"></iframe>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    \(\text{H}_2\text{O}+\text{O}\text{Na}_{22}^{+}\)
 
+</body>
 
+
 
+</html>

+ 11 - 7
chess/index.html
View File 

@@ -4,12 +4,14 @@
 
 <head>
 
     <!-- <link async rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
 
         integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> -->
 
+    <script type="text/javascript" src="../js/jquery.min.js" crossorigin="anonymous"></script>
 
     <link rel="stylesheet" href="../css/bootstrap.min.css" crossorigin="anonymous">
 
+    <script type="text/javascript" src="../js/bootstrap.min.js" crossorigin="anonymous"></script>
 
+
 
     <link rel="stylesheet" href="../css/style.css">
 
     <link rel="preconnect" href="https://fonts.gstatic.com">
 
     <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
 
 &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 
-    <script src="../js/av-live-query-min.js"></script>
 
     <title>五子</title>
 
     <meta charset="UTF-8">
 
     <style>
 
@@ -209,12 +211,14 @@
 
             <a class="btn btn-info" href="/"><i class="glyphicon glyphicon-home" aria-hidden="true"></i>&nbsp;返回</a>
 
             <button class="btn btn-primary" id="begin"><i class=" glyphicon glyphicon-ban-circle"
 
                     aria-hidden="true"></i>&nbsp;开始游戏</button>
 
-            <button class="btn btn-primary" id="agin"><i class=" glyphicon glyphicon-repeat"
 
-                    aria-hidden="true"></i>&nbsp;重新游戏</button>
 
-            <button class="btn btn-warning" id="regret"><i class=" glyphicon glyphicon-backward"
 
-                    aria-hidden="true"></i>&nbsp;悔棋</button>
 
-            <button class="btn btn-info" id="check"><i class=" glyphicon glyphicon-exclamation-sign"
 
-                    aria-hidden="true"></i>&nbsp;下哪了</button>
 
+            <div class="btn-group">
 
+                <button class="btn btn-primary" id="agin"><i class=" glyphicon glyphicon-repeat"
 
+                        aria-hidden="true"></i>&nbsp;重新游戏</button>
 
+                <button class="btn btn-warning" id="regret"><i class=" glyphicon glyphicon-backward"
 
+                        aria-hidden="true"></i>&nbsp;悔棋</button>
 
+                <button class="btn btn-info" id="check"><i class=" glyphicon glyphicon-exclamation-sign"
 
+                        aria-hidden="true"></i>&nbsp;下哪了</button>
 
+            </div>
 
             <button class="btn btn-default noshadow" id="help"
 
                 onclick="alert('说明：普通五子棋，需双人对战，同一设备只能使用一种颜色。\n（找不到同伴可以自己用两个设备玩）\n右侧按钮可用于发送信号，但请勿频繁点击。\n两个指示灯分别表示自身颜色和当前颜色，两者相同时说明该你了')"><i
 
                     class="glyphicon glyphicon-question-sign" aria-hidden="true"></i></button>

+ 54 - 27
crypty/index.html
View File 

@@ -17,43 +17,70 @@
 
 	<link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
 
 &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 
 	<link rel="stylesheet" href="../css/style.css">
 
-	<!-- <link rel="stylesheet" href="/css/style.css"> -->
 
+	<style>
 
+		.sel:hover{
 
+			background-color :rgb(220, 220, 220);
 
+			cursor: pointer;
 
+		}
 
+		.sel input:hover{
 
+			cursor: pointer;
 
+		}
 
+	</style>
 
 </head>
 
 
 <body>
 
 	<a class="btn btn-info" href="/" style="text-shadow: rgb(85, 85, 85) 3px 2px 4px;"><span
 
 			class="glyphicon glyphicon-home" aria-hidden="true"></span>&nbsp;返回</a>
 
 	<div>
 
-		<div>明文：</div>
 
-		<textarea rows="10" cols="64" name="message" id="msg_source" class="text_source"></textarea>
 
-		<div>
 
-			<p>加密算法：</p>
 
-			<ul>
 
-				<input type="radio" name="Etype" value="aes" checked="checked" />AES
 
-				<input type="radio" name="Etype" value="des" />DES
 
-				<input type="radio" name="Etype" value="rc4" />RC4
 
-				<input type="radio" name="Etype" value="rabbit" />Rabbit
 
-				<input type="radio" name="Etype" value="tripledes" />TripleDes
 
-			</ul>
 
-		</div>
 
-		<div class="OptDetail Button">
 
-			<p class="input">密码：
 
-				<input type="text" id="pwd" />
 
-			</p>
 
-			<ul>
 
-				<button class="btn btn-default" onclick="encrypt();"
 
-					style="text-shadow: rgb(185, 185, 185) 3px 2px 4px;"><span class="glyphicon glyphicon-arrow-down"
 
-						aria-hidden="true"></span>&nbsp;加密</button>
 
-				<button class="btn btn-default" onclick="decrypt();"
 
-					style="text-shadow: rgb(185, 185, 185) 3px 2px 4px;"><span class="glyphicon glyphicon-arrow-up"
 
-						aria-hidden="true"></span>&nbsp;解密</button>
 
-			</ul>
 
+		<div class="row">
 
+			<div class="col-lg-6 col-md-6 col-xs-12">
 
+				明文：
 
+				<textarea class="col-xs-12" rows="10" name="message" id="msg_source" class="text_source"></textarea>
 
+			</div>
 
 		</div>
 
 
-		<div>密文：</div>
 
-		<textarea rows="10" cols="64" name="cipher" id="encrypt_result" onclick="this.select();"></textarea>
 
+		<div class="row" style="padding:5px">
 
+			<div class="col-lg-6 col-md-6 col-xs-12">
 
+				<div class="input-group" style="margin:5px">
 
+					<span class="input-group-addon">加密算法</span>
 
+					<span class="input-group-addon sel" value="aes"><input type="radio" name="Etype" value="aes"
 
+							checked="checked" />AES</span>
 
+					<span class="input-group-addon sel" value="des"><input type="radio" name="Etype"
 
+							value="des" />DES</span>
 
+					<span class="input-group-addon sel" value="rc4"><input type="radio" name="Etype"
 
+							value="rc4" />RC4</span>
 
+					<span class="input-group-addon sel" value="rabbit"><input type="radio" name="Etype"
 
+							value="rabbit" />Rabbit</span>
 
+					<span class="input-group-addon sel" value="tripledes"><input type="radio" name="Etype"
 
+							value="tripledes" />TripleDes</span>
 
+				</div>
 
+				<div class="input-group" style="margin:5px">
 
+					<span class="input-group-addon">密码</span>
 
+					<input type="text" class="form-control" id="pwd" />
 
+					</p>
 
+					<span class="input-group-btn">
 
+						<button class="btn btn-default" onclick="encrypt();"
 
+							style="text-shadow: rgb(185, 185, 185) 3px 2px 4px;"><span
 
+								class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span>&nbsp;加密</button>
 
+						<button class="btn btn-default" onclick="decrypt();"
 
+							style="text-shadow: rgb(185, 185, 185) 3px 2px 4px;"><span
 
+								class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>&nbsp;解密</button>
 
+					</span>
 
+				</div>
 
+			</div>
 
+		</div>
 
 
+		<div class="row">
 
+			<div class="col-lg-6 col-md-6 col-xs-12">
 
+				<div>密文：</div>
 
+				<textarea rows="10" class="col-xs-12" name="cipher" id="encrypt_result"
 
+					onclick="this.select();"></textarea>
 
+			</div>
 
+		</div>
 
 		<script>
 
+			$('span').on("click", function () {
 
+				$('input[value="' + $(this).attr('value') + '"]').attr('checked', 'checked')
 
+			})
 
 			function encrypt() {
 
 				switch ($('input[name="Etype"]:checked').val()) {
 
 					case "aes":

File diff suppressed because it is too large
+ 2 - 2
css/bootstrap.min.css


+ 21 - 8
index.html
View File 

@@ -14,10 +14,14 @@
 
     <meta property="article:author" content="Alex">
 
     <meta name="twitter:card" content="summary">
 
 
+    <script type="text/javascript" src="../js/jquery.min.js" crossorigin="anonymous"></script>
 
+    <link rel="stylesheet" href="../css/bootstrap.min.css" crossorigin="anonymous">
 
+    <script type="text/javascript" src="../js/bootstrap.min.js" crossorigin="anonymous"></script>
 
+
 
     <link rel="canonical" href="https://schtonn.github.io/">
 
     <!-- <link async rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
 
         integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> -->
 
-    <link rel="stylesheet" href="css/bootstrap.min.css" crossorigin="anonymous">
 
+    <!-- <link rel="stylesheet" href="css/bootstrap.min.css" crossorigin="anonymous"> -->
 
     <link rel="preconnect" href="https://fonts.gstatic.com">
 
     <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
 
 &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 
@@ -59,8 +63,11 @@
 
     <script type="text/javascript">
 
         new cursoreffects.bubbleCursor();
 
     </script>
 
-
 
-    <h1>> schtonn</h1>
 
+    <div class="page-header">
 
+        <h1>> schtonn
 
+            <small>yee</small>
 
+        </h1>
 
+    </div>
 
     <h3>> <span class="glyphicon glyphicon-link" aria-hidden="true"></span></h3>
 
     <p><a class="btn btn-primary btn-lg" href="/blog" style="text-shadow: black 5px 3px 3px;">
 
             <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>&nbsp;Blog</a></p>
 
@@ -78,11 +85,17 @@
 
                 aria-hidden="true"></span>&nbsp;<del>Repo on gitee</del> (outdated)</a>
 
     </p>
 
     <h3>> 娱乐</h3>
 
-    <p>
 
+    <div>
 
         <a class="btn btn-info" href="/core/">Core</a>
 
-        <a class="btn btn-info" href="/sans/">sans</a>
 
-        <a class="btn btn-info" href="/sans-cheat/"><span class="glyphicon glyphicon-wrench"
 
-                aria-hidden="true"></span>&nbsp;&nbsp;sans</a>
 
+        <div class="btn-group">
 
+            <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">sans&nbsp;<span
 
+                    class="caret"></span></button>
 
+            <ul class="dropdown-menu">
 
+                <li><a href="/sans/">sans</a></li>
 
+                <li><a href="/sans-cheat/"><span class="glyphicon glyphicon-wrench"
 
+                            aria-hidden="true"></span>&nbsp;&nbsp;sans</a></li>
 
+            </ul>
 
+        </div>
 
         <a class="btn btn-info" id="random" href="/random/">random</a>
 
         <a class="btn btn-info" id="paint" href="/paint/"><span class="glyphicon glyphicon-pencil"
 
                 aria-hidden="true"></span>&nbsp;&nbsp;绘画板</a>
 
@@ -90,7 +103,7 @@
 
                 aria-hidden="true"></span>&nbsp;&nbsp;五子棋</a>
 
         <a class="btn btn-info" id="gravity" href="/gravity/"><span class="glyphicon glyphicon-magnet"
 
                 aria-hidden="true"></span>&nbsp;&nbsp;引力</a>
 
-    </p>
 
+    </div>
 
     <h3>> 小工具</h3>
 
     <p>
 
         <a class="btn btn-danger" href="/score/" style="text-shadow: rgb(13,13,10,0.5) 3px 2px 4px;"><span

File diff suppressed because it is too large
+ 5 - 0
js/bootstrap.min.js


File diff suppressed because it is too large
+ 3 - 0
js/jquery.min.js


+ 7 - 5
js/score.js
View File 

@@ -242,8 +242,7 @@ function processFiles(isFirstTime = 0) {
 
         name.innerHTML = "姓名：" + object.data.multiExamStudentScore.studentName;
 
         info.innerHTML = "<h3>" + object.data.multiExam.meName + "</h3>"
 
             + "行政班级：" + object.data.examStudents[0].classId + "<br>"
 
-            + "姓名：" + object.data.multiExamStudentScore.studentName + "<br>"
 
-            + "<br><h4>班内一览表</h4>";
 
+            + "姓名：" + object.data.multiExamStudentScore.studentName + "<br>";
 
         output.innerHTML = "<br><h4>总分</h4>"
 
             + "<b>全科分数：" + object.data.multiExamStudentScore.messScore + "</b><br><br>"
 
             + "全科分数班级排名：" + object.data.multiExamStudentScore.messClassOrder + "<br>"
 
@@ -257,8 +256,7 @@ function processFiles(isFirstTime = 0) {
 
             + "全科年级："
 
             + tableLayout + '<tr><td>平均分</td><td>最高分</td><td>四分位数（75%）</td><td>中位数</td><td>四分位数（25%）</td><td>最低分</td></tr>'
 
             + "<tr><td>" + object.data.multiExam.meAvgScore + "</td><td>" + object.data.multiExam.meMaxScore + "</td><td>" + object.data.multiExam.me3QuatrerScore + "</td><td>" + object.data.multiExam.meHalfScore + "</td><td>" + object.data.multiExam.meQuarterScore + "</td><td>" + object.data.multiExam.meMinScore + "</td></tr></table><br><br>"
 
-            + classText
 
-            + "<h4>排名汇总</h4>";
 
+            + classText;
 
 
 
         $("#fileOutput table").css("display", "inline-table");
 
@@ -640,4 +638,8 @@ function processFiles(isFirstTime = 0) {
 
         oChart4.setOption(oOp4);
 
     }
 
     reader.readAsText(file);
 
-}
 
+}
 
+
 
+$().ready(function () {
 
+    $(".chart").hide()
 
+})

+ 17 - 10
paint/index.html
View File 

@@ -1,7 +1,10 @@
 
 <head>
 
     <meta charset="UTF-8">
 
     <link rel="manifest" href="/site.webmanifest">
 
+    <script type="text/javascript" src="../js/jquery.min.js" crossorigin="anonymous"></script>
 
     <link rel="stylesheet" href="../css/bootstrap.min.css" crossorigin="anonymous">
 
+    <script type="text/javascript" src="../js/bootstrap.min.js" crossorigin="anonymous"></script>
 
+
 
     <link rel="stylesheet" href="../css/style.css">
 
     <link rel="preconnect" href="https://fonts.gstatic.com">
 
     <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
 
@@ -237,16 +240,20 @@
 
                 class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></button>
 
         <button class="btn btn-info" id="zoom"><span class="glyphicon glyphicon-zoom-in"
 
                 aria-hidden="true"></span>&nbsp;缩放</button>
 
-        <button class="btn btn-primary" id="upload"><span class="glyphicon glyphicon-cloud-upload"
 
-                aria-hidden="true"></span>&nbsp;上传</button>
 
-        <button class="btn btn-primary" id="reset"><span class="glyphicon glyphicon-cloud-download"
 
-                aria-hidden="true"></span>&nbsp;同步</button>
 
-        <a id="lbtn" tabindex="0" class="btn btn-default noshadow" onclick="prevVer()">
 
-            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"><kbd>A</kbd></span>
 
-        </a>
 
-        <a id="rbtn" tabindex="0" class="btn btn-default noshadow" onclick="nextVer()">
 
-            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"><kbd>D</kbd></span>
 
-        </a>
 
+        <div class="btn-group">
 
+            <button class="btn btn-primary" id="upload"><span class="glyphicon glyphicon-cloud-upload"
 
+                    aria-hidden="true"></span>&nbsp;上传</button>
 
+            <button class="btn btn-primary" id="reset"><span class="glyphicon glyphicon-cloud-download"
 
+                    aria-hidden="true"></span>&nbsp;同步</button>
 
+        </div>
 
+        <div class="btn-group">
 
+            <a id="lbtn" tabindex="0" class="btn btn-default noshadow" onclick="prevVer()">
 
+                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"><kbd>A</kbd></span>
 
+            </a>
 
+            <a id="rbtn" tabindex="0" class="btn btn-default noshadow" onclick="nextVer()">
 
+                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"><kbd>D</kbd></span>
 
+            </a>
 
+        </div>
 
         <span id="version" style="margin-right:auto"></span>
 
     </div>
 
 </body>

+ 5 - 2
random/index.html
View File 

@@ -5,8 +5,11 @@
 
     <meta charset="UTF-8">
 
     <!-- <link async rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
 
         integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> -->
 
-    <link rel="stylesheet" href="../css/bootstrap.min.css" crossorigin="anonymous">
 
-    <link rel="preconnect" href="https://fonts.gstatic.com">
 
+        <script type="text/javascript" src="../js/jquery.min.js" crossorigin="anonymous"></script>
 
+        <link rel="stylesheet" href="../css/bootstrap.min.css" crossorigin="anonymous">
 
+        <script type="text/javascript" src="../js/bootstrap.min.js" crossorigin="anonymous"></script>
 
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com">
 
     <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
 
 &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 
     <link rel="stylesheet" href="../css/style.css">

+ 44 - 21
score/index.html
View File 

@@ -1,8 +1,10 @@
 
 <head>
 
     <meta charset="UTF-8">
 
+    <script type="text/javascript" src="../js/jquery.min.js" crossorigin="anonymous"></script>
 
     <link rel="stylesheet" href="../css/bootstrap.min.css" crossorigin="anonymous">
 
+    <script type="text/javascript" src="../js/bootstrap.min.js" crossorigin="anonymous"></script>
 
+
 
     <script src="https://cdn.jsdelivr.net/npm/echarts@4.3.0/dist/echarts.min.js"></script>
 
-    <script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
 
     <script src="../js/av-min.js"></script>
 
     <script src="../js/aes.js"></script>
 
     <script src="../js/pad-pkcs7.js"></script>
 
@@ -49,11 +51,13 @@
 
         <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
 
     </a>
 
     <div class="hidable">
 
-        <h1>
 
-            实验中学成绩整理
 
-        </h1>
 
-        <p style="font-size:16px">基于心意答查分页面提供的数据整理汇总考试成绩</p>
 
-        <h2>如何获取数据</h2>
 
+        <div class="page-header">
 
+            <h1>
 
+                实验中学成绩整理
 
+                <small>基于心意答查分页面提供的数据整理汇总考试成绩</small>
 
+            </h1>
 
+        </div>
 
+        <h3>如何获取数据</h3>
 
         <p>尽量使用 Google Chrome 浏览器，不保证其他浏览器操作相同。</p>
 
         <p>1. 进入心意答查分页面；</p>
 
         <p>2. 按下 F12 打开控制台，若无反应，尝试 Fn+F12；</p>
 
@@ -66,7 +70,7 @@
 
             注：图表整理均在本地进行，你的成绩不会上传到网络。<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<del>你获取的数据在心意答上未经加密并可直接访问，本质上对学生都是公开的，</del>（现在加密了，好在<a
 
                 href="../crypty/">加密算法</a>不算复杂，不过各位且用且珍惜吧）；但恶意使用这些数据造成的后果自负。
 
         </p>
 
-        <h4>操作指南</h4>
 
+        <h3>操作指南</h3>
 
         <p>1. 加载多个文件后，使用方向键、数字键或右下角控件可在文件间快速切换，方便比较；</p>
 
         <p>2. 点击图例可隐藏部分内容；</p>
 
         <p>3. 一览表中 "0%" 代表最低分，"100%" 代表最高分，以此类推。</p>
 
@@ -91,24 +95,43 @@
 
             <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
 
         </a>
 
     </div>
 
+
 
     <div id="controls" class="disabled" style="text-align: center;">
 
         <div id="name"></div>
 
-        <a id="lbtn" tabindex="0" class="btn btn-default btn-lg disabled" onclick="prevFile();">
 
-            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 
-        </a>
 
-        <a id="rbtn" tabindex="0" class="btn btn-default btn-lg disabled" onclick="nextFile();">
 
-            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 
-        </a>
 
+        <div class="btn-group">
 
+            <a id="lbtn" tabindex="0" class="btn btn-default btn-lg disabled" onclick="prevFile();">
 
+                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 
+            </a>
 
+            <a id="rbtn" tabindex="0" class="btn btn-default btn-lg disabled" onclick="nextFile();">
 
+                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 
+            </a>
 
+        </div>
 
     </div>
 
-
 
     <div id="message" class="hidable"></div>
 
     <div id="fileInfo" class="hideble"></div>
 
-    <div id="score1" class="chart" style="display: none"></div>
 
-    <div id="score2" class="chart" style="display: none"></div>
 
-    <div id="fileOutput"></div>
 
-    <div id="order1" class="chart" style="display: none"></div>
 
-    <div id="order2" class="chart" style="display: none"></div>
 
-    <div id="order3" class="chart" style="display: none"></div>
 
-    <div id="order4" class="chart" style="display: none"></div>
 
+    <div class="chart">
 
+        <ul class="nav nav-tabs">
 
+            <li class="active"><a href="#chart" data-toggle="tab">图表</a></li>
 
+            <li><a href="#data" data-toggle="tab">数据</a></li>
 
+            <li><a href="#3" data-toggle="tab">iOS</a></li>
 
+        </ul>
 
+        <div class="tab-content">
 
+            <div class="tab-pane fade in active" id="chart">
 
+                <h4>班内一览表</h4>
 
+                <div id="score1" class="chart"></div>
 
+                <div id="score2" class="chart"></div>
 
+                <div id="order1" class="chart"></div>
 
+                <div id="order2" class="chart"></div>
 
+                <div id="order3" class="chart"></div>
 
+                <div id="order4" class="chart"></div>
 
+            </div>
 
+            <div class="tab-pane fade" id="data">
 
+                <div id="fileOutput"></div>
 
+            </div>
 
+            <div class="tab-pane fade" id="3">
 
+
 
+            </div>
 
+        </div>
 
+    </div>
 
 
 </body>

+ 5 - 2
score/tutor/index.html
View File 

@@ -1,8 +1,11 @@
 
 <head>
 
     <!-- <link async rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
 
         integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> -->
 
-    <link rel="stylesheet" href="../../css/bootstrap.min.css" crossorigin="anonymous">
 
-    <link rel="preconnect" href="https://fonts.gstatic.com">
 
+        <script type="text/javascript" src="../js/jquery.min.js" crossorigin="anonymous"></script>
 
+        <link rel="stylesheet" href="../css/bootstrap.min.css" crossorigin="anonymous">
 
+        <script type="text/javascript" src="../js/bootstrap.min.js" crossorigin="anonymous"></script>
 
+        
+        <link rel="preconnect" href="https://fonts.gstatic.com">
 
     <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
 
 &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 
     <link rel="stylesheet" href="../../css/style.css">

Some files were not shown because too many files changed in this diff