diff --git a/pages/varianttur/guildford23.tsx b/pages/varianttur/guildford23.tsx new file mode 100644 index 000000000..dc4002c01 --- /dev/null +++ b/pages/varianttur/guildford23.tsx @@ -0,0 +1 @@ +export { default } from 'src/varianttur/guildford23'; \ No newline at end of file diff --git a/public/images/varianttur/hotel.png b/public/images/varianttur/hotel.png new file mode 100644 index 000000000..c6dc658c6 Binary files /dev/null and b/public/images/varianttur/hotel.png differ diff --git a/public/images/varianttur/restaurant.png b/public/images/varianttur/restaurant.png new file mode 100644 index 000000000..b7dc5f724 Binary files /dev/null and b/public/images/varianttur/restaurant.png differ diff --git a/public/images/varianttur/street.png b/public/images/varianttur/street.png new file mode 100644 index 000000000..b1dd7f569 Binary files /dev/null and b/public/images/varianttur/street.png differ diff --git a/src/varianttur/guildford23/components/description/description.module.css b/src/varianttur/guildford23/components/description/description.module.css new file mode 100644 index 000000000..8086d6712 --- /dev/null +++ b/src/varianttur/guildford23/components/description/description.module.css @@ -0,0 +1,16 @@ +.descriptionContainer { + background-color: var(--color-secondary4__tint2); + padding-left: 8rem; + padding-top: 4rem; + padding-bottom: 12rem; +} + +.importantText { + text-transform: uppercase; + font-weight: bold; +} + +.descriptionFooter { + font-style: italic; + margin-top: 7rem; +} diff --git a/src/varianttur/guildford23/components/description/description.tsx b/src/varianttur/guildford23/components/description/description.tsx new file mode 100644 index 000000000..6a72be9d8 --- /dev/null +++ b/src/varianttur/guildford23/components/description/description.tsx @@ -0,0 +1,22 @@ +import style from './description.module.css'; + +const Description = () => { + return ( +
+

Stop being so apple handome, this is going to be jolly good!

+

+ Hundre og femti mil sørover, litt vest og nedover ligger Guildford – en liten by i distriktet Surrey. Sjølberga med både slott og vinskole, shoppinggate og eget teater. Fritt for vær og vind(🤞), akkurat der vi skal bo på Harbour hotel. Her skal vi feire 5års dagen til Variant🎉 +

+

+ Det blir litt faglig opplegg 🤓, vi skal spise digg mat 🍴, og dra ut på livlige, typisk engelske aktiviteter 🏰 🎢 🍷 🍸🌆. Vi har prøvd å ha noe for alle og enhver, både med mat og utflukter – håper det faller i smak. Det er også lagt inn tid på lørdagen til å ha litt frilek 🛝, forslag til påfunn finner du under praktisk info. +

+

+ (“Og hva skjer med båtturen da?” tenker du, +
+ og vi må faktisk skuffe dere: ingen båttur i år😱🚨) +

+
+ ); +}; + +export default Description; \ No newline at end of file diff --git a/src/varianttur/guildford23/components/heading/arrow.tsx b/src/varianttur/guildford23/components/heading/arrow.tsx new file mode 100644 index 000000000..367607877 --- /dev/null +++ b/src/varianttur/guildford23/components/heading/arrow.tsx @@ -0,0 +1,17 @@ +const Arrow = () => { + return ( + + + + + + + + + + + + ); +}; + +export default Arrow; \ No newline at end of file diff --git a/src/varianttur/guildford23/components/heading/heading.module.css b/src/varianttur/guildford23/components/heading/heading.module.css new file mode 100644 index 000000000..744903ea3 --- /dev/null +++ b/src/varianttur/guildford23/components/heading/heading.module.css @@ -0,0 +1,53 @@ +.headingContainer { + position: relative; + height: 30rem; + margin-bottom: 2rem; +} + +.blobInfoContainer { + position: absolute; + top: 5rem; + left: 3rem; +} + +.blobInfo { + position: relative; + width: 10rem; +} + +.blobName { + position: absolute; + top: -3rem; + font-family: 'Recoleta'; +} + +.arrow { + transform: rotate(28.561deg); +} + +.blobContainer { + position: absolute; + top: 8rem; + left: 4rem; +} + +.heading { + position: absolute; + z-index: 10; + top: 11rem; + left: 8rem; +} + +.supHeading { + color: var(--color-primary); + font-size: 1.875rem; +} + +.mainHeading { + font-size: 6.25rem; +} + +.subHeading { + font-size: 2.5rem; + margin-top: 1.875rem; +} diff --git a/src/varianttur/guildford23/components/heading/heading.tsx b/src/varianttur/guildford23/components/heading/heading.tsx new file mode 100644 index 000000000..6b6fe76c6 --- /dev/null +++ b/src/varianttur/guildford23/components/heading/heading.tsx @@ -0,0 +1,28 @@ +import style from './heading.module.css'; +import Arrow from './arrow'; +import Reisefeberblob from './reisefeberblob'; + +const Heading = () => { + return ( +
+
+
+ Reisefeber-blob +
+ +
+
+
+
+ +
+
+ Varianttur 2023 +

Guildford

+

1.-3. september

+
+
+ ) +}; + +export default Heading; \ No newline at end of file diff --git a/src/varianttur/guildford23/components/heading/reisefeberblob.tsx b/src/varianttur/guildford23/components/heading/reisefeberblob.tsx new file mode 100644 index 000000000..14b6a85a8 --- /dev/null +++ b/src/varianttur/guildford23/components/heading/reisefeberblob.tsx @@ -0,0 +1,8 @@ +const Reisefeberblob = () => { + return ( + + + +)}; + +export default Reisefeberblob; \ No newline at end of file diff --git a/src/varianttur/guildford23/components/hero/hero.module.css b/src/varianttur/guildford23/components/hero/hero.module.css new file mode 100644 index 000000000..fcd9c09cc --- /dev/null +++ b/src/varianttur/guildford23/components/hero/hero.module.css @@ -0,0 +1,7 @@ +.heroContainer { + background-color: var(--color-secondary4); + width: 100%; + height: 50rem; + display: flex; + flex-direction: column; +} diff --git a/src/varianttur/guildford23/components/hero/hero.tsx b/src/varianttur/guildford23/components/hero/hero.tsx new file mode 100644 index 000000000..5cdcd1f17 --- /dev/null +++ b/src/varianttur/guildford23/components/hero/hero.tsx @@ -0,0 +1,14 @@ +import style from './hero.module.css'; +import Heading from '../heading/heading'; +import Navbar from '../navbar/navbar'; + +const Hero = () => { + return ( +
+ + +
+ ); +}; + +export default Hero; \ No newline at end of file diff --git a/src/varianttur/guildford23/components/info/info.module.css b/src/varianttur/guildford23/components/info/info.module.css new file mode 100644 index 000000000..301ce8b58 --- /dev/null +++ b/src/varianttur/guildford23/components/info/info.module.css @@ -0,0 +1,60 @@ +.infoContainer { + background-color: var(--color-secondary4__tint2); + padding-left: 8rem; + padding-top: 4rem; + padding-bottom: 8rem; + display: flex; + width: 100%; +} + +.textContainer { + width: 20rem; +} + +.imageContainer { + position: relative; + width: 40rem; +} + +.hotelImage { + position: absolute; + top: 3rem; + right: 0; +} + +.restaurantImage { + position: absolute; + top: 15rem; + left: 0; +} + +h3 { + font-size: 1.5rem; + font-weight: 500; + line-height: 1.5; + margin-bottom: 1rem; +} + +.phone { + margin-top: 1rem; + margin-bottom: 2.5rem; +} + +.addressContainer { + margin-bottom: 5rem; + display: flex; +} + +.addressLine { + margin-top: 0; + margin-left: 0.5rem; +} + +.foodContainer { + margin-bottom: 5rem; +} + +.contactPerson { + display: flex; + justify-content: space-between; +} diff --git a/src/varianttur/guildford23/components/info/info.tsx b/src/varianttur/guildford23/components/info/info.tsx new file mode 100644 index 000000000..72c938b48 --- /dev/null +++ b/src/varianttur/guildford23/components/info/info.tsx @@ -0,0 +1,50 @@ +import style from './info.module.css'; + +const Info = () => { + return ( +
+
+

Det praktiske

+

Harbour Hotel Guildford

+

☎️ +????

+
+ 📍 +
+

3 Alexandra Terrace,

+

Guildford GU1 3DA,

+

Storbritannia

+
+
+
+

Allergier og matpreferanser

+

Har du allergier eller matpreferanser og vil være helt sikker på at det er tatt hensyn til? Dobbeltsjekk heller med oss enn å lure, det gjør det bedre både for deg og oss!

+
+
+

Lurer du på noe underveis?

+
+ Linda + +47 ?? +
+
+ Falk + +47 ?? +
+
+ Lotta-Linn + +47 91 55 34 34 +
+
+
+
+
+ +
+
+ +
+
+
+ ); +}; + +export default Info; \ No newline at end of file diff --git a/src/varianttur/guildford23/components/itinerary/itinerary.module.css b/src/varianttur/guildford23/components/itinerary/itinerary.module.css new file mode 100644 index 000000000..d13d35a04 --- /dev/null +++ b/src/varianttur/guildford23/components/itinerary/itinerary.module.css @@ -0,0 +1,44 @@ +.oddDay { + background-color: var(--color-secondary4); + padding-left: 8rem; + padding-top: 4rem; + padding-bottom: 8rem; +} + +.evenDay { + background-color: var(--color-secondary4__tint2); + padding-left: 8rem; + padding-top: 4rem; + padding-bottom: 8rem; +} + +.dayHeading { + font-size: 2.813rem; + margin-bottom: 5rem; +} + +.list { + margin: 0 auto; + list-style-type: none; + padding-left: 0; + border-left: solid var(--color-primary); + margin-left: 20rem; +} + +li { + padding-bottom: 2rem; +} + +time { + display: inline-block; + width: 8rem; + margin-left: -8rem; +} + +.list span::before { + content: url('./itinirary-blob.svg'); + color: var(--color-primary); + display: inline-block; + margin-left: -1rem; + margin-top: -0.5rem; +} diff --git a/src/varianttur/guildford23/components/itinerary/itinerary.tsx b/src/varianttur/guildford23/components/itinerary/itinerary.tsx new file mode 100644 index 000000000..6ff560f43 --- /dev/null +++ b/src/varianttur/guildford23/components/itinerary/itinerary.tsx @@ -0,0 +1,45 @@ +import style from './itinerary.module.css'; + +const Itinerary = () => { + return ( +
+
+

Fredag

+
    +
  1. Oppmøte Værnes 🧳
    2. +
  2. Flyet går✈️
    3. +
  3. Buss til hotellet 🚍
    4. +
  4. Ankomst hotellet 🏨
    5. +
  5. Variantdag 🚀
    6. +
  6. Velkomst 🥂
    7. +
  7. Festmiddag & fest 🍴 💃🏼 🕺🏽
    8. +
+
+
+

Lørdag

+
    +
  1. Frokost på hotellet 🍳
    2. +
  2. Transport til aktiviteter 🚍
    3. +
  3. Aktiviteter 🏰 🎢 🍷 🍸🌆
    4. +
  4. Tilbake til hotellet 🏨
    5. +
  5. Fritid 🛝
    6. +
  6. Buss til middag 🚍
    7. +
  7. Middag 🍴
    8. +
  8. Buss tilbake til hotellet 🚍
    9. +
+
+
+

Søndag

+
    +
  1. Frokost på hotellet 🍳
    2. +
  2. Utsjekk 🧳
    3. +
  3. Buss til Heathrow 🚍
    4. +
  4. Fly Heathrow - Oslo ✈️
    5. +
  5. Fly Oslo - Værnes ✈️
    6. +
+
+
+ ); +}; + +export default Itinerary; \ No newline at end of file diff --git a/src/varianttur/guildford23/components/itinerary/itinirary-blob.svg b/src/varianttur/guildford23/components/itinerary/itinirary-blob.svg new file mode 100644 index 000000000..fc5aa709f --- /dev/null +++ b/src/varianttur/guildford23/components/itinerary/itinirary-blob.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/varianttur/guildford23/components/navbar/navbar.module.css b/src/varianttur/guildford23/components/navbar/navbar.module.css new file mode 100644 index 000000000..bee64269d --- /dev/null +++ b/src/varianttur/guildford23/components/navbar/navbar.module.css @@ -0,0 +1,18 @@ +.navbarContainer { + display: flex; + justify-content: space-between; + width: 50%; + margin-left: 8rem; +} + +a { + text-decoration: none; + font-size: 1.25; +} + +a:hover { + text-decoration: underline; + text-decoration-color: var(--color-primary); + font-weight: 500; + color: black; +} diff --git a/src/varianttur/guildford23/components/navbar/navbar.tsx b/src/varianttur/guildford23/components/navbar/navbar.tsx new file mode 100644 index 000000000..8a993907f --- /dev/null +++ b/src/varianttur/guildford23/components/navbar/navbar.tsx @@ -0,0 +1,14 @@ +import style from './navbar.module.css'; + +const Navbar = () => { + return ( +
+ Fredagen + Lørdagen + Søndagen + Praktisk info +
+ ); +}; + +export default Navbar; \ No newline at end of file diff --git a/src/varianttur/guildford23/guildford23.module.css b/src/varianttur/guildford23/guildford23.module.css new file mode 100644 index 000000000..b3df39e1e --- /dev/null +++ b/src/varianttur/guildford23/guildford23.module.css @@ -0,0 +1,3 @@ +.container { + background-color: var(--color-secondary4); +} diff --git a/src/varianttur/guildford23/index.tsx b/src/varianttur/guildford23/index.tsx new file mode 100644 index 000000000..b5fcdadab --- /dev/null +++ b/src/varianttur/guildford23/index.tsx @@ -0,0 +1,16 @@ +import style from './guildford23.module.css'; +import Hero from './components/hero/hero'; +import Description from './components/description/description'; +import Itinerary from './components/itinerary/itinerary'; +import Info from './components/info/info'; + +export default function Guildford23() { + return ( +
+ + + + +
+ ) +}; \ No newline at end of file