style studio banner, add more decorations and instagram icon

This commit is contained in:
2026-07-09 14:28:11 +02:00
parent e600d0a663
commit 38d332b574
7 changed files with 226 additions and 137 deletions
+43 -17
View File
@@ -10,25 +10,51 @@ export const StudioHeader = ({
return (
<div className={styles.studioHeader}>
<h1 className="sr-only">{title}</h1>
<div className={styles.logos}>
<img
className={styles.studentfestivalen}
src="/assets/graphics/studio-2026/studio-studentfestivalen-i-oslo.svg"
alt="Studentfestivalen i Oslo"
/>
<img
className={styles.mainLogo}
src="/assets/graphics/studio-2026/studio-logo-2026.svg"
alt="STUDiO"
/>
<img
className={styles.fadderuke}
src="/assets/graphics/studio-2026/studio-hele-oslos-fadderuke.svg"
alt="Hele oslos fadderuke"
/>
<div className={styles.banner}>
<div className={styles.deco}>
<img
className={styles.decoLeft}
src="/assets/graphics/studio-2026/studio-banner-left-deco.svg"
/>
<img
className={styles.decoRight}
src="/assets/graphics/studio-2026/studio-banner-right-deco.svg"
/>
</div>
<div className={styles.logo}>
<img
className={styles.mainLogo}
src="/assets/graphics/studio-2026/studio-logo-2026.svg"
alt="STUDiO"
/>
<div className={styles.logoText}>
<img
className={styles.studentfestivalen}
src="/assets/graphics/studio-2026/studio-studentfestivalen-i-oslo.svg"
alt="Studentfestivalen i Oslo"
/>
<img
className={styles.fadderuke}
src="/assets/graphics/studio-2026/studio-hele-oslos-fadderuke.svg"
alt="Hele Oslos fadderuke"
/>
<img
className={styles.datos}
src="/assets/graphics/studio-2026/studio-datos.svg"
alt="1014. august"
/>
</div>
<a href="https://www.instagram.com/studentfestivalenioslo/" className={styles.instagram} target="_blank">
<img
className={styles.icon}
src="/assets/graphics/studio-2026/studio-instagram.svg"
alt="Instagram"
/>
</a>
</div>
</div>
{lead && (
<div className="lead" dangerouslySetInnerHTML={{ __html: lead }} />
<div className={`lead ${styles.lead}`} dangerouslySetInnerHTML={{ __html: lead }} />
)}
</div>
);