Update HTML and SVG files for ClassIsland Hub

hello8693 · hello8693 · commit 38f26af0c915 · 2024-10-07T17:54:16.000+08:00
diff --git a/index.html b/index.html
@@ -1,10 +1,10 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>ClassIsland Hub</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
@@ -1 +1,28 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 192 192">
+    <defs>
+        <style>
+            .a{isolation:isolate;}.b{opacity:0.2;mix-blend-mode:multiply;}.c{fill:#e2e2e2;}.d{fill:#999;}.e{fill:#959595;}.f{fill:#f6f6f6;}.g{fill:#ccc;}.h{fill:#00bfff;}.i{fill:url(#a);}</style>
+        <linearGradient id="a" x1="90" y1="126" x2="154.97" y2="190.97"
+            gradientUnits="userSpaceOnUse">
+            <stop offset="0.32" stop-opacity="0.15" />
+            <stop offset="0.62" stop-opacity="0.02" />
+            <stop offset="1" stop-opacity="0" />
+        </linearGradient>
+        <filter id="shadow" x="0" y="0" width="200%" height="200%">
+            <feDropShadow xmlns="http://www.w3.org/2000/svg" dx="0" dy="16" stdDeviation="16" flood-color="black" flood-opacity="0.2"/>
+        </filter>
+    </defs>
+    <title>AppLogo</title>
+    <g class="a" filter="url(#shadow)">
+        <path class="c" d="M177.94,160H56V100H177.94a8,8,0,0,1,8,8v44A8,8,0,0,1,177.94,160Z" />
+        <rect class="d" x="70.01" y="115" width="30" height="30" />
+        <rect class="d" x="107.51" y="115" width="30" height="30" />
+        <rect class="d" x="145" y="115" width="30" height="30" />
+        <polygon class="e" points="124 32 56 100 56 160 124 92 124 32" />
+        <path class="f" d="M124,92H16a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8H124Z" />
+        <rect class="g" x="20" y="44.53" width="30" height="30" />
+        <rect class="h" x="56" y="44.53" width="58.02" height="30" />
+        <polygon class="i" points="116 100 56 160 185.94 160 185.94 153.94 132 100 116 100" />
+    </g>
+</svg>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
@@ -29,7 +29,7 @@ const getFileName = (path: string) => {
 
 <template>
   <h1>ClassIsland Hub</h1>
-  <Waterfall :list="imageList" :column-width="200" :gutter="16">
+  <Waterfall :list="imageList" :width="320" :gutter="16">
     <template #default="{ item }">
       <div class="image-wrapper">
         <LazyImg :url="item" alt="Image" />
