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

enhance style

schtonn 2 years ago
parent
5f1210fd4d
commit
9d83074ab6
3 changed files with 66 additions and 19 deletions
Split View Show Diff Stats
  1. 18 6
      crypty/index.html
  2. 7 0
      css/style.css
  3. 41 13
      index.html

+ 18 - 6
crypty/index.html
View File 

@@ -2,6 +2,9 @@
 
 <!-- saved from url=(0014)about:internet -->
 
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
 
 
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
 
+	integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
 
+
 
 <head>
 
 	<title>crypty</title>
 
 	<script src="/js/jquery-1.7.2.js"></script>
 
@@ -9,14 +12,19 @@
 
 	<script src="/js/tripledes.js"></script>
 
 	<script src="/js/rabbit.js"></script>
 
 	<script src="/js/rc4.js"></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="/website/Other/css/style.css"> -->
 
+<link rel="stylesheet" href="/css/style.css">
 
 </head>
 
 
 <body>
 
 	<div>
 
-		<div>plain:</div>
 
+		<div>明文：</div>
 
 		<textarea rows="10" cols="64" name="message" id="msg_source" class="text_source"></textarea>
 
 		<div>
 
-			<p>algorithm:</p>
 
+			<p>加密算法：</p>
 
 			<ul>
 
 				<input type="radio" name="Etype" value="aes" checked="checked" />AES
 
 				<input type="radio" name="Etype" value="des" />DES
 
@@ -26,16 +34,20 @@
 
 			</ul>
 
 		</div>
 
 		<div class="OptDetail Button">
 
-			<p class="input">pass:
 
+			<p class="input">密码：
 
 				<input type="text" id="pwd" />
 
 			</p>
 
 			<ul>
 
-				<button onclick="encrypt();">encrypt</button>
 
-				<button onclick="decrypt();">decrypt</button>
 
+				<button class="btn btn-default" onclick="encrypt();"
 
+					style="text-shadow: rgb(155, 155, 155) 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(155, 155, 155) 3px 2px 4px;"><span class="glyphicon glyphicon-arrow-up"
 
+						aria-hidden="true"></span>&nbsp;解密</button>
 
 			</ul>
 
 		</div>
 
 
-		<div>encrypted:</div>
 
+		<div>密文：</div>
 
 		<textarea rows="10" cols="64" name="cipher" id="encrypt_result" onclick="this.select();"></textarea>
 
 
 		<script>

+ 7 - 0
css/style.css
View File 

@@ -0,0 +1,7 @@
 
+body {
 
+    font-family: 'Noto Serif SC', serif, 'Anonymous Pro', monospace;
 
+}
 
+h1,h2,h3,h4
 
+    {
 
+        font-weight: bold;
 
+    }

+ 41 - 13
index.html
View File 

@@ -15,26 +15,54 @@
 
     <meta name="twitter:card" content="summary">
 
 
     <link rel="canonical" href="https://schtonn.github.io/">
 
-
 
-    <title>schtonn</title>
 
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
 
+        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" 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">
 
+<!-- <link rel="stylesheet" href="/website/Other/css/style.css"> -->
 
+<link rel="stylesheet" href="/css/style.css">
 
+<title>schtonn</title>
 
 
 </head>
 
 
-<body itemscope itemtype="http://schema.org/WebPage" style="height: 1145.14px;">
 
+<body itemscope itemtype="http://schema.org/WebPage" style="height: 1145.14px; margin: 5px;">
 
     <script src="js/cursorEffects.js"></script>
 
     <script type="text/javascript">
 
-        new cursoreffects.bubbleCursor({emoji:"🤐"});
 
+        new cursoreffects.bubbleCursor({ emoji: "🤐" });
 
     </script>
 
 
-    <h1>schtonn</h1>
 
-    <p><a href="/blog">blog</a></p>
 
-    <p><a href="https://github.com/schtonn/schtonn.github.io">view on github</a></p>
 
-    <p><a href="https://gitee.com/schtonn/schtonn"><del>view on gitee</del> (outdated)</a></p>
 
-    <h2>schtonn</h2>
 
-    <h4>schtonn</h4>
 
-    <h3>schtonn</h3>
 
-    <h5>schtonn</h5>
 
-
 
+    <h1>> schtonn</h1>
 
+    <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>
 
+    <p><a class="btn btn-primary" href="https://schtonn.github.io/" style="text-shadow: black 3px 2px 4px;">
 
+            <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>&nbsp;View on github</a>
 
+        <a class="btn btn-warning" href="https://schtonn.gitee.io/"
 
+            style="text-shadow: rgb(155,55,55) 3px 2px 4px;"><span class="glyphicon glyphicon-thumbs-down"
 
+                aria-hidden="true"></span>&nbsp;<del>View on
 
+                gitee</del>(outdated)</a>
 
+    </p>
 
+    <p><a class="btn btn-primary" href="https://github.com/schtonn/schtonn.github.io"
 
+            style="text-shadow: black 3px 2px 4px;"><span class="glyphicon glyphicon-folder-open"
 
+                aria-hidden="true"></span>&nbsp;&nbsp;Repo on github</a>
 
+        <a class="btn btn-warning" href="https://gitee.com/schtonn/schtonn"
 
+            style="text-shadow: rgb(155,55,55) 3px 2px 4px;"><span class="glyphicon glyphicon-folder-close"
 
+                aria-hidden="true"></span>&nbsp;<del>Repo on gitee</del> (outdated)</a>
 
+    </p>
 
+    <h3>> 娱乐：</h3>
 
+    <p>
 
+        <a class="btn btn-info" href="/core/" style="text-shadow: rgb(133,133,130) 1px 2px 3px;">Core</a>
 
+        <a class="btn btn-info" href="/sans/" style="text-shadow: rgb(133,133,130) 1px 2px 3px;">sans</a>
 
+        <a class="btn btn-info" href="/sans-cheat/" style="text-shadow: rgb(133,133,130) 1px 2px 3px;"><span
 
+                class="glyphicon glyphicon-wrench" aria-hidden="true"></span>&nbsp;&nbsp;sans</a>
 
+    </p>
 
+    <h3>> 小工具：</h3>
 
+    <p>
 
+        <a class="btn btn-danger" href="/score/" style="text-shadow: rgb(133,133,130) 1px 2px 3px;"><span
 
+                class="glyphicon glyphicon-stats" aria-hidden="true"></span>&nbsp;&nbsp;查分</a>
 
+        <a class="btn btn-info" href="/crypty/" style="text-shadow: rgb(133,133,130) 1px 2px 3px;">Crypty</a>
 
+    </p>
 
 </body>
 
 
 </html>