Optimize UI

HJFunnyMinecraft · Jul 27, 2023 · 0ae6837 · 0ae6837
1 parent 32a6fc0
commit 0ae6837
Show file tree

Hide file tree

Showing 10 changed files with 6,114 additions and 3,036 deletions.
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
@@ -1,7 +1,7 @@
 name: Deploy site to Static files
 
 on:
-  push:
+# push:
 #   branches: ["main"]
   workflow_dispatch:
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,8 +13,10 @@
     "@types/node": "20.4.5",
     "@types/react": "18.2.16",
     "@types/react-dom": "18.2.7",
+    "clipboard": "^2.0.11",
     "eslint": "8.45.0",
     "eslint-config-next": "13.4.12",
+    "install": "^0.13.0",
     "next": "13.4.12",
     "react": "18.2.0",
     "react-dom": "18.2.0",

diff --git a/public/Mojangles.ttf b/public/Mojangles.ttf
diff --git a/src/components/Banner.module.css b/src/components/Banner.module.css
@@ -8,4 +8,17 @@
 
 .hideLink {
     text-decoration: none;
+}
+
+.bannerContent {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    background: var(--nextui--navbarBlurBackgroundColor);
+    backdrop-filter: saturate(180%) blur(var(--nextui--navbarBlur));
+    width: auto;
+    padding: 3% 8% 3% 8%;
+    border-radius: 15px;
+    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
 }
diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx
@@ -4,7 +4,7 @@ import styles from './Banner.module.css'
 export default function Banner() {
     return (
         <div className={styles.banner} >
-            <Container css={{ paddingTop: "40vh" }}>
+            <Container className={styles.bannerContent}>
                 {/* Title */}
                 <Row justify="center" align="center">
                     <Text
@@ -31,7 +31,7 @@ export default function Banner() {
                 {/* Action */}
                 <Row justify="center" align="flex-start">
                     <a href="/join" className={styles.hideLink}>
-                        <Button shadow color="success" size="lg" auto>立即加入</Button>
+                        <Button shadow color="primary" size="lg" auto>立即加入</Button>
                     </a>
                     { /* <Spacer x={1}></Spacer>
                     <a href="/wp-admin/profile.php" className={styles.hideLink}>

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -19,7 +19,7 @@ export default function HJNavbar() {
                 });
         }
         fetchData()
-    })
+    })//backdrop-filter: "blur(10px)"; 
 
     return (
         <Navbar isBordered variant="static">
@@ -58,19 +58,20 @@ export default function HJNavbar() {
                 ) : (
                     <>
                         <Navbar.Item>
-                            <a href="/register" className={styles.hideLink}>
-                                <Button auto ghost color="success">
-                                    注册
+                            <a href="/login" className={styles.hideLink}>
+                                <Button auto ghost color="primary">
+                                    登录
                                 </Button>
                             </a>
                         </Navbar.Item>
                         <Navbar.Item>
-                            <a href="/login" className={styles.hideLink}>
-                                <Button auto shadow color="warning">
-                                    登陆
+                            <a href="/register" className={styles.hideLink}>
+                                <Button auto shadow color="success">
+                                    注册
                                 </Button>
                             </a>
                         </Navbar.Item>
+
                     </>
                 )
                 }

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -7,7 +7,7 @@ import { Text } from '@nextui-org/react';
 
 export default function Home() {
     return (
-        <main>
+        <main style={{overflowX: "hidden"}}>
             <Head>
                 <title>hjfunnyMC | 官方网站</title>
             </Head>
@@ -17,21 +17,27 @@ export default function Home() {
 
             <div className={styles.joinWrapper}>
                 <Text h5 size={35}>
-                    服务器地址<br />
-                    「 mc.hjfunny.site 」
+                    服务器地址<br />「&nbsp;
+                    <span style={{"fontFamily": "Mojangles"}}>
+                        mc.hjfunny.site
+                    </span>
+                    &nbsp;」
                 </Text>
             </div>
             <Introduction />
             <div className={styles.joinWrapper}>
                 <Text h5 size={35}>
-                    现在加入「 mc.hjfunny.site 」
+                    现在加入「 hjfunnyMC 」！
                 </Text>
             </div>
 
             {/* Footer */}
             <div className={styles.footer}>
-                Copyright &copy; 2022-2023 hjfunnyMC.
+                Copyright &copy; 2022-2023 hjfunnyMC Team<br/>
+                <Text css={{ fontSize: "small" }}>hjfunnyMC 是公益项目，不接受任何资金支持。如有任何人员要求充值/赞助请立即拒绝并尽快联系管理员。</Text>
             </div>
         </main>
     )
+
 }
+
diff --git a/src/pages/styles.module.css b/src/pages/styles.module.css
@@ -37,4 +37,9 @@
     width: 100%;
     margin: 1.6rem;
     text-align: center;
+}
+
+@font-face {
+    font-family: 'Mojangles';
+    src: url("/Mojangles.ttf");
 }