first rollout ready (#507)

* first rollout ready

* deleted from other branch

* funk nå pls:)

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;

src/hemsedal24/activities.tsx

@@ -26,7 +26,7 @@ const Activities: NextPage = () => {
     return (
         <div  id="top" className={styles.tur}>
                         {mobile ?<></> : <Link 
-            className={styles.navigation}
+            className={styles.tilbake}
             href="/hemsedal24"
             style={{display:'flex', gap: '1rem', lineHeight: '28px', marginLeft:"-20%"}}>
                 <img src={arrowleft} width={24} height={28} alt="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 ⛰️🌞 
             </span></div>
-            <ActivityBlock title="Stisykling med Hemsedal Rides 🚲⛰️" 
-            text="Mellom kl 10.00 – 15.00 kan man ta stolheisen Lodge Express opp fjellet til stiene i Hemsedal Skisenter. 
-            Her kan man sykle ned og ta heisen opp igjen så mange ganger man vil for å teste ut de ulike stiene. 
-            Disse stiene passer for både nybegynnere og adrenalin junkiesene blant oss💥"
+            <ActivityBlock title="Stisykling med Hemsedal Rides 🚲⛰️"
+            text="Mellom kl 10:00 – 16:00 kan dere ta stolheisen Lodge Express opp fjellet til stiene i Hemsedal Skisenter⛰️ Heisen ligger en kort sykkeltur fra hotellet. Her kan dere sykle ned og ta heisen opp igjen så mange ganger dere vil for å teste ut de ulike stiene. Disse stiene passer for både nybegynnere og adrenalin junkiesene blant oss💥 Sykkel og hjelm får dere låne av hotellet!"
             link ="https://hemsedal.com/sykling/hemsedal-rides"
             reference="stisyklingen"
+            secondtext="Lunsj kan dere spise på skisenteret 🥪 (husk å ta vare på kvitteringen)"
             picture={sykling}/>
             <ActivityBlock title="Hundekjøring og fjellvandring 🐕⛰️"
-            text="Her får vi ca 2 timer hundekjøring med guide i kombo med to timers fjellvandring etter lunsj. Det er også 
-            viktig å påpeke at “det blir tid til å kose med hundene i hundegården også”😌 På grunn av veldig kosete hunder 
-            som er glad i mennesker så blir vi tipset om å gå med klær som tåler poter, snuter og pels. "
+            text='Dere tar bussen fra hotellet sammen med klatregjengen kl 09:00. Vi er framme hos Hemsedal Husky kl 10:25, og så er det hundekjøring fra kl 10:30🥳 Her får vi litt over en time hundekjøring med guide. Det er også viktig å påpeke at “det blir tid til å kose med hundene i hundegården også”😌 På grunn av veldig kosete hunder som er glad i mennesker så blir vi tipset om å gå med klær som tåler poter, snuter og pels.'
             link="https://hemsedalhusky.no/hundekjoring/"
             reference="hundekjøringen"
+            secondtext={<>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 <Link href='https://hemsedal.com/artikler/rjukandefossen'>Rjukandefossen</Link> (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}/>
             <ActivityBlock title="Via Ferrata klatring med guide 🧗"
-            text="Her tar erfarne guider deg med opp bratte fjellsider og langs trange fjellhyller (hjelp) på en rute som 
-            tar deg opp til Vesle Røggjin. Det tar 3-5 timer, avhengig av nivået til de som klatrer💫"
+            text="Dere tar bussen fra hotellet sammen med hundegjengen kl 09:00, og blir sluppet av der dere skal møte guiden og resten av gruppen som skal klatre 🚌 Her tar erfarne guider deg med opp bratte fjellsider og langs trange fjellhyller (hjelp) på en rute som tar deg til Vesle Røggjin. Det tar 3-5 timer, avhengig av nivået til de som klatrer💫 Men ikke vær for treig, for bussen plukker dere opp igjen kl 12:30 og kjører dere tilbake til hotellet🤠"
             link="https://hemsedal.com/hemsedal-fjellsport/via-ferrata"
             reference="klatreturen"
+            secondtext="Når dere er tilbake på hotellet så kan dere velge om dere vil på tur med hundegjengen eller slappe av på hotellet🌟 "
             picture={via}/>
             <a href="#top"><div className={styles.bop}><img src={bop} alt="big blobs"/></div></a>
     </div>

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 <section style={{display:"flex", justifyContent:"center", margin: "auto"}}>
         <div className={styles.block}>
             <div className={styles.textportion}>
                 <h2>{title}</h2>
                 <p>{text}</p>
                 <p>Du finner mer informasjon om {reference} <Link href={link}>HER</Link></p>
+                <p>{secondtext}</p>
             </div>
             <div className={styles.picture}><img src={picture} alt='bilde' /></div>
         </div>
     </section>
-}
+}
+

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%;
 }

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%;