Startsida Utforska Hjälp
Logga in
TC
/
bokoFs
1
0
Fork 0
Filer Ärenden 0 Pull-förfrågningar 0 Wiki
Bläddra i källkod

Added icon

Toby Chui 2 veckor sedan
förälder
0c944b6276
incheckning
990f1bdd48
6 ändrade filer med 103 tillägg och 11 borttagningar
Delad Vy Visa Diff Statistik
  1. 27 0
      web/img/logo.ai
  2. 19 0
      web/img/logo.svg
  3. 27 0
      web/img/logo_white.ai
  4. 10 0
      web/img/logo_white.svg
  5. 7 4
      web/index.html
  6. 13 7
      web/js/theme.js

Filskillnaden har hållts tillbaka eftersom den är för stor
+ 27 - 0
web/img/logo.ai


+ 19 - 0
web/img/logo.svg
Visa fil 

@@ -0,0 +1,19 @@
 
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

+<svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 width="600px" height="200px" viewBox="0 0 600 200" enable-background="new 0 0 600 200" xml:space="preserve">

+<rect x="56.501" y="22.24" fill="#3E3A39" width="101.667" height="162"/>

+<circle fill="#3E3A39" cx="239.75" cy="132.99" r="51.25"/>

+<g>

+	<defs>

+		<rect id="SVGID_1_" x="328.333" y="22.24" width="100.828" height="162.001"/>

+	</defs>

+	<clipPath id="SVGID_2_">

+		<use xlink:href="#SVGID_1_"  overflow="visible"/>

+	</clipPath>

+	<path clip-path="url(#SVGID_2_)" fill="#3E3A39" d="M430.593,184.239h-102.26v-162h102.26V184.239z M430.593,22.547l-102.26,80.848

+		l102.26,80.847V22.547z"/>

+</g>

+<circle fill="#3E3A39" cx="495.743" cy="132.99" r="51.25"/>

+</svg>

Filskillnaden har hållts tillbaka eftersom den är för stor
+ 27 - 0
web/img/logo_white.ai


+ 10 - 0
web/img/logo_white.svg
Visa fil 

@@ -0,0 +1,10 @@
 
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

+<svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 width="600px" height="200px" viewBox="0 0 600 200" enable-background="new 0 0 600 200" xml:space="preserve">

+<rect x="56.501" y="22.24" fill="#F7F8F8" width="101.667" height="162"/>

+<circle fill="#F7F8F8" cx="239.75" cy="132.99" r="51.25"/>

+<path fill="#F7F8F8" d="M430.593,184.239h-102.26v-162h102.26V184.239z M430.593,22.547l-102.26,80.848l102.26,80.847V22.547z"/>

+<circle fill="#F7F8F8" cx="495.743" cy="132.99" r="51.25"/>

+</svg>

+ 7 - 4
web/index.html
Visa fil 

@@ -3,7 +3,10 @@
 
 <head>
 
     <meta charset="UTF-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <title>Admin Panel | BokoFS</title>
 
+    <title i18n>
 
+        Admin Panel | BokoFS
 
+        // 管理介面 | BokoFS
 
+    </title>
 
     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
 
     <!-- css -->
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocas-ui/5.0.2/tocas.min.css">
 
@@ -34,8 +37,8 @@
 
                 </button>
 
             </div>
 
             <div class="ts-tab is-pilled">
 
-                <div href="#!" class="item is-disabled">
 
-                    <img></img>
 
+                <div href="#!" class="item" style="pointer-events: none; user-select: none;">
 
+                    <img id="sysicon" class="ts-image" style="height: 30px" src="img/logo.svg"></img>
 
                 </div>
 
                 <a href="#!" class="item is-active" i18n>
 
                     Status
 
@@ -67,7 +70,7 @@
 
             <div class="ts-content is-rounded is-padded has-top-spaced-large" style="background: var(--ts-gray-800); color: var(--ts-gray-50)">
 
                 <div style="max-width: 300px">
 
                     <div class="ts-header is-huge is-heavy">數十年前被魚群圍毆的 Teacat 開發者</div>
 
-                    <p>你能夠想像一個試圖釣魚卻又被魚群圍毆的Teacat 開發者？32 年前一個驚為天人的祕密，這史書尚未記載的故事將在此完全揭露。</p>
 
+                    <p>你能夠想像一個試圖釣魚卻又被魚群圍毆的Teacat 開發者？ 2016 年一個驚為天人的祕密，這史書尚未記載的故事將在此完全揭露。</p>
 
                     <a href="#!" class="ts-button is-outlined" style="color: var(--ts-gray-50)">繼續閱讀</a>
 
                 </div>
 
             </div>

+ 13 - 7
web/js/theme.js
Visa fil 

@@ -10,6 +10,16 @@ function restoreDarkMode(){
 
 }
 
 restoreDarkMode();
 
 
+function updateElementToTheme(isDarkTheme=false){
 
+    if (!isDarkTheme){
 
+        $("#sysicon").attr("src", "./img/logo.svg");
 
+        $("#darkModeToggle").html(`<span class="ts-icon is-sun-icon"></span>`);
 
+    }else{
 
+        $("#sysicon").attr("src", "./img/logo_white.svg");
 
+        $("#darkModeToggle").html(`<span class="ts-icon is-moon-icon"></span>`);
 
+    }
 
+}
 
+
 
 /* Things to do after body loads */
 
 $(document).ready(function(){
 
     $("#darkModeToggle").on("click", function() {
 
@@ -17,16 +27,12 @@ $(document).ready(function(){
 
         $("html").toggleClass("is-white");
 
         if ($("html").hasClass("is-dark")) {
 
             localStorage.setItem("darkMode", "enabled");
 
-            $("#darkModeToggle").html(`<span class="ts-icon is-sun-icon"></span>`);
 
+            updateElementToTheme(true);
 
         } else {
 
             localStorage.setItem("darkMode", "disabled");
 
-            $("#darkModeToggle").html(`<span class="ts-icon is-moon-icon"></span>`);
 
+            updateElementToTheme(false);
 
         }
 
     });
 
 
-    if (localStorage.getItem("darkMode") === "enabled") {
 
-        $("#darkModeToggle").html(`<span class="ts-icon is-sun-icon"></span>`);
 
-    }else{
 
-        $("#darkModeToggle").html(`<span class="ts-icon is-moon-icon"></span>`);
 
-    }
 
+    updateElementToTheme(localStorage.getItem("darkMode") === "enabled");
 
 });

Vissa filer visades inte eftersom för många filer har ändrats