webfussel/propapier
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add: general structure for landingpage design

Browse source
This commit is contained in:
Robert Janus 2025-05-15 14:12:40 +02:00
parent e591c276f5
commit dd707bbf62
8 changed files with 85 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

30
app/assets/styles/landingpage.css Normal file
View file

@ -0,0 +1,30 @@
.home-hero {
background-image: url("/img/hero-image.webp");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
color: var(--color-text-invert);
text-align: center;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
button {
margin: var(--padding-xxl) auto 0;
}
.text {
padding: var(--padding-default);
}
h1 {
font-size: var(--font-size-xxl);
}
}
.home-text {
padding: var(--padding-xxl) var(--padding-default);
text-align: center;
}