From d2adab9bd97932f5780003c5f71cb02c8ceb0cb0 Mon Sep 17 00:00:00 2001 From: Maria Katrin Bonde <78419778+MariaBonde@users.noreply.github.com> Date: Fri, 23 Aug 2024 16:30:55 +0200 Subject: [PATCH] Lasterrorhemsedal24 (#515) * couldt do arrows:/ * hopefully last commit now:) --- src/hemsedal24/activities.module.css | 24 ++- src/hemsedal24/activities.tsx | 146 ++++++++++++------ .../components/ActivityBlock.module.css | 3 + src/hemsedal24/components/ActivityBlock.tsx | 4 +- src/hemsedal24/components/Hero.module.css | 8 +- src/hemsedal24/hemsedal.module.css | 9 +- src/hemsedal24/images/activityarrow.svg | 3 + src/hemsedal24/images/kosevors.svg | 4 +- src/hemsedal24/images/mobileactivityarrow.svg | 3 + src/hemsedal24/index.tsx | 2 +- src/hemsedal24/tingogtang.module.css | 31 ++-- src/hemsedal24/tingogtang.tsx | 11 +- 12 files changed, 160 insertions(+), 88 deletions(-) create mode 100644 src/hemsedal24/images/activityarrow.svg create mode 100644 src/hemsedal24/images/mobileactivityarrow.svg diff --git a/src/hemsedal24/activities.module.css b/src/hemsedal24/activities.module.css index f634c76a0..d449db1d3 100644 --- a/src/hemsedal24/activities.module.css +++ b/src/hemsedal24/activities.module.css @@ -6,6 +6,14 @@ z-index: 1; } +@-moz-document url-prefix() { + p { + font-size: 1.25rem; + } +} +.bold { + font-weight: 500; +} .header h3 { display: flex; justify-content: center; @@ -77,28 +85,30 @@ html { .blob { z-index: auto; - max-width: 75%; position: relative; } .blob img { position: absolute; - z-index: auto; - top: -9rem; - right: -20rem; + width: 70%; + top: -13rem; + right: -10rem; } .title { z-index: 10; } - .bop { flex-shrink: 0; display: flex; justify-content: center; - width: 20%; + width: 25rem; z-index: 10; margin: 0 auto; - margin-top: 10%; +} + +.bop img { + /* Or another appropriate value */ + height: auto; /* Maintain aspect ratio */ } @media (max-width: 500px) { diff --git a/src/hemsedal24/activities.tsx b/src/hemsedal24/activities.tsx index 6fc2391ea..2beee85f7 100644 --- a/src/hemsedal24/activities.tsx +++ b/src/hemsedal24/activities.tsx @@ -1,53 +1,101 @@ - -import { NextPage } from "next"; -import Link from "next/link"; -import arrowleft from "./images/arrow-left.svg" -import styles from "./activities.module.css" -import blob from "./images/activityblob.svg" -import bop from "./images/bop.svg" -import ActivityBlock from "./components/ActivityBlock"; -import hund from "./images/hund.svg" -import sykling from "./images/sykling.svg" -import via from "./images/viaferrata.svg" +import { NextPage } from 'next'; +import Link from 'next/link'; +import arrowleft from './images/arrow-left.svg'; +import styles from './activities.module.css'; +import blob from './images/activityblob.svg'; +import bop from './images/bop.svg'; +import ActivityBlock from './components/ActivityBlock'; +import hund from './images/hund.svg'; +import sykling from './images/sykling.svg'; +import via from './images/viaferrata.svg'; const Activities: NextPage = () => { - return ( -
- 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 ⛰️🌞 -
+ 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 ⛰️🌞 +
+{text}
-Du finner mer informasjon om {reference} HER
+Du finner mer informasjon om {reference} HER.
{secondtext}
Under finner du programmet for turen.
Og bilder!! Det er gøy å dele litt bilder underveis på turen, så vi skal ha vår egen lille fotobank her på denne nettsiden. Den kommer i løpet av uken, så stay tuned! 📸