From 7b6a0d472c88f55e6f31aa633099f96cd28be8b5 Mon Sep 17 00:00:00 2001
From: Ntkskwk <natsukawa247@outlook.com>
Date: Tue, 3 Sep 2024 07:43:36 +0800
Subject: chore: solve the anomalies of  appearance

---
 site/src/assets/base.css | 4 ++--
 site/src/assets/main.css | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

(limited to 'site/src/assets')

diff --git a/site/src/assets/base.css b/site/src/assets/base.css
index fe48a2f..9c513a5 100644
--- a/site/src/assets/base.css
+++ b/site/src/assets/base.css
@@ -14,10 +14,10 @@
   /*--vt-c-indigo: #2c3e50;*/
   --vt-c-indigo: rgba(255,255,255,0.5);
 
-  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
+  --vt-c-divider-light-1: rgba(60, 60, 60);
   /*边框色*/
   /*--vt-c-divider-light-2: rgba(60, 60, 60, 0.12);*/
-  --vt-c-divider-light-2: rgba(255, 255, 255, 0.12);
+  --vt-c-divider-light-2: rgba(150, 150, 150);
   --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
   --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
 
diff --git a/site/src/assets/main.css b/site/src/assets/main.css
index 996e651..890703f 100644
--- a/site/src/assets/main.css
+++ b/site/src/assets/main.css
@@ -1,7 +1,7 @@
 @import './base.css';
 
 #app {
-  max-width: 1280px;
+  max-width: 90dvi;
   margin: 0 auto;
   padding: 2rem;
 
@@ -25,7 +25,7 @@ a,
   }
 }
 
-@media (min-width: 1024px) {
+@media screen and (orientation:landscape) {
   body {
     display: flex;
     place-items: center;
-- 
cgit v1.2.3-70-g09d2


From 731d318b4d5f279ea58f0688353a011a41532f42 Mon Sep 17 00:00:00 2001
From: Ntkskwk <natsukawa247@outlook.com>
Date: Tue, 3 Sep 2024 08:28:40 +0800
Subject: feat: add video background to index page

---
 site/src/assets/video/bg.mp4   | Bin 0 -> 877575 bytes
 site/src/views/index/index.vue |  13 +++++++++++++
 2 files changed, 13 insertions(+)
 create mode 100644 site/src/assets/video/bg.mp4

(limited to 'site/src/assets')

diff --git a/site/src/assets/video/bg.mp4 b/site/src/assets/video/bg.mp4
new file mode 100644
index 0000000..37e71d2
Binary files /dev/null and b/site/src/assets/video/bg.mp4 differ
diff --git a/site/src/views/index/index.vue b/site/src/views/index/index.vue
index ed34b4f..edba96f 100644
--- a/site/src/views/index/index.vue
+++ b/site/src/views/index/index.vue
@@ -13,6 +13,7 @@ import Right from './Right.vue'
   </header>
 
   <main class="main">
+    <video src="@/assets/video/bg.mp4" loop=true autoplay=true></video>
     <Right />
   </main>
 </template>
@@ -44,4 +45,16 @@ header {
     flex-wrap: wrap;
   }
 }
+
+video{
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  min-width: 100%;
+  min-height: 100%;
+  width: auto;
+  height: auto; 
+  z-index: -100;
+  filter: grayscale(20%);
+}
 </style>
-- 
cgit v1.2.3-70-g09d2