Merge pull request #37 from mandaljazz/make-frivillig-and-festivalkom…

…ite-use-same-template

Improve volunteer page

README.md

@@ -1 +1,9 @@
 Jens: Gå [hit](https://github.com/mandaljazz/mandaljazz-astro/tree/main/src/pages/artist) og trykk på `Add file` ✌️
+
+# Videokonvertering
+
+Bruk noe sånt som denne, og spør ChatGPT om råd hvis du trenger noe mer fancy:
+
+```
+ffmpeg -i input.mp4 -an -c:v libx264 -crf 24 -preset medium -vf scale=640:-1 output.mp4
+```

src/components/ImageWithCaption.astro

@@ -2,14 +2,16 @@
 export interface Props {
   src: string;
   caption?: string;
+  attribution?: string;
 }
 
-const { src, caption } = Astro.props;
+const { src, caption, attribution } = Astro.props;
 ---
 
 <figure>
   <img src={src} alt={caption} class="rounded-t-lg" />
-  <figcaption class="p-4 bg-dark-blue/10 rounded-b-lg">
-    {caption}
+  <figcaption class="p-4 bg-dark-blue/10 rounded-b-lg flex justify-between">
+    {caption && <span>{caption}</span>}
+    {attribution && <span>{attribution}</span>}
   </figcaption>
 </figure>

src/content/festivalkomite/artistsjef.mdx

@@ -1,5 +1,5 @@
 ---
-layout: ../../layouts/FestivalCommitteeLayout.astro
+layout: ../../layouts/FestivalCommitteePositionLayout.astro
 title: Artistsjef
 id: artistsjef
 fee: 5 000 (utbetales mot skattekort eller på faktura, 2 500 ekstra for kontraktsarbeid)
@@ -11,7 +11,11 @@ end: 1. august 2024
 
 Som artistansvarlig har du ansvaret for festivalens artister fra kontraktene er underskrevet til festivalen er ferdig avviklet. På dette tidspunktet har festivalsjefen allerede signert kontrakter med artistene og booket alle reiser og overnattinger, slik at dette faller utenfor artistansvarligs ansvarsområde. Festivalsjef lager også teknisk kjøreplan og setter lydprøvetidene.
 
-<img src="/festivalkomite/artistsjef.jpg" alt="Festivalkomiteen" class="rounded-lg shadow-lg" />
+<img
+  src="/festivalkomite/artistsjef.jpg"
+  alt="Festivalkomiteen"
+  class="rounded-lg shadow-lg"
+/>
 
 ### Ansvarsområder
 

src/content/festivalkomite/barsjef.mdx

@@ -1,5 +1,5 @@
 ---
-layout: ../../layouts/FestivalCommitteeLayout.astro
+layout: ../../layouts/FestivalCommitteePositionLayout.astro
 title: Barsjef
 id: barsjef
 fee: 3 000 (utbetales mot skattekort eller på faktura)

src/content/festivalkomite/billettsjef.mdx

@@ -1,5 +1,5 @@
 ---
-layout: ../../layouts/FestivalCommitteeLayout.astro
+layout: ../../layouts/FestivalCommitteePositionLayout.astro
 title: Billettsjef
 id: billettsjef
 fee: 3 000 (utbetales mot skattekort eller på faktura)

src/content/festivalkomite/frivilligkoordinator.mdx

@@ -1,5 +1,5 @@
 ---
-layout: ../../layouts/FestivalCommitteeLayout.astro
+layout: ../../layouts/FestivalCommitteePositionLayout.astro
 title: Frivilligkoordinator
 id: frivilligkoordinator
 fee: 7 500 (utbetales mot skattekort eller på faktura)

src/content/festivalkomite/markedssjef.mdx

@@ -1,5 +1,5 @@
 ---
-layout: ../../layouts/FestivalCommitteeLayout.astro
+layout: ../../layouts/FestivalCommitteePositionLayout.astro
 title: Markedssjef
 id: markedssjef
 fee: 15 000 (utbetales mot skattekort eller på faktura)

src/content/festivalkomite/matsjef.mdx

@@ -1,5 +1,5 @@
 ---
-layout: ../../layouts/FestivalCommitteeLayout.astro
+layout: ../../layouts/FestivalCommitteePositionLayout.astro
 title: Matsjef
 id: matsjef
 fee: 5 000 (utbetales mot skattekort eller på faktura, 2 500 ekstra for artistmat)

src/content/festivalkomite/sjauesjef.mdx

@@ -1,5 +1,5 @@
 ---
-layout: ../../layouts/FestivalCommitteeLayout.astro
+layout: ../../layouts/FestivalCommitteePositionLayout.astro
 title: Sjauesjef
 id: sjauesjef
 fee: 7 500 (utbetales mot skattekort eller på faktura)

src/content/frivillig/artistvertskap.mdx

@@ -0,0 +1,7 @@
+---
+layout: ../../layouts/VolunteerGroupLayout.astro
+title: Artistvertskap
+id: artistvertskap
+---
+
+Som artistvert er du blant annet med på å gi artistene en hyggelig opplevelse på festivalen. Denne gjengen tar i mot artistene og sørger for at de får mat, drikke og svar på det de lurer på.

src/content/frivillig/bar.mdx

@@ -0,0 +1,13 @@
+---
+layout: ../../layouts/VolunteerGroupLayout.astro
+title: Bar
+id: bar
+---
+
+Her betjener du baren i teltet eller serverer mat på festivalområdet, enkelt og greit. Som bartender får du den beste utsikten til konsertene!
+
+<img
+  src="/frivillig/agathe-tapper-ol.jpg"
+  alt="Tapping av øl fra tappetårn"
+  class="rounded-lg shadow-lg"
+/>

src/content/frivillig/billett-og-merch.mdx

@@ -0,0 +1,13 @@
+---
+layout: ../../layouts/VolunteerGroupLayout.astro
+title: Billett og merch
+id: billett-og-merch
+---
+
+Her får du et hyggelig møte med alle gjestene på festivalen, når de skal veksle inn sin billett i et armbånd eller stempel. Du selger også blant annet t-skjorter og handlenett.
+
+<img
+  src="/frivillig/merch-salg-subtilt.jpg"
+  alt="Salg av merch i bod"
+  class="rounded-lg shadow-lg"
+/>

src/content/frivillig/forpleining-og-hygge.mdx

@@ -0,0 +1,13 @@
+---
+layout: ../../layouts/VolunteerGroupLayout.astro
+title: Forpleining og hygge
+id: forpleining-og-hygge
+---
+
+Denne gjengen sørger for at det er hyggelig å være frivillig. Det innebærer å lage mat til de frivillige, særlig i sjaueuka før festivalen, og arrangere hyggelige sosiale aktiviteter for de frivillige!
+
+<img
+  src="/frivillig/morgenmote-folk-rekker-opp-handa.jpg"
+  alt="Morgenmøte og folk rekker opp hender"
+  class="rounded-lg shadow-lg"
+/>

src/content/frivillig/foto-og-film.mdx

@@ -0,0 +1,13 @@
+---
+layout: ../../layouts/VolunteerGroupLayout.astro
+title: Foto og film
+id: foto-og-film
+---
+
+Både før og under festivalen trenger vi fotografer og filmfotografer. Det er ønskelig med noe erfaring.
+
+<img
+  src="/frivillig/person-blaser-sapeboble-saksofonist-i-bakgrunnen.jpg"
+  alt="Såpebobler på konsert"
+  class="rounded-lg shadow-lg"
+/>

src/content/frivillig/kokk.mdx

@@ -0,0 +1,13 @@
+---
+layout: ../../layouts/VolunteerGroupLayout.astro
+title: Kokk
+id: kokk
+---
+
+Liker du å lage mat? Da kan du bli med å lage maten som serveres under festivalen, til både publikum, frivillige og artister. I matgruppa er det alltid veldig god stemning!
+
+<img
+  src="/frivillig/tonje-lager-crepe.jpg"
+  alt="En kokk lager crepe"
+  class="rounded-lg shadow-lg"
+/>

src/content/frivillig/sjauing-og-omrade.mdx

@@ -0,0 +1,13 @@
+---
+layout: ../../layouts/VolunteerGroupLayout.astro
+title: Sjauing og område
+id: sjauing-og-omrade
+---
+
+Denne gjengen har ansvar for å sette opp og rigge ned festivalteltet, gjøre festivalområdet fint, og rigge klart til festival. Bli med enten du er glad i løfte og bære, snekre, har estetisk sans, eller bare ønsker å være med i en hyggelig og sosial gjeng! Det er særlig behov for folk som har mulighet til å være med i uken før festivalen.
+
+<img
+  src="/frivillig/sjauing-skilt.jpg"
+  alt="Noen henger opp mandaljazz-skiltet"
+  class="rounded-lg shadow-lg"
+/>

src/content/frivillig/teknikk.mdx

@@ -0,0 +1,7 @@
+---
+layout: ../../layouts/VolunteerGroupLayout.astro
+title: Teknikk
+id: teknikk
+---
+
+Som teknisk sjauer jobber man på scenen med rigging under lydprøver og konserter. Noe teknisk erfaring er ønskelig.

src/layouts/FestivalCommitteeLayout.astro → src/layouts/FestivalCommitteePositionLayout.astro

@@ -1,5 +1,4 @@
 ---
-import TitleWithHand from "../components/TitleWithHand.astro";
 const {
   frontmatter: { title, id, fee, start, end },
 } = Astro.props;

src/layouts/VolunteerGroupLayout.astro

@@ -0,0 +1,17 @@
+---
+const {
+  frontmatter: { title, id, start, end },
+} = Astro.props;
+---
+
+<section class="space-y-8">
+  <div id={id} class="invisible -translate-y-16"></div>
+  <h3
+    class="sticky top-[106px] md:top-[58px] p-3 md:p-4 bg-blue font-display text-xl md:text-2xl inline-block rounded-xl rounded-tl-none"
+  >
+    {title}
+  </h3>
+  <article class="prose">
+    <slot />
+  </article>
+</section>

src/pages/festivalkomite.astro

@@ -1,9 +1,6 @@
 ---
-import ImageWithCaption from "../components/ImageWithCaption.astro";
 import Link from "../components/Link.astro";
-import FestivalCommitteeForm from "../components/FestivalCommitteeForm.astro";
 import Layout from "../layouts/Layout.astro";
-import FestivalCommitteeLayout from "../layouts/FestivalCommitteeLayout.astro";
 
 const positions = await Astro.glob("../content/festivalkomite/*.mdx");
 ---