layout, titleTemplate, hero
| layout |
titleTemplate |
hero |
| home |
Home Page |
| name |
text |
tagline |
image |
actions |
| NixOS & Flakes Book |
An unofficial book for beginners |
Want to know NixOS & Flakes in detail? Looking for a beginner-friendly tutorial? Then you've come to the right place! |
| src |
alt |
| /logo.png |
NixOS Flakes |
|
| theme |
text |
link |
| brand |
Preface |
/preface.md |
|
| theme |
text |
link |
| brand |
Get Started |
/introduction/index.md |
|
|
|
|
|
<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>
