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

add random

schtonn 2 years ago
parent
454353a4e0
commit
f02e6b00c5
3 changed files with 132 additions and 32 deletions
Split View Show Diff Stats
  1. 1 0
      css/style.css
  2. 35 32
      index.html
  3. 96 0
      random/index.html

+ 1 - 0
css/style.css
View File 

@@ -1,5 +1,6 @@
 
 body {
 
     font-family: 'Noto Serif SC', serif, 'Anonymous Pro', monospace;
 
+    background-color: floralwhite;
 
 }
 
 
 h1,h2,h3,h4 {

+ 35 - 32
index.html
View File 

@@ -26,43 +26,46 @@
 
 
 </head>
 
 
-<body itemscope itemtype="http://schema.org/WebPage" style="height: 1145.14px;">
 
+<body itemscope itemtype="http://schema.org/WebPage" >
 
     <script src="js/cursorEffects.js"></script>
 
     <script type="text/javascript">
 
         new cursoreffects.bubbleCursor({ emoji: "🤐" });
 
     </script>
 
 
-    <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>
 
+    <div class="bg">
 
+        <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>
 
+            <a class="btn btn-info" href="/sans/" style="text-shadow: rgb(133,133,130) 1px 2px 3px;">random</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>
 
+    </div>
 
 </body>
 
 
 </html>

+ 96 - 0
random/index.html
View File 

@@ -0,0 +1,96 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <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="css/style.css">
 
+
 
+    <title>random</title>
 
+
 
+    <style>
 
+        html,
 
+        body {
 
+            width: 100%;
 
+            height: 100%;
 
+        }
 
+
 
+        * {
 
+            margin: 0;
 
+            padding: 0;
 
+        }
 
+
 
+        /*背景模糊*/
 
+        .bg {
 
+            width: 100%;
 
+            height: 100%;
 
+            position: relative;
 
+            background: url('https://source.unsplash.com/random/1600x900') no-repeat fixed;
 
+            background-color: black;
 
+            background-size: cover;
 
+            opacity: 50;
 
+            box-sizing: border-box;
 
+            z-index: 1;
 
+        }
 
+
 
+        .bg:after {
 
+            content: "";
 
+            width: 100%;
 
+            height: 100%;
 
+            position: absolute;
 
+            left: 0;
 
+            top: 0;
 
+            background: inherit;
 
+            /* filter: brightness(150%); */
 
+            z-index: 2;
 
+        }
 
+
 
+        .content {
 
+            position: absolute;
 
+            background: inherit;
 
+            text-shadow: -3px -3px 3px rosybrown, 3px 3px 3px royalblue, 3px -3px 5px whitesmoke, -3px 3px 5px whitesmoke, -3px -3px 5px yellow;
 
+            filter: blur(50%);
 
+            z-index: 3;
 
+        }
 
+
 
+        @media screen {
 
+            .content {
 
+                padding: 20px 5px 5px 5px;
 
+            }
 
+        }
 
+
 
+
 
+        @media screen and (min-width:699px) {
 
+            .content {
 
+                padding: 20px 75px 40px 75px;
 
+            }
 
+
 
+        }
 
+
 
+        @media screen and (min-width:1200px) {
 
+            .content {
 
+                padding: 20px 150px 40px 150px;
 
+            }
 
+        }
 
+    </style>
 
+</head>
 
+
 
+
 
+<body itemscope itemtype="http://schema.org/WebPage" style="padding: 0px 0px 0px 0px">
 
+    <script src="js/cursorEffects.js"></script>
 
+    <script type="text/javascript">
 
+        new cursoreffects.bubbleCursor({ emoji: "🤐" });
 
+    </script>
 
+    <div class="bg">
 
+        <div class="content">
 
+            <a class="btn btn-default" href="/"><span class="glyphicon glyphicon-home" aria-hidden="true"></span></a>
 
+            <a class="btn btn-default" onclick="location.reload()"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></a>
 
+            <h1>> schtonn</h1>
 
+        </div>
 
+    </div>
 
+</body>
 
+
 
+</html>