Develper list, rmv loading page

sjt-2024 · Aug 12, 2024 · dda9606 · dda9606
1 parent 9aa203f
commit dda9606
Show file tree

Hide file tree

Showing 3 changed files with 71 additions and 12 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -206,4 +206,44 @@ s-bottom-sheet>div {
     width: 100%;
     height: 100%;
     object-fit: contain;
-}
+}
+
+.developer-list-page {
+    padding: 20px;
+    text-align: center;
+}
+
+#developer-list-title {
+    font-size: xx-large;
+    font-weight: bold;
+    color: var(--s-color-primary);
+    margin-bottom: 20px;
+}
+
+#developer-list {
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+    align-items: center; /* Center the content horizontally */
+}
+
+.developer {
+    padding: 15px 30px; /* Add padding to ensure space around the text */
+    border-radius: 10px;
+    background-color: var(--s-color-surface-container);
+    box-shadow: var(--s-elevation-level1, 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12));
+    width: 80%; /* Ensure that the container doesn't stretch across the entire width */
+    max-width: 600px; /* Set a maximum width for larger screens */
+    box-sizing: border-box;
+    text-align: center; /* Center the text within each container */
+}
+
+.developer .name {
+    font-size: large;
+    font-weight: bold;
+}
+
+.developer .role {
+    font-size: medium;
+    color: var(--s-color-secondary);
+}
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -206,3 +206,7 @@ function coolButtons(buttonsEl) {
         }
     }
 }
+
+function showDeveloperList() {
+    gotoPage('developers');
+}
diff --git a/index.html b/index.html
@@ -10,17 +10,6 @@
     </head>
     <body>
         <s-page theme="auto">
-            <div id="fullscreen-loading-tip">
-                <noscript>
-                    <h1>您的浏览器不支持 JavaScript，请在启用 JavaScript 后重试。</h1>
-                    <p>请尝试以下方法：</p>
-                    <ol>
-                        <li>检查您的浏览器设置，确保 JavaScript 已启用。</li>
-                        <li>尝试使用 Chrome、Firefox、Safari 等主流浏览器。</li>
-                    </ol>
-                </noscript>
-                <div>加载中...</div>
-            </div>
             <s-drawer id="sidebar-drawer">
                 <div slot="start" id="sidebar">
                     <s-scroll-view id="nav">
@@ -82,6 +71,14 @@ <h2>更多信息</h2>
                                         </s-icon>
                                         GitHub
                                     </s-button>
+                                    <s-button type="filled-tonal" onclick="showDeveloperList()">
+                                        <s-icon xmlns="http://www.w3.org/2000/svg" slot="start">
+                                            <svg  viewBox="0 -960 960 960">
+                                                <path d="M400-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM80-160v-112q0-33 17-62t47-44q51-26 115-44t141-18h14q6 0 12 2-8 18-13.5 37.5T404-360h-4q-71 0-127.5 18T180-306q-9 5-14.5 14t-5.5 20v32h252q6 21 16 41.5t22 38.5H80Zm560 40-12-60q-12-5-22.5-10.5T584-204l-58 18-40-68 46-40q-2-14-2-26t2-26l-46-40 40-68 58 18q11-8 21.5-13.5T628-460l12-60h80l12 60q12 5 22.5 11t21.5 15l58-20 40 70-46 40q2 12 2 25t-2 25l46 40-40 68-58-18q-11 8-21.5 13.5T732-180l-12 60h-80Zm40-120q33 0 56.5-23.5T760-320q0-33-23.5-56.5T680-400q-33 0-56.5 23.5T600-320q0 33 23.5 56.5T680-240ZM400-560q33 0 56.5-23.5T480-640q0-33-23.5-56.5T400-720q-33 0-56.5 23.5T320-640q0 33 23.5 56.5T400-560Zm0-80Zm12 400Z"></path>
+                                              </svg>
+                                        </s-icon>
+                                        开发者名单
+                                    </s-button>
                                 </div>
                             </s-bottom-sheet>
                             更多信息
@@ -120,6 +117,24 @@ <h2>更多信息</h2>
                                 </div>
                             </s-scroll-view>
                         </div>
+                        <!-- 开发者名单 -->
+                        <div id="page-developers" class="developer-list-page">
+                            <div id="developer-list-title">开发者名单</div>
+                            <div id="developer-list">
+                                <div class="developer">
+                                    <div class="name">lingbopro</div>
+                                    <div class="role">主开发,设计</div>
+                                </div>
+                                <div class="developer">
+                                    <div class="name">sjt-2024</div>
+                                    <div class="role">策划</div>
+                                </div>
+                                <div class="developer">
+                                    <div class="name">Minemetero</div>
+                                    <div class="role">打杂,情绪支持</div>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </s-drawer>
-Original file line number
+Diff line change
@@ Expand Up / @@ -206,3 +206,7 @@ function coolButtons(buttonsEl) { @@
             }
         }
     }
+    function showDeveloperList() {
+        gotoPage('developers');
+    }