init Genmukessya

TouhouWorks · Jun 19, 2024 · 9623e33 · 9623e33
1 parent b881504
commit 9623e33
Show file tree

Hide file tree

Showing 54 changed files with 1,233 additions and 193 deletions.
diff --git a/.vitepress/config.ts b/.vitepress/config.ts
@@ -137,6 +137,7 @@ export default defineConfig({
   themeConfig: {
     outline: { label: '页面大纲', level: 'deep' },
     darkModeSwitchLabel: '切换主题',
+
     editLink: {
       pattern: `${githubRepoLink}/tree/main/:path`,
       text: '编辑本页面',
@@ -147,7 +148,7 @@ export default defineConfig({
     footer: {
       message: '用 <span style="color: #e25555;">&#9829;</span> 撰写',
       copyright:
-        '<a class="footer-cc-link" target="_blank" href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a> © 2022-PRESENT Nólëbase 的创作者们',
+        '<a class="footer-cc-link" target="_blank" href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a> © 2022-PRESENT 幻梦结社',
     },
     search: {
       provider: 'local',
@@ -174,8 +175,7 @@ export default defineConfig({
     },
     nav: [
       { text: '主页', link: '/' },
-      { text: '艺术评论', link: '/艺术评论/' },
-      { text: '最近更新', link: '/toc' },
+      { text: '社团动态', link: '/社团动态/' },
       { text: '关于 Nólëbase', link: '/AboutNolebase'}
     ],
     sidebar,

diff --git a/.vitepress/styles/vars.css b/.vitepress/styles/vars.css
@@ -77,7 +77,7 @@
   --vp-home-hero-name-color: transparent;
   --vp-home-hero-name-background: -webkit-linear-gradient(
     120deg,
-    #8d6fc7 40%,
+    #ca8280 40%,
     #4fc4d8
   );
   --vp-home-hero-image-background-image: linear-gradient(

diff --git a/.vitepress/theme/components/HomePage.vue b/.vitepress/theme/components/HomePage.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { VPTeamMembers } from 'vitepress/theme'
-import { Authors } from '../../creators'
+import { Authors, creators } from '../../creators'
 import { siteName } from '../../../metadata'
 </script>
 
@@ -10,10 +10,10 @@ import { siteName } from '../../../metadata'
       <main class="main">
         <div class="vp-doc" mt-10 flex flex-col items-center>
           <h2 id="meet-the-team" font-normal op50 p="t-10 b-2">
-            {{ siteName }} 的创作者
+
           </h2>
           <div w-full p-10>
-            <VPTeamMembers size="small" :members="Authors" flex justify-center />
+
           </div>
         </div>
       </main>

diff --git a/.vitepress/theme/components/MyVPHero.vue b/.vitepress/theme/components/MyVPHero.vue
@@ -28,11 +28,11 @@ const heroImageSlotExists = inject('hero-image-slot-exists') as Ref<boolean>
   <div class="VPHero" :class="{ 'has-image': image || heroImageSlotExists }">
     <div class="container">
 
-        <div v-if="image || heroImageSlotExists" class="image2">
+        <div v-if="image || heroImageSlotExists" class="image">
         <div class="image-container">
           <div class="image-bg" />
           <slot name="home-hero-image">
-            <VPImage v-if="image" class="image-src" :image="image" />
+           <VPImage v-if="image" class="image-src" :image="image" />
           </slot>
         </div>
       </div>
@@ -69,33 +69,17 @@ const heroImageSlotExists = inject('hero-image-slot-exists') as Ref<boolean>
 
 <style scoped>
 .VPHero {
-  margin-top: calc((var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * -1);
+  margin-top: calc((var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * 3);
   padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px) 24px 48px;
+  top: 10%;
 }
-
-@media (min-width: 640px) {
-  .VPHero {
-    padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 48px 64px;
-  }
-}
-
-@media (min-width: 960px) {
-  .VPHero {
-    padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 64px 64px;
-  }
-}
-
 .container {
-  display: flex;
+  display: block;
   flex-direction: column;
+  align-items: center;
+  max-width: 800px;
+  
   margin: 0 auto;
-  max-width: 1152px;
-}
-
-@media (min-width: 960px) {
-  .container {
-    flex-direction: column;
-  }
 }
 
 .main {
@@ -104,20 +88,21 @@ const heroImageSlotExists = inject('hero-image-slot-exists') as Ref<boolean>
   order: 2;
   flex-grow: 1;
   flex-shrink: 0;
+  margin-top: 20%;
   margin-left: 15%;
 }
 
 .VPHero.has-image .container {
   text-align: center;
 }
 
-@media (min-width: 960px) {
+@media (min-width: 860px) {
   .VPHero.has-image .container {
     text-align: left;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 860px) {
   .main {
     order: 1;
     width: calc((100% / 3) * 3);
@@ -144,18 +129,6 @@ const heroImageSlotExists = inject('hero-image-slot-exists') as Ref<boolean>
   margin: 0 auto;
 }
 
-.name {
-  color: var(--vp-home-hero-name-color);
- 
-}
-
-.clip {
-  background: var(--vp-home-hero-name-background);
-  -webkit-background-clip: text;
-  background-clip: text;
-  -webkit-text-fill-color: var(--vp-home-hero-name-color);
-}
-
 @media (min-width: 640px) {
   .name,
   .text {
@@ -165,7 +138,7 @@ const heroImageSlotExists = inject('hero-image-slot-exists') as Ref<boolean>
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 860px) {
   .name,
   .text {
     line-height: 64px;
@@ -179,8 +152,9 @@ const heroImageSlotExists = inject('hero-image-slot-exists') as Ref<boolean>
 }
 
 .tagline {
+  position: relative;
   padding-top: 8px;
-  max-width: 392px;
+  max-width: auto - 312px;
   line-height: 28px;
   font-size: 18px;
   font-weight: 500;
@@ -192,30 +166,49 @@ const heroImageSlotExists = inject('hero-image-slot-exists') as Ref<boolean>
   margin: 0 auto;
 }
 
-@media (min-width: 640px) {
+@media (min-width: 860px) {
   .tagline {
-    padding-top: 12px;
-    max-width: 576px;
-    line-height: 32px;
-    font-size: 20px;
+    padding-left: 16%;
+    line-height: 36px;
+    font-size: 24px;
+  }
+
+  .VPHero.has-image .tagline {
+    margin: 0;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 640px) {
   .tagline {
-    line-height: 36px;
-    font-size: 24px;
+    left: -7%;
+    padding-top: 12px;
+    max-width: auto;
+    line-height: 32px;
+    font-size: 20px;
   }
-
   .VPHero.has-image .tagline {
     margin: 0;
   }
 }
+@media (max-width: 639px) {
+  .tagline
+  {
+    left: -8%;
+  }
+}
+
+
+.action{
+  margin-left: 6px;
+
+}
 
 .actions {
+  position: relative;
   display: flex;
   flex-wrap: wrap;
   margin: -6px;
+  margin-left: -9px;
   padding-top: 24px;
   
 }
@@ -224,40 +217,24 @@ const heroImageSlotExists = inject('hero-image-slot-exists') as Ref<boolean>
   justify-content: center;
 }
 
-@media (min-width: 640px) {
+@media (max-width: 639px) {
   .actions {
-    padding-top: 32px;
+    left: -8%;
   }
 }
 
-@media (min-width: 960px) {
-  .VPHero.has-image .actions {
-    justify-content: flex-start;
-  }
-}
-
-.action {
-  flex-shrink: 0;
-  padding: 6px;
-}
-
-.image2 {
-  order: 1;
-  margin: -76px -24px -48px;
-}
-
 @media (min-width: 640px) {
-  .image2 {
-    margin: -108px -24px -48px;
+  .actions {
+    justify-content: flex-start;
+    left: -10%;
+    padding-top: 32px;
   }
 }
 
-@media (min-width: 960px) {
-  .image2 {
-    flex-grow: 1;
-    order: 2;
-    margin: 0;
-    min-height: 100%;
+@media (min-width: 860px) {
+  .actions {
+    left: -17.5%;
+    padding-top: 32px;
   }
 }
 
@@ -275,7 +252,7 @@ const heroImageSlotExists = inject('hero-image-slot-exists') as Ref<boolean>
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 860px) {
   .image-container {
     display: flex;
     justify-content: center;
@@ -308,7 +285,7 @@ const heroImageSlotExists = inject('hero-image-slot-exists') as Ref<boolean>
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 860px) {
   .image-bg {
     width: 320px;
     height: 320px;
@@ -328,15 +305,15 @@ const heroImageSlotExists = inject('hero-image-slot-exists') as Ref<boolean>
 
 @media (min-width: 640px) {
   :deep(.image-src) {
-    max-width: 256px;
-    max-height: 256px;
+    max-width: 576px;
+    max-height: 576px;
   }
 }
 
-@media (min-width: 960px) {
+@media (min-width: 860px) {
   :deep(.image-src) {
-    max-width: 320px;
-    max-height: 320px;
+    max-width: 860px;
+    max-height: 860px;
   }
 }
 </style>
diff --git a/.vitepress/theme/index.ts b/.vitepress/theme/index.ts
@@ -38,7 +38,6 @@ import DocFooter from './components/DocFooter.vue'
 import HomePage from './components/HomePage.vue'
 import Share from './components/Share.vue'
 import TocList from './components/TocList.vue'
-import MyDocTop from './components/MyDocTop.vue'
 
 import '@nolebase/vitepress-plugin-enhanced-readabilities/client/style.css'
 import '@nolebase/vitepress-plugin-highlight-targeted-heading/client/style.css'
@@ -69,9 +68,6 @@ const ExtendedTheme: Theme = {
       'nav-screen-content-after': () => [
         h(NolebaseEnhancedReadabilitiesScreenMenu),
       ],
-      "home-hero-before": () => [
-        h(MyDocTop),
-      ],
     })
   },
   enhanceApp({ app }) {

diff --git a/Logo512.png b/Logo512.png