docs: add some gradients

schooltape · Jun 10, 2024 · 49bd30f · 49bd30f
1 parent 9e4e218
commit 49bd30f
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/src/index.md b/src/index.md
@@ -47,3 +47,25 @@ Schooltape was built with the intention of improving the Schoolbox experience fo
     A quick demonstration of Schooltape in action
   </small>
 </div> -->
+
+<style>
+:root {
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, var(--vp-c-brand-1) 30%, var(--vp-c-brand-3));
+
+  --vp-home-hero-image-background-image: linear-gradient(-45deg, var(--vp-c-brand-1) 50%, var(--vp-c-brand-3) 50%);
+  --vp-home-hero-image-filter: blur(44px);
+}
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(56px);
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(68px);
+  }
+}
+</style>