From 2c39f6710e8587107648fd79f5c9bd7c8fda7429 Mon Sep 17 00:00:00 2001 From: Maria Katrin Bonde <78419778+MariaBonde@users.noreply.github.com> Date: Thu, 22 Aug 2024 16:43:08 +0200 Subject: [PATCH] fine tuning (#508) --- src/hemsedal24/activities.module.css | 10 ++- src/hemsedal24/activities.tsx | 6 +- .../components/ActivityBlock.module.css | 2 +- src/hemsedal24/components/Hero.module.css | 80 +++++++------------ src/hemsedal24/components/Hero.tsx | 50 +++++++----- src/hemsedal24/hemsedal.module.css | 2 +- .../images/Retreatclub-fyri-solbaddar.svg | 53 ++++++------ .../{retreatmobile.svg => retreatmobilee.svg} | 47 +++++------ src/hemsedal24/index.tsx | 14 ++-- 9 files changed, 127 insertions(+), 137 deletions(-) rename src/hemsedal24/images/{retreatmobile.svg => retreatmobilee.svg} (97%) diff --git a/src/hemsedal24/activities.module.css b/src/hemsedal24/activities.module.css index a0406f032..a97106a04 100644 --- a/src/hemsedal24/activities.module.css +++ b/src/hemsedal24/activities.module.css @@ -17,6 +17,9 @@ justify-content: center; margin-right: 5%; } +html { + scroll-behavior: smooth; +} .tilbake { color: var(--color-standard__black); @@ -73,9 +76,12 @@ .blob { z-index: auto; min-width: 35%; + position: relative; +} +.blob img { position: absolute; - top: 0; - margin: 0 0 0 30%; + top: -7rem; + right: -10rem; } .title { diff --git a/src/hemsedal24/activities.tsx b/src/hemsedal24/activities.tsx index 1d9158e80..7da195c90 100644 --- a/src/hemsedal24/activities.tsx +++ b/src/hemsedal24/activities.tsx @@ -32,14 +32,14 @@ const Activities: NextPage = () => { pil venste Tilbake } -
blob
+
blob

Aktivitetene på lørdag

- +

Lørdag! Aktiviteter! Sykle på fjellet, klatre i fjellveggen eller kose med hunder, det er mye forskjellig som skjer på lørdag. Her har vi derfor samlet litt informasjon om de forskjellige aktivitetene her slik at man er forberedt på hva lørdagsaktivitetene vil bringe ⛰️🌞 -

+

h1 { @@ -32,50 +37,25 @@ section { justify-content: center; } -.blob { - display: flex; - margin-left: -45%; - margin-top: 50%; - z-index: auto; - min-width: 65%; - position: relative; -} - .blobimg { position: absolute; - max-width: 100%; + max-width: 70%; + right: -5rem; + z-index: -1; } -.img1 { - display: flex; - min-width: 45%; - position: relative; - justify-content: flex-start; -} .hemsedalhero1 { position: absolute; - max-width: 100%; + max-width: 50%; left: 0; - margin: -5.5rem 0 0 -12rem; -} - -.img2 { - display: flex; - min-width: 40%; - position: relative; - justify-content: flex-end; + top: -4rem; } .hemsedalhero2 { position: absolute; - max-width: 60%; - margin: -1rem 3rem 0 0; -} - -.blobandtext { - display: flex; - flex-direction: row; - justify-content: center; + max-width: 20%; + top: 0; + right: 0; } @media (max-width: 500px) { @@ -85,26 +65,23 @@ section { .hemsedalhero2 { max-width: 0%; } - .img1 { - height: 30rem; - } .hemsedalhero1 { max-width: 160%; - margin: -7rem -20% -30% -70%; + left: 0; + top: 0; } - - .blobandtext { + .blobimg { + top: 0; + transform: translateY(-25%); + max-width: 86%; } - .blob { - width: 15rem; - height: 15.4rem; - flex-shrink: 0; - margin: 0 -15% 0 -48%; + .blobandtext { + align-items: flex-end; } .text > h1 { - font-size: 4.25rem; + font-size: 5rem; font-weight: 400; line-height: 5.1rem; } @@ -119,9 +96,8 @@ section { } .text { - display: flex; - align-content: center; - padding-left: 12rem; + margin-top: 25rem; + padding-right: 1rem; } .container { flex-direction: column; diff --git a/src/hemsedal24/components/Hero.tsx b/src/hemsedal24/components/Hero.tsx index 60666c07f..8c20c8beb 100644 --- a/src/hemsedal24/components/Hero.tsx +++ b/src/hemsedal24/components/Hero.tsx @@ -1,25 +1,33 @@ -import styles from "./Hero.module.css"; -import blob from "../images/blob.svg"; -import retreatmobile from "../images/retreatmobile.svg" -import retreat from "../images/Retreatclub-fyri-solbaddar.svg" -import hemsedalHero2 from "../images/hemsedalhero2.svg" +import styles from './Hero.module.css'; -export default function Hero({mobile}: {mobile:boolean}) { - return
-
- -
hemsedalbilde
+import blob from '../images/blob.svg'; +import retreatmobile from '../images/retreatmobilee.svg'; +import retreat from '../images/Retreatclub-fyri-solbaddar.svg'; +import hemsedalHero2 from '../images/hemsedalhero2.svg'; + +export default function Hero({ mobile }: { mobile: boolean }) { + return ( +
+
+ hemsedalbilde
-
-

Hemsedal

-

30. august-1. september

-
-
- blobben +
+

Hemsedal

+

30. august-1. september

+ blobben +
+
-
-
hemsedalbilde
-
-
; + hemsedalbilde +
+
+ ); } - diff --git a/src/hemsedal24/hemsedal.module.css b/src/hemsedal24/hemsedal.module.css index eb36aa42d..ff75b1c05 100644 --- a/src/hemsedal24/hemsedal.module.css +++ b/src/hemsedal24/hemsedal.module.css @@ -280,7 +280,7 @@ details[open] .disclosureArrow { } .program h2 { - font-family: Graphik; + font-family: 'Graphik Web'; font-size: 1.25rem; font-style: normal; font-weight: 600; diff --git a/src/hemsedal24/images/Retreatclub-fyri-solbaddar.svg b/src/hemsedal24/images/Retreatclub-fyri-solbaddar.svg index f30317102..d18dbcd19 100644 --- a/src/hemsedal24/images/Retreatclub-fyri-solbaddar.svg +++ b/src/hemsedal24/images/Retreatclub-fyri-solbaddar.svg @@ -1,30 +1,35 @@ - - - + + + + + + + + + + + + + + + + + + + - - + + + + + + + - - - - - - - - - - - - - - - - - - + + - + diff --git a/src/hemsedal24/images/retreatmobile.svg b/src/hemsedal24/images/retreatmobilee.svg similarity index 97% rename from src/hemsedal24/images/retreatmobile.svg rename to src/hemsedal24/images/retreatmobilee.svg index 7a3704cb9..915b9ed6c 100644 --- a/src/hemsedal24/images/retreatmobile.svg +++ b/src/hemsedal24/images/retreatmobilee.svg @@ -1,30 +1,25 @@ - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + - - + + - + diff --git a/src/hemsedal24/index.tsx b/src/hemsedal24/index.tsx index 52a0dc48d..7baa2a6a3 100644 --- a/src/hemsedal24/index.tsx +++ b/src/hemsedal24/index.tsx @@ -54,8 +54,8 @@ const Hemsedal24: NextPage = () => {

Hemsedal!!

-

Johooooooo!!! Eller chooo-choooo som toget til Hemsedal... - ikke kommer til å si siden det er elektrisk, men vi kan late som🤝 +

Johooooooo!!! Eller chooo-choooo som toget til Hemsedal... + ikke kommer til å si siden det er elektrisk, men vi kan late som🤝 Uansett! Årets Varianttur tar oss med opp på fjellet, og her blir det hygge, kos, god mat og gøye aktiviteter💥

Under finner du programmet for turen.

@@ -89,7 +89,7 @@ const Hemsedal24: NextPage = () => {
For følge:  Pool Club/treningssenter/fritid
 -

Mens variantene har workshop kan dere benytte dere av treningssenteret eller Pool Club som består av innendørs- og utendørsbassenger, og badstue ute. Gå til resepsjonen etter lunsj og få bånd for å kunne gå i Pool Club (Variant betaler). Da har dere fri tilgang til bassenget fram til kl 16:00 og kan gå inn og ut så mye de vil i denne tidsperioden (gjelder kun denne dagen).​ Eller så kan dere slappe av, gå en tur, utforske hotellet eller ta en blund😌 Helt opp til dere! Snacks og drikke kan settes av på romnummer og betales ved utsjekk på søndagen. .

+

Mens variantene har workshop kan dere benytte dere av treningssenteret eller Pool Club som består av innendørs- og utendørsbassenger, og badstue ute. Gå til resepsjonen etter lunsj og få bånd for å kunne gå i Pool Club (Variant betaler). Da har dere fri tilgang til bassenget fram til kl 16:00 og kan gå inn og ut så mye de vil i denne tidsperioden (gjelder kun denne dagen).​ Eller så kan dere slappe av, gå en tur, utforske hotellet eller ta en blund😌 Helt opp til dere! Snacks og drikke kan settes av på romnummer og betales ved utsjekk på søndagen.

  • Chill eller gjør hva dere vil🤸🏼
    • @@ -97,7 +97,7 @@ const Hemsedal24: NextPage = () => { Middag
  • - ubestemt + Sosialt og chill og hygge 🍻🌟
    • @@ -105,7 +105,7 @@ const Hemsedal24: NextPage = () => {
    • - Frokost 🥐 🍳 (spis når dere vil mellom 07:30 og 09:00) + Frokost 🥐 🍳 (spis når dere vil mellom 07:30 og 09:00)
    • @@ -121,7 +121,7 @@ const Hemsedal24: NextPage = () => { Middag
    • - ubestemt + Sosialt og chill og hygge 🍻🌟
    @@ -129,7 +129,7 @@ const Hemsedal24: NextPage = () => {
    • - Frokost 🥐 🍳 (spis når dere vil mellom 07:30 og 09:00) + Frokost 🥐 🍳 (spis når dere vil mellom 07:30 og 09:00)
    • Avreise fra hotellet, vi blir hentet med buss og kjørt til togstasjonen