diff --git a/src/hemsedal24/activities.module.css b/src/hemsedal24/activities.module.css index 565606873..f99960ab3 100644 --- a/src/hemsedal24/activities.module.css +++ b/src/hemsedal24/activities.module.css @@ -18,17 +18,33 @@ margin-right: 5%; } -.navigation span { +.tilbake { + color: var(--color-standard__black); + margin-top: 3rem; + width: 100%; + display: flex; + flex-direction: row; + justify-content: flex-start; + text-decoration: none; +} + +.tilbake span { color: var(--color-standard__black); padding: 0 6px 0 0; font-weight: 400; font-family: 'Graphik Web'; } -.navigation img { +.tilbake img { vertical-align: middle; } +.tilbake a { + margin-left: 6rem; + margin-right: 4rem; + text-decoration: none; +} + .tur { display: flex; flex-direction: column; diff --git a/src/hemsedal24/activities.tsx b/src/hemsedal24/activities.tsx index d3c691360..1d9158e80 100644 --- a/src/hemsedal24/activities.tsx +++ b/src/hemsedal24/activities.tsx @@ -26,7 +26,7 @@ const Activities: NextPage = () => { return (
{mobile ?<> : pil venste @@ -40,25 +40,23 @@ const Activities: NextPage = () => { 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 ⛰️🌞
- Vi blir hentet med bussen igjen kl 11:45 og er framme på hotellet ca 12:45. De som vil kan så gå på tur rundt Rjukandefossen (det ser helt sykt fint ut på bildene omg). Turen tar 3 timer tur/retur. Og man kan bade!!! Ellers kan man også henge på hotellet og slappe av etter hundekjøringen, det velger man selv 🤗} picture={hund}/>
big blobs
diff --git a/src/hemsedal24/components/ActivityBlock.tsx b/src/hemsedal24/components/ActivityBlock.tsx index 126ce9ba6..1526715c7 100644 --- a/src/hemsedal24/components/ActivityBlock.tsx +++ b/src/hemsedal24/components/ActivityBlock.tsx @@ -2,16 +2,19 @@ import Link from "next/link"; import styles from "./ActivityBlock.module.css" +import { ReactNode } from "react"; -export default function ActivityBlock({ title, text, link, reference, picture}: { title: string, text: string, link: string, reference: string, picture:string}) { +export default function ActivityBlock({ title, text, link, reference, secondtext, picture}: { title: string, text: string, link: string, reference: string,secondtext:ReactNode,picture:string}) { return

{title}

{text}

Du finner mer informasjon om {reference} HER

+

{secondtext}

bilde
-} \ No newline at end of file +} + diff --git a/src/hemsedal24/components/Container.module.css b/src/hemsedal24/components/Container.module.css index 7e15470b7..8b3984085 100644 --- a/src/hemsedal24/components/Container.module.css +++ b/src/hemsedal24/components/Container.module.css @@ -1,5 +1,5 @@ .container { margin-left: auto; margin-right: auto; - padding: 0% 10% 5% 10%; + padding: 0% 15% 5% 15%; } diff --git a/src/hemsedal24/hemsedal.module.css b/src/hemsedal24/hemsedal.module.css index 96b1ebb07..8e91cac17 100644 --- a/src/hemsedal24/hemsedal.module.css +++ b/src/hemsedal24/hemsedal.module.css @@ -35,10 +35,38 @@ line-height: 2rem; } +.tilbake { + color: var(--color-standard__black); + margin-top: 3rem; + width: 100%; + display: flex; + flex-direction: row; + justify-content: flex-start; +} + +.tilbake span { + color: var(--color-standard__black); + padding: 0 6px 0 0; + font-weight: 400; + font-family: 'Graphik Web'; +} + +.tilbake img { + vertical-align: middle; +} + +.tilbake a { + margin-left: 6rem; + margin-right: 4rem; +} + .navigation a { all: unset; cursor: pointer; z-index: 10; + margin-left: 6rem; + margin-right: 4rem; + text-decoration: none; } .navigation { @@ -149,6 +177,9 @@ html { .bunninfo h2 { margin-bottom: 1.5rem; } +.bunninfotekst { + width: 25%; +} .bold { font-size: 1rem; @@ -184,6 +215,9 @@ html { font-weight: 600; } +.italic { + font-style: italic; +} .underlined { text-decoration: underline; text-decoration-color: var(--Primary-Default, #e61a6b); @@ -221,78 +255,15 @@ details[open] .disclosureArrow { } .pl_9 { + margin-bottom: -3%; margin-left: 9rem; } .font-color { color: var(--color-standard__black); } -.tingogtangheader { - display: flex; - justify-content: center; - align-items: center; - margin-top: 5%; -} - -.tingogtangbody { - display: flex; - justify-content: space-between; - align-items: center; -} - -.tt_textbox { - flex-direction: column; - max-width: 60%; -} - -.tt_textbox span { - display: inline-block; - font-size: 110%; -} - -.ttheadertittel { - margin-left: -10%; - z-index: 10; -} - -.snokimg { - margin-right: -7%; - margin-top: -5%; - min-width: 45%; -} @media (max-width: 500px) { - .ttheadertittel { - min-width: 100%; - margin-left: -5.5rem; - } - .tingogtangheader h3 { - font-size: 1.675rem; - font-style: normal; - font-weight: 400; - line-height: 2.4375rem; /* 130% */ - text-wrap: wrap; - } - .tingogtangheader { - margin-top: 10%; - } - - .tingogtangbody { - margin-top: 5%; - flex-direction: column; - } - .tt_textbox { - max-width: 100%; - font-size: 0.8rem; - font-style: normal; - line-height: 2rem; - } - - .snokimg { - min-width: 220%; - margin-top: -20%; - } - .navigation { flex-direction: column; justify-content: center; @@ -323,8 +294,8 @@ details[open] .disclosureArrow { .pl_9 { margin: 0; + margin-left: 2rem; display: flex; - justify-content: center; } .bigblobs { min-width: 230%; @@ -342,6 +313,10 @@ details[open] .disclosureArrow { margin-top: -2%; } + .bunninfotekst { + min-width: 100%; + } + .resortbottom { margin-top: 3rem; min-width: 100%; diff --git a/src/hemsedal24/images/Frame88.svg b/src/hemsedal24/images/Frame88.svg deleted file mode 100644 index 2ea52f42b..000000000 --- a/src/hemsedal24/images/Frame88.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/src/hemsedal24/images/aktivityblob.svg b/src/hemsedal24/images/aktivityblob.svg new file mode 100644 index 000000000..98e674682 --- /dev/null +++ b/src/hemsedal24/images/aktivityblob.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/hemsedal24/images/arrowtoblob.svg b/src/hemsedal24/images/arrowtoblob.svg new file mode 100644 index 000000000..dd8e153ee --- /dev/null +++ b/src/hemsedal24/images/arrowtoblob.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/hemsedal24/images/curved-arrow.svg b/src/hemsedal24/images/curved-arrow.svg deleted file mode 100644 index b83181722..000000000 --- a/src/hemsedal24/images/curved-arrow.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/src/hemsedal24/images/curvetext.svg b/src/hemsedal24/images/curvetext.svg deleted file mode 100644 index f7942d395..000000000 --- a/src/hemsedal24/images/curvetext.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - Variant på tuuuur! - - - \ No newline at end of file diff --git a/src/hemsedal24/images/hemsedalhero1.png b/src/hemsedal24/images/hemsedalhero1.png deleted file mode 100644 index b342d38f9..000000000 Binary files a/src/hemsedal24/images/hemsedalhero1.png and /dev/null differ diff --git a/src/hemsedal24/images/hemsedalhero1text.svg b/src/hemsedal24/images/hemsedalhero1text.svg deleted file mode 100644 index f98a4e873..000000000 --- a/src/hemsedal24/images/hemsedalhero1text.svg +++ /dev/null @@ -1,23 +0,0 @@ - - - - - - - - - - - - - - - - - - - Variant på tuuuur! - - - \ No newline at end of file diff --git a/src/hemsedal24/images/kosevors.svg b/src/hemsedal24/images/kosevors.svg new file mode 100644 index 000000000..3b35c9c5b --- /dev/null +++ b/src/hemsedal24/images/kosevors.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/src/hemsedal24/images/mobilearrow.svg b/src/hemsedal24/images/mobilearrow.svg new file mode 100644 index 000000000..eb3b1e5d5 --- /dev/null +++ b/src/hemsedal24/images/mobilearrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/hemsedal24/images/mobilutsikttingtang.png b/src/hemsedal24/images/mobilutsikttingtang.png new file mode 100644 index 000000000..cf6be9c1f Binary files /dev/null and b/src/hemsedal24/images/mobilutsikttingtang.png differ diff --git a/src/hemsedal24/images/pcutsikt.png b/src/hemsedal24/images/pcutsikt.png new file mode 100644 index 000000000..2cafd74e2 Binary files /dev/null and b/src/hemsedal24/images/pcutsikt.png differ diff --git a/src/hemsedal24/images/squigglyarrow.svg b/src/hemsedal24/images/squigglyarrow.svg new file mode 100644 index 000000000..b6cc40818 --- /dev/null +++ b/src/hemsedal24/images/squigglyarrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/hemsedal24/images/test.html b/src/hemsedal24/images/test.html deleted file mode 100644 index 6c9831015..000000000 --- a/src/hemsedal24/images/test.html +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - SVG with Curved Text - - -

SVG with Curved Text Example

- - - - - - - - - - - - - - - - - - - - - Variant på tuuuur! - - - - - - - diff --git a/src/hemsedal24/index.tsx b/src/hemsedal24/index.tsx index 6578a77ee..52a0dc48d 100644 --- a/src/hemsedal24/index.tsx +++ b/src/hemsedal24/index.tsx @@ -58,7 +58,7 @@ const Hemsedal24: NextPage = () => { 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, blabla mer her

+

Under finner du programmet for turen.

koser seg
big blobs
@@ -67,7 +67,7 @@ const Hemsedal24: NextPage = () => {
  • - Oppmøte på Bergen togstasjon + Oppmøte på Togstasjonen
  • Toget går! 🚂 @@ -89,11 +89,7 @@ const Hemsedal24: NextPage = () => {
    For følge:  Pool Club/treningssenter/fritid
    -

    Dere kan benytte dere av treningssenter og 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).​ 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🤸🏼
  • @@ -101,7 +97,7 @@ const Hemsedal24: NextPage = () => { Middag
  • - ubestemt + ubestemt
@@ -125,7 +121,7 @@ const Hemsedal24: NextPage = () => { Middag
  • - ubestemt + ubestemt
  • @@ -151,14 +147,14 @@ const Hemsedal24: NextPage = () => {
    big blobs
    -
    +

    Det praktiske

    Fýri Resort

    Tlf: 31 00 15 60

    Totteskogen 55, 3560 Hemsedal


    Spørsmål underveis?

    -

    Soskom tlf: 999 999 999

    +

    Anita har nok svaret, ring eller send melding til 919 16 747 🌟

    resortbilde
    diff --git a/src/hemsedal24/tingogtang.module.css b/src/hemsedal24/tingogtang.module.css new file mode 100644 index 000000000..bcefa071a --- /dev/null +++ b/src/hemsedal24/tingogtang.module.css @@ -0,0 +1,241 @@ +.tur { + background: #ede8d7; + margin: 0; + padding: 0; + font-family: 'Graphik Web'; + min-height: 100vh; + overflow: hidden; +} + +.tur h1, +.tur h2, +.tur h3 { + font-family: 'Recoleta'; +} + +.tilbake { + color: var(--color-standard__black); + margin-top: 3rem; + width: 100%; + display: flex; + flex-direction: row; + justify-content: flex-start; + text-decoration: none; +} + +.tilbake span { + color: var(--color-standard__black); + padding: 0 6px 0 0; + font-weight: 400; + font-family: 'Graphik Web'; +} + +.tilbake img { + vertical-align: middle; +} + +.tilbake a { + margin-left: 6rem; + margin-right: 4rem; + text-decoration: none; +} +.tingogtangheader { + display: flex; + justify-content: center; + align-items: center; + margin-top: 5%; +} + +.tingogtangbody { + display: flex; + justify-content: space-between; + align-items: center; +} + +.tt_textbox { + flex-direction: column; + max-width: 60%; +} + +.tt_textbox span { + display: inline-block; + font-size: 110%; +} + +.ttheadertittel { + margin-left: -10%; + z-index: 10; +} + +.snokimg { + margin-right: -7%; + margin-top: -5%; + min-width: 45%; +} + +h4 { + font-weight: 450; +} + +.omHotellet a, +.pakkeliste a { + all: unset; + text-underline-offset: 2px !important; + text-decoration: underline !important; + text-decoration-thickness: 2px !important; + text-decoration-color: #e61a6b !important; + cursor: pointer; + color: #e61a6b; +} + +.pakkeliste { + margin: 5rem 2rem 0rem 0; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; +} + +.pakkeliste img { + width: 100%; +} +.squiggly { + padding-top: 3rem; +} +.arrowtoblob { + gap: 5%; + display: flex; + flex-direction: row; + align-items: center; + height: 10rem; + margin-left: -3%; + margin-top: 3rem; +} + +.aktivitetsblob img { + margin: -13rem; +} +.aktivitetstekst { +} +.aktivitetene { + margin: 5rem 2rem 0rem 0; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; +} + +.bop { + flex-shrink: 0; + display: flex; + justify-content: center; + width: 20%; + z-index: 10; + margin: 0 auto; +} + +.bop img { + /* Or another appropriate value */ + height: auto; /* Maintain aspect ratio */ +} + +@media (max-width: 500px) { + p { + line-height: 2rem; + } + .ttheadertittel { + min-width: 100%; + margin-left: -7.5rem; + } + .tingogtangheader h3 { + font-size: 1.675rem; + font-style: normal; + font-weight: 400; + line-height: 2.4375rem; /* 130% */ + text-wrap: wrap; + } + .tingogtangheader { + margin-top: 10%; + } + + .tingogtangbody { + margin-top: 5%; + flex-direction: column; + } + .tt_textbox { + max-width: 100%; + font-size: 0.8rem; + font-style: normal; + line-height: 2rem; + } + + .snokimg { + min-width: 220%; + margin-left: -14%; + margin-top: -20%; + margin-bottom: -30%; + } + .pakkeliste { + margin: 5rem 4.5rem 0 0; + flex-direction: column; + margin-top: 7rem; + } + .koseimg { + position: relative; + top: -8rem; + right: -40%; + } + .pakkeliste img { + width: 15rem; + position: absolute; + } + .aktivitetene { + flex-direction: column; + align-items: flex-end; + justify-content: space-around; + margin: 5rem 0rem 0rem 0; + } + .aktivitetstekst { + display: flex; + flex-direction: column; + flex: 1; + } + .aktivitetene a { + width: 70%; + display: flex; + } + .mobilearrowblob { + display: flex; + min-width: 100%; + margin-left: -12%; + margin-bottom: -10%; + margin-top: -9%; + } + + .arrowtoblob { + margin-top: 3rem; + margin-right: 3rem; + flex-direction: row-reverse; + align-items: center; + } + .squiggly { + padding-top: 0; + margin-top: -12rem; + margin-left: -5rem; + } + .utsiktsblob { + display: flex; + justify-content: center; + margin: -9rem 0 -5rem 0; + min-width: 100%; + } + .utsiktsblob img { + min-width: 150%; + } + .bop { + width: 60%; + } + .bop img { + min-width: 100%; + } +} diff --git a/src/hemsedal24/tingogtang.tsx b/src/hemsedal24/tingogtang.tsx index cecc53ae4..bfbf1e910 100644 --- a/src/hemsedal24/tingogtang.tsx +++ b/src/hemsedal24/tingogtang.tsx @@ -1,5 +1,5 @@ import { NextPage } from "next"; -import styles from './hemsedal.module.css' +import styles from './tingogtang.module.css' import Container from "./components/Container"; import Link from "next/link"; import arrowLeft from "./images/arrow-left.svg" @@ -7,6 +7,14 @@ import blob from "./images/tingogtangblob.svg" import snok from "./images/snok.svg" import { useState, useEffect } from "react"; import bop from './images/bop.svg' +import kosevors from './images/kosevors.svg' +import squiggly from './images/squigglyarrow.svg' +import a_blob from './images/aktivityblob.svg' +import utsiktmobil from './images/mobilutsikttingtang.png' +import utsiktpc from './images/pcutsikt.png' +import arrowblob from './images/arrowtoblob.svg' + + const TingogTang: NextPage = () => { const [mobile, setMobile] = useState(false); @@ -23,13 +31,13 @@ const TingogTang: NextPage = () => { return (
    - : pil venste Tilbake - + }
    blob

    Ting og tang du kanskje lurer på

    @@ -43,8 +51,33 @@ const TingogTang: NextPage = () => { Dersom det er noe annet du lurer så er det bare å huke tak i sin nærmeste Variant og spørre🤝
    folk som snoker
    -
    +
    +

    Om hotellet

    +

    Hvis du ikke allerede har tatt en titt på hotellet, så kan du sjekke det ut HER.

    +
    +

    Fýri ligger ved Hemsedal skisenter, og er (som de beskriver det selv) ”stedet for de sosiale, eventyrlystne og nysgjerrige”. Guuuuuu som vi skal kose oss!!

    +
    +
    +
    strandsenger
    +

    Husk å ta med:

    +

    Badetøy! 🩳 🩱

    +

    Klær, turtøy og gode sko til aktivitetene på lørdag ⛰️.
    (ta en titt på værmeldingen)

    +

    Varianter: pc til workshoppen på fredag 💻

    +
    +
    +
    +

    Aktivitetene på lørdag

    +

    Det er mye forskjellig som skjer på lørdagen, så vi har samlet alt på ett + sted slik at det skal være enkelt å finne ut av hvem/hva/hvor og alt imellom💥

    +
    + + {mobile ? +
    blob
    + :
    +
    arrow
    +
    blob
    }
    + {mobile ?
    utsiktsblob
    :
    utsiktsblob
    }
    big blobs