Add files via upload

ChengCheng0v0 · May 28, 2022 · 731a811 · 731a811
1 parent baef0a4
commit 731a811
Show file tree

Hide file tree

Showing 3 changed files with 63 additions and 9 deletions.
diff --git a/assets/css/index.css b/assets/css/index.css
@@ -41,7 +41,6 @@ hr {
     margin: 2rem auto;
     width: calc(100% - 4px);
     border: 2px dashed #a4d8fa;
-    background: #fff;
 }
 hr {
     box-sizing: content-box;
@@ -349,4 +348,54 @@ aside_content .card-info .author-info__description {
     background-color: transparent
 }
 
+.dark-button {
+    display: inline-block;
+    border-radius: 4px;
+    background-color: #0000008a;
+    border: none;
+    color: #FFFFFF;
+    text-align: center;
+    padding: 3px;
+    width: 80px;
+    transition: all 0.5s;
+    cursor: pointer;
+    margin: 5px;
+  }
+
+.dark-button:hover {
+    background-color: #000000be;
+    color: #fff;
+}
+
+.dark-mode {
+    background-color: #000000be;
+}
+
+.dark-mode a {
+    color: #00ff6a80
+}
+
+.dark-mode #page {
+    background-color: #252525;
+}
+
+.dark-mode .tool {
+    color: #ffffffbe;
+}
+
+.dark-mode .card-content {
+    background-color: #252525;
+    color: #ffffffbe;
+}
 
+.dark-mode #footer {
+    background-color: #252525;
+}
+
+.dark-mode .skillbar {
+    background-color: #3a3a3a;
+}
+
+.dark-mode .skill-bar-percent {
+    color: #ffffffab;
+}
diff --git a/assets/favicon.ico b/assets/favicon.ico
diff --git a/index.html b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="zh">
 
 <head>
@@ -9,7 +9,7 @@
     <meta name="format-detection" content="telephone=no">
     <link rel="icon" href="./favicon.ico">
     <link rel="stylesheet" href="./assets/css/index.css">
-    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
+    <link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/4.7.0/css/font-awesome.css">
     <link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/fancybox/3.5.7/jquery.fancybox.css">
     <script type="text/javascript">
         if (!!window.ActiveXObject || "ActiveXObject" in window) { //is IE?
@@ -54,6 +54,8 @@
                                 <a class="social-icon" href="https://space.bilibili.com/675279872" target="_blank"><svg t="1653121638226" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10961" width="26" height="26"><path d="M512 85.333333c235.648 0 426.666667 191.018667 426.666667 426.666667s-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512 276.352 85.333333 512 85.333333z m123.605333 175.786667a17.408 17.408 0 0 0-24.576-0.042667l-66.133333 66.261334h-64.256l-66.133333-66.261334-2.730667-2.218666a17.450667 17.450667 0 0 0-21.845333 26.88l41.514666 41.6H341.973333l-6.4 0.213333A86.357333 86.357333 0 0 0 256 413.482667v215.637333l0.256 6.4a86.314667 86.314667 0 0 0 85.76 79.786667h12.8l0.298667 4.138666a28.330667 28.330667 0 0 0 56.32-4.181333h201.173333l0.298667 4.181333a28.330667 28.330667 0 0 0 56.32-4.181333h12.8l6.4-0.256A86.357333 86.357333 0 0 0 768 629.12V413.482667l-0.256-6.4a86.314667 86.314667 0 0 0-85.76-79.786667h-87.893333l41.514666-41.6 2.218667-2.688a17.493333 17.493333 0 0 0-2.218667-21.930667z m40.448 117.589333c17.365333 0 31.445333 14.208 31.573334 31.573334l1.621333 221.696-0.256 4.266666a31.658667 31.658667 0 0 1-31.274667 27.349334H346.282667l-4.266667-0.298667a31.829333 31.829333 0 0 1-27.306667-31.317333l-1.621333-221.696 0.256-4.266667c2.048-15.36 15.36-27.306667 31.317333-27.306667z m-167.082666 182.058667c-11.306667 12.245333-12.586667 28.16-30.549334 28.16-11.306667 0-20.906667-15.018667-20.906666-15.018667l-1.664-1.792a10.794667 10.794667 0 0 0-7.04-2.56 9.941333 9.941333 0 0 0-9.941334 10.197334c0 1.792 0.426667 3.413333 1.194667 4.864l0.213333 0.426666c1.834667 3.242667 14.634667 24.490667 39.936 24.490667 15.018667 0 26.026667-10.069333 28.288-12.288l0.426667-0.426667 0.426667 0.426667c2.304 2.218667 13.312 12.288 28.330666 12.288 27.434667 0 40.149333-24.917333 40.106667-24.96l0.938667-2.261333 0.298666-2.56a9.941333 9.941333 0 0 0-9.941333-10.197334c-3.626667 0-6.826667 1.706667-8.704 4.352l-0.341333 0.512c-1.834667 2.645333-10.496 14.506667-20.522667 14.506667-16.213333 0-18.858667-12.885333-27.477333-24.405333z m59.733333-109.738667l-7.936 40.362667L668.586667 512l7.978666-40.32-107.818666-20.650667z m-113.450667 0l-107.818666 20.650667 7.978666 40.32 107.818667-20.608-7.978667-40.362667z" fill="#23ADE5" p-id="10962"></path></svg></a>
                                 <a class="social-icon" href="https://github.com/chengcheng0v0" target="_blank"><svg t="1653120684046" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1414" width="26" height="26"><path d="M512 85.333333C276.266667 85.333333 85.333333 276.266667 85.333333 512a426.410667 426.410667 0 0 0 291.754667 404.821333c21.333333 3.712 29.312-9.088 29.312-20.309333 0-10.112-0.554667-43.690667-0.554667-79.445333-107.178667 19.754667-134.912-26.112-143.445333-50.133334-4.821333-12.288-25.6-50.133333-43.733333-60.288-14.933333-7.978667-36.266667-27.733333-0.554667-28.245333 33.621333-0.554667 57.6 30.933333 65.621333 43.733333 38.4 64.512 99.754667 46.378667 124.245334 35.2 3.754667-27.733333 14.933333-46.378667 27.221333-57.045333-94.933333-10.666667-194.133333-47.488-194.133333-210.688 0-46.421333 16.512-84.778667 43.733333-114.688-4.266667-10.666667-19.2-54.4 4.266667-113.066667 0 0 35.712-11.178667 117.333333 43.776a395.946667 395.946667 0 0 1 106.666667-14.421333c36.266667 0 72.533333 4.778667 106.666666 14.378667 81.578667-55.466667 117.333333-43.690667 117.333334-43.690667 23.466667 58.666667 8.533333 102.4 4.266666 113.066667 27.178667 29.866667 43.733333 67.712 43.733334 114.645333 0 163.754667-99.712 200.021333-194.645334 210.688 15.445333 13.312 28.8 38.912 28.8 78.933333 0 57.045333-0.554667 102.912-0.554666 117.333334 0 11.178667 8.021333 24.490667 29.354666 20.224A427.349333 427.349333 0 0 0 938.666667 512c0-235.733333-190.933333-426.666667-426.666667-426.666667z" fill="#515151" p-id="1415"></path></svg></a>
                                 <a class="social-icon" href="javascript:void(0);" onclick="email()"><svg t="1653120990219" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="661" width="24" height="24"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#B3DFFF" p-id="662"></path><path d="M460.334545 509.44a75.869091 75.869091 0 0 0 103.563637 0l266.705454-250.181818A46.545455 46.545455 0 0 0 814.545455 256H209.454545a46.545455 46.545455 0 0 0-16.756363 3.258182zM857.134545 739.374545A46.545455 46.545455 0 0 0 861.090909 721.454545V302.545455a46.545455 46.545455 0 0 0-4.654545-20.247273l-235.287273 221.090909z" fill="#439DFF" p-id="663"></path><path d="M595.781818 527.36l-8.145454 7.68a110.778182 110.778182 0 0 1-151.272728 0l-8.145454-7.68L191.534545 764.043636A46.545455 46.545455 0 0 0 209.454545 768h605.09091a46.545455 46.545455 0 0 0 18.618181-3.956364zM167.563636 282.996364A46.545455 46.545455 0 0 0 162.909091 302.545455v418.90909a46.545455 46.545455 0 0 0 3.956364 18.618182l235.985454-236.683636z" fill="#439DFF" p-id="664"></path></svg></a>
+                                <br>
+                                <button class="dark-button" onclick="dark()" style="vertical-align:middle"><span><i class="fa fa-sun-o"></i> / <i class="fa fa-moon-o"></i></span></button>
                             </div>
                         </div>
                     </div>
@@ -221,10 +223,7 @@ <h2>我的技能</h2>
                         <hr>
                         <h2>开源项目</h2>
                         <div class="tool">
-                            <!--
-                            <a href="https://leetcode-cn.com/problemset/all/" target="_blank">Leetcode</a><br>
-                            <a href="https://www.nowcoder.com/ta/coding-interviews" target="_blank">剑指 Offer</a>
-                            -->
+                            <li><a href="？" target="_blank">？</a> | ？</li>
                         </div>
 
                         <hr>
@@ -259,7 +258,7 @@ <h2></h2>
     <link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.css">
     <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.js"></script>
     <!-- MetingJS -->
-    <script src="http://chengcheng0v0.cc/assets/js/meting.js"></script>
+    <script src="../assets/js/meting.js"></script>
 
     <!-- nplayer -->
     <script src="https://unpkg.com/nplayer@latest/dist/index.min.js"></script>
@@ -324,6 +323,12 @@ <h2></h2>
         console.log("%c 乾杯 - ( ゜- ゜)つロ", "background:#24272A; color:#ffffff", "");
         console.log("");
 
+        // 夜间模式
+        function dark() {
+            var element = document.body;
+            element.classList.toggle("dark-mode");
+        }
+
         (function ($) {
             $.fn.snow = function (options) {
                 var $flake = $('<div id="snowbox" />').css({ 'position': 'absolute', 'z-index': '9999', 'top': '-50px' }).html('&#10052;'),
@@ -386,4 +391,4 @@ <h2></h2>
     </script>
 </body>
 
-</html>
+</html>