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

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