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

add: more lp stuff

Browse source 
Added timeline to LP
This commit is contained in:
Fiona Lena Urban 2025-05-22 10:39:06 +02:00
parent c7286a60da
commit 0a71a62af8
8 changed files with 113 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

15
app/assets/styles/footer.css
View file

@ -12,11 +12,22 @@
& .bottom {
display: flex;
gap: var(--padding-default);
justify-content: space-between;
justify-content: center;
color: var(--color-light);
}
& .copy {
font-size: var(--font-size-xs);
color: var(--color-light);
margin-top: var(--padding-default);
text-align: center;
& a {
color: var(--color-main);
text-decoration: none;
}
}
& .socials {
font-size: var(--font-size-xl);
justify-content: center;

4
app/assets/styles/header.css
View file

@ -13,10 +13,12 @@
&.lp {
position: absolute;
background: rgba(0,0,0,.5);
backdrop-filter: blur(10px);
mask: linear-gradient(to top, transparent, black 20%);
mask: linear-gradient(to top, transparent, black 30%);
width: 100%;
top: 0;
padding-bottom: var(--padding-xxl);
}
& .logo {

6
app/assets/styles/landingpage.css
View file

@ -28,3 +28,9 @@
text-align: center;
}
.timeline {
display: flex;
flex-direction: column;
gap: var(--padding-default);
}

18
app/assets/styles/timelineCard.css Normal file
View file

@ -0,0 +1,18 @@
.TimelineCard {
display: flex;
align-items: center;
gap: var(--padding-default);
border: 1px solid var(--color-light);
border-radius: var(--radius-default);
padding: var(--padding-xs);
& .icon {
font-size: var(--font-size-xxl);
flex: 1 0 4rem;
color: var(--color-main-dark);
}
& .text {
text-align: left;
}
}