mirror of
https://github.com/ryan4yin/nixos-and-flakes-book.git
synced 2024-12-11 09:21:39 +01:00
74 lines
1.7 KiB
Markdown
74 lines
1.7 KiB
Markdown
---
|
|
# https://vitepress.dev/reference/default-theme-home-page
|
|
layout: home
|
|
|
|
titleTemplate: "Home Page"
|
|
|
|
hero:
|
|
name: "NixOS & Flakes Book"
|
|
text: "An unofficial book for beginners"
|
|
tagline: Want to know NixOS & Flakes in detail? Looking for a beginner-friendly tutorial? Then you've come to the right place!
|
|
image:
|
|
src: /logo.png
|
|
alt: NixOS Flakes
|
|
actions:
|
|
- theme: brand
|
|
text: Preface
|
|
link: /preface.md
|
|
- theme: brand
|
|
text: Get Started
|
|
link: /introduction/index.md
|
|
- theme: alt
|
|
text: View on GitHub
|
|
link: https://github.com/ryan4yin/nixos-and-flakes-book
|
|
# features:
|
|
# - title: Feature A
|
|
# details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
|
|
# - title: Feature B
|
|
# details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
|
|
# - title: Feature C
|
|
# details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
|
|
---
|
|
<style>
|
|
:root {
|
|
--vp-home-hero-name-color: transparent;
|
|
--vp-home-hero-name-background: -webkit-linear-gradient(120deg, #4565d8 40%, #41d1ff);
|
|
|
|
--vp-home-hero-image-background-image: linear-gradient(-60deg, #41d1ff 40%, #0fffc1);
|
|
}
|
|
|
|
.image-bg {
|
|
transform: scale(0.75);
|
|
-webkit-filter: blur(5vw);
|
|
-moz-filter: blur(5vw);
|
|
-ms-filter: blur(5vw);
|
|
filter: blur(5vw);
|
|
background-size: 200% 200%;
|
|
animation: animateGlow 10s ease infinite;
|
|
}
|
|
|
|
@keyframes animateGlow {
|
|
0% {
|
|
background-position: 0% 50%;
|
|
}
|
|
50% {
|
|
background-position: 100% 50%;
|
|
}
|
|
100% {
|
|
background-position: 0% 50%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 640px) {
|
|
:root {
|
|
--vp-home-hero-image-filter: blur(56px);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 960px) {
|
|
:root {
|
|
--vp-home-hero-image-filter: blur(72px);
|
|
}
|
|
}
|
|
</style>
|