gitea_admin/fabiennefoehn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use hero composite art

Browse Source
This commit is contained in:
Mathias Gläser
2026-03-22 17:06:12 +01:00
parent 21441e8d81
commit 0605e42eab
2 changed files with 9 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
index.html
View File

@@ -18,26 +18,8 @@
<img class="brand brand--top" src="./media/logo_oben.svg" alt="Fabienne Foehn" /> <img class="brand brand--top" src="./media/logo_oben.svg" alt="Fabienne Foehn" />
<div class="hero__headline-wrap"> <div class="hero__headline-wrap">
<img <img
class="hero__scribble hero__scribble--top" class="hero__scribble hero__scribble--composite"
src="./media/strichlein_rosa_uber_wort.svg" src="./media/illu_oben_hintergrund_striche.svg"
alt=""
aria-hidden="true"
/>
<img
class="hero__scribble hero__scribble--middle"
src="./media/strichlein_rgruen_unter_wort.svg"
alt=""
aria-hidden="true"
/>
<img
class="hero__scribble hero__scribble--bottom"
src="./media/striche_blau_unter_wort.svg"
alt=""
aria-hidden="true"
/>
<img
class="hero__scribble hero__scribble--bottom-secondary"
src="./media/strichlein_rgruen_unter_wort.svg"
alt="" alt=""
aria-hidden="true" aria-hidden="true"
/> />

51
styles.css
View File

@@ -149,29 +149,10 @@ button {
z-index: 1; z-index: 1;
} }
.hero__scribble--top { .hero__scribble--composite {
width: clamp(106px, 11vw, 142px); width: clamp(420px, 35vw, 560px);
top: 0.45rem; top: 0;
right: -0.2rem; left: 7rem;
}
.hero__scribble--middle {
width: clamp(210px, 21vw, 278px);
left: 8.2rem;
top: 8.8rem;
opacity: 1;
}
.hero__scribble--bottom {
width: clamp(210px, 20vw, 278px);
left: 13.2rem;
bottom: 0.15rem;
}
.hero__scribble--bottom-secondary {
width: clamp(190px, 18vw, 248px);
left: 15rem;
bottom: -0.05rem;
} }
.hero__media { .hero__media {
@@ -636,28 +617,10 @@ button {
font-size: clamp(3rem, 14vw, 4.8rem); font-size: clamp(3rem, 14vw, 4.8rem);
} }
.hero__scribble--top { .hero__scribble--composite {
width: 88px; width: 320px;
top: 0.1rem; top: 0.1rem;
right: 0.3rem; left: 2.9rem;
}
.hero__scribble--middle {
width: 148px;
top: 5.55rem;
left: 5.35rem;
}
.hero__scribble--bottom {
width: 154px;
left: 8.2rem;
bottom: 0.25rem;
}
.hero__scribble--bottom-secondary {
width: 132px;
left: 9.5rem;
bottom: 0.05rem;
} }
.hero__media { .hero__media {