first generic draft of support page & t&c page

src/components/Main/Header.astro

@@ -25,6 +25,9 @@ const t = useTranslation(Astro.url);
       <li>
         <a href={url("/about/")}>{t("header.about")}</a>
       </li>
+      <li>
+        <a href={url("/support/")}>{t("header.support")}</a>
+      </li>
       <li>
         <LanguageSwitch />
       </li>

src/i18n/translations.ts

@@ -7,6 +7,7 @@ export const no = {
   "header.home": "Hjem",
   "header.archive": "Arkiv",
   "header.about": "Om oss",
+  "header.support": "Støtt oss",
   "main.title": "En dag fylt med åpen kildekode i Bergen!",
   "main.subTitle": "Bergen Open Source Konferanse",
   "main.description":
@@ -38,7 +39,7 @@ export const no = {
   "sponsors.become":
     "Vi gir sponsorer muligheten til å nå en bred målgruppe som inkluderer studenter og etablerte utviklere innen bransjen. Vi ønsker selvsagt å gjøre konferansedagen enda mer minneverdig for dem! Dette kan inkludere alt i fra en kort presentasjon av selskapet til tilpassede logo-merkede sokker og godbiter. (Kanskje til og med noen overraskelser som gleder deltakerne🎫🍺?)",
   "sponsors.contact1": "Ønsker du også å støtte konferansen som sponsor?",
-  "sponsors.contact2": "Ta kontakt på 📨: ",
+  "sponsors.contact2": "Ta kontakt på: ",
   "sponsors.price":
     "Som sponsor av Bergen Open Source er følgende inkludert: ",
   "sponsors.goods": [
@@ -50,11 +51,40 @@ export const no = {
   ],
   "sponsors.highest":
     "I tillegg vil høyeste spons få et eget tidsrom for lynpresentasjon fra deres eget selskap (må være relatert til Open Source).",
+  "support.title": "Støtt Bergen Open Source",
+  "support.description":
+    "Bergen Open Source er en frivillig drevet konferanse. For å kunne fortsette å arrangere en gratis konferanse for studenter og teknologientusiaster, er vi avhengige av støtte fra vårt fellesskap.",
+  "support.ways": "Måter å støtte oss på",
+  "support.donate.title": "Donasjon",
+  "support.donate.description":
+    "Støtt oss med enten en engangsdonasjon eller månedlige faste donasjoner. Alle bidrag går direkte til å gjøre både konferansen og driften av organisasjonen bedre.",
+  "support.donate.vipps.title": "Vipps",
+  "support.donate.vipps.description":
+    "Du kan støtte oss med donasjoner via Vipps. Du velger selv beløpet og kan når som helst endre eller si opp avtalen.",
+  "support.donate.bank.title": "Kontonummer",
+  "support.donate.bank.description":
+    "Om du ønsker å unngå Vipps helt, kan du også støtte oss med en direkte bankoverføring via kontonummer:",
+  "support.donate.bank.label": "Kontonummer:",
+  "support.donate.bank.number": "3626.64.60311",
+  "support.volunteer.title": "Bli frivillig",
+  "support.volunteer.description":
+    "Hjelp oss med å arrangere konferansen. Vi trenger alltid hjelp til planlegging, gjennomføring og oppfølging.",
+  "support.sponsor.title": "Bli sponsor",
+  "support.sponsor.description":
+    "Er du en bedrift som ønsker å støtte åpen kildekode? Kontakt oss for å bli sponsor.",
+  "support.sponsor.link": "Les mer om sponsing",
+  "support.spread.title": "Spre ordet",
+  "support.spread.description":
+    "Del konferansen med dine venner og kolleger. Jo flere som deltar, jo bedre blir konferansen!",
+  "support.contact": "Kontakt oss på",
+  "donation-terms.title": "Avtalevilkår for donasjoner",
+  "donation-terms.link": "Les avtalevilkårene",
 };
 export const en: typeof no = {
   "header.home": "Home",
   "header.archive": "Archive",
   "header.about": "About",
+  "header.support": "Support",
   "main.title": "A day filled with open source in Bergen!",
   "main.subTitle": "Bergen Open Source Conference",
   "main.description":
@@ -87,7 +117,7 @@ export const en: typeof no = {
     "We give sponsors the opportunity to reach a broad audience that includes students and established developers in the industry. We want to make the conference day even more memorable to them! This can include everything from a brief presentation of the company to custom logo-marked socks and goodies. (Perhaps even some surprises that pleases the participants🎫🍺?)",
   "sponsors.contact1":
     "Do you also want to support the conference as a sponsor?",
-  "sponsors.contact2": "Contact us at 📨: ",
+  "sponsors.contact2": "Contact us at: ",
   "sponsors.price":
     "As a sponsor of Bergen Open Source, the following is included:",
   "sponsors.goods": [
@@ -99,4 +129,32 @@ export const en: typeof no = {
   ],
   "sponsors.highest":
     "In addition, the highest sponsor will get a dedicated time slot for a lightning presentation from their company (must be related to Open Source).",
+  "support.title": "Support Bergen Open Source",
+  "support.description":
+    "Bergen Open Source is a volunteer-driven conference. To continue hosting a free conference for students and technology enthusiasts, we depend on support from our community.",
+  "support.ways": "Ways to support us",
+  "support.donate.title": "Donation",
+  "support.donate.description":
+    "Support us with either a one-time donation or recurring monthly donations. All contributions go directly to making both the conference and the organization's operations better.",
+  "support.donate.vipps.title": "Vipps",
+  "support.donate.vipps.description":
+    "You can support us with donations via Vipps. You choose the amount yourself and can change or cancel the agreement at any time.",
+  "support.donate.bank.title": "Bank account",
+  "support.donate.bank.description":
+    "If you want to avoid Vipps entirely, you can also support us with a direct bank transfer via account number:",
+  "support.donate.bank.label": "Account number:",
+  "support.donate.bank.number": "3626.64.60311",
+  "support.volunteer.title": "Become a volunteer",
+  "support.volunteer.description":
+    "Help us organize the conference. We always need help with planning, execution, and follow-up.",
+  "support.sponsor.title": "Become a sponsor",
+  "support.sponsor.description":
+    "Are you a company that wants to support open source? Contact us to become a sponsor.",
+  "support.sponsor.link": "Learn more about sponsoring",
+  "support.spread.title": "Spread the word",
+  "support.spread.description":
+    "Share the conference with your friends and colleagues. The more people who participate, the better the conference becomes!",
+  "support.contact": "Contact us at",
+  "donation-terms.title": "Terms and Conditions for donations",
+  "donation-terms.link": "Read the terms and conditions",
 };

src/pages/en/support/donation-terms/index.md

@@ -0,0 +1,24 @@
+---
+layout: "../../../../layouts/About.astro"
+title: "Terms and Conditions"
+description: "Terms and Conditions for donations to Bergen Open Source."
+---
+
+# Terms and Conditions for donations
+
+## General terms
+
+Bergen Open Source, org.no 935344670, offers recurring donations via Vipps. The agreement applies to monthly charges of a fixed donation amount that you choose yourself (e.g. 100 NOK/month), with the first charge in the same month as setup. The amount and frequency (monthly) are confirmed in the Vipps app upon signing.
+
+## Cancellation and changes
+
+You can cancel or change the agreement at any time for free directly in the Vipps or MobilePay app without a binding period. Changes take effect from the next charge. Contact us at post(at)boskonf.no with questions.
+
+## Personal data
+
+We process necessary information such as name, phone number, and payment details solely to administer the donation, in accordance with GDPR. Data is not shared with third parties beyond Vipps. You have the right to access, correction, or deletion – contact post(at)boskonf.no
+
+## Complaints and right of withdrawal
+
+You have a 14-day right of withdrawal from the first charge; send a message to post(a)boskonf.no with your name and agreement ID for a refund. Complaints are handled within 2 weeks; escalate to the Consumer Council if necessary. See Vipps' terms for further details.
+

src/pages/en/support/index.astro

@@ -0,0 +1,101 @@
+---
+import Layout from "../../../layouts/Layout.astro";
+import { useTranslation } from "../../../i18n/utils";
+const t = useTranslation(Astro.url);
+---
+
+<Layout title="Support">
+  <div class="container">
+    <div class="content">
+      <h1>{t("support.title")}</h1>
+      <div class="txtCont">
+        <p>
+          {t("support.description")}
+        </p>
+        <h2>{t("support.ways")}</h2>
+
+        <h3>{t("support.donate.title")}</h3>
+        <p>{t("support.donate.description")}</p>
+        <ul>
+          <li>
+            <h4>{t("support.donate.vipps.title")}</h4>
+            <p>{t("support.donate.vipps.description")}</p>
+            <a href="donation-terms">{t("donation-terms.link")}</a>
+          </li>
+          <li>
+            <h4>{t("support.donate.bank.title")}</h4>
+            <p>{t("support.donate.bank.description")}</p>
+            <p>{t("support.donate.bank.label")} <span class="account-number">{t("support.donate.bank.number")}</span></p>
+          </li>
+        </ul>
+
+        <h3>{t("support.volunteer.title")}</h3>
+        <p>{t("support.volunteer.description")}</p>
+
+        <h3>{t("support.sponsor.title")}</h3>
+        <p>{t("support.sponsor.description")}</p>
+        <a href="/sponsor">{t("support.sponsor.link")}</a>
+
+        <h3>{t("support.spread.title")}</h3>
+        <p>{t("support.spread.description")}</p>
+
+        <p>{t("support.contact")} 📨: [email protected]</p>
+      </div>
+    </div>
+  </div>
+</Layout>
+
+<style>
+  .content {
+    color: #f1f1f1;
+    padding: 1rem 2rem;
+    max-width: var(--content-width);
+    margin: 0 auto;
+  }
+
+  .txtCont {
+    width: 100%;
+
+    h3 {
+      margin-top: 2rem;
+    }
+    h4 {
+      font-size: 1.1rem;
+      margin-top: 1rem;
+      font-weight: 500;
+    }
+    p {
+      font-size: 1.2rem;
+      font-weight: 300;
+    }
+    a {
+      width: max-content;
+      margin: 1rem 0;
+      display: inline-block;
+      color: #12e8be;
+    }
+    a:hover {
+      text-decoration: underline;
+    }
+    ul {
+      margin-top: 1rem;
+    }
+    ul li {
+      margin-left: 2rem;
+      list-style-type: disc;
+    }
+    ul li p {
+      font-size: 1rem;
+      margin-top: 0.5rem;
+    }
+    .account-number {
+      font-weight: 600;
+    }
+  }
+
+  @media only screen and (min-width: 768px) {
+    .txtCont {
+      width: 100%;
+    }
+  }
+</style>

src/pages/support/donation-terms/index.md

@@ -0,0 +1,23 @@
+---
+layout: "../../../layouts/About.astro"
+title: "Terms and Conditions"
+description: "Terms and Conditions for donations to Bergen Open Source."
+---
+
+# Avtalevilkår for donasjoner
+
+## Generelt om avtalen
+
+Bergen Open Source, org.nr 935344670, tilbyr faste donasjoner via Vipps. Avtalen gjelder månedlige trekk av et fast donasjonsbeløp som du selv velger (f.eks. 100 kr/mnd), med første trekk samme måned som oppsett. Beløpet og frekvensen (månedlig) bekreftes i Vipps-appen ved signering.
+
+## Oppsigelse og endring
+
+Du kan når som helst si opp eller endre avtalen gratis direkte i Vipps- eller MobilePay-appen uten bindingstid. Endringer trer i kraft fra neste trekk. Kontakt oss på post(at)boskonf.no ved spørsmål.
+
+## Personopplysninger
+
+Vi behandler nødvendige opplysninger som navn, telefonnummer og betalingsdetaljer kun for å administrere donasjonen, i samsvar med GDPR. Data deles ikke med tredjeparter utover Vipps. Du har rett til innsyn, retting eller sletting – kontakt post(at)boskonf.no
+
+## Klager og angrerett
+
+Du har 14 dagers angrerett fra første trekk; send melding til post(a)boskonf.no med navn og avtale-ID for refusjon. Klager håndteres innen 2 uker; eskalér til Forbrukertilsynet ved behov. Se Vipps' vilkår for ytterligere detaljer.

src/pages/support/index.astro

@@ -0,0 +1,101 @@
+---
+import Layout from "../../layouts/Layout.astro";
+import { useTranslation } from "../../i18n/utils";
+const t = useTranslation(Astro.url);
+---
+
+<Layout title="Support">
+  <div class="container">
+    <div class="content">
+      <h1>{t("support.title")}</h1>
+      <div class="txtCont">
+        <p>
+          {t("support.description")}
+        </p>
+        <h2>{t("support.ways")}</h2>
+
+        <h3>{t("support.donate.title")}</h3>
+        <p>{t("support.donate.description")}</p>
+        <ul>
+          <li>
+            <h4>{t("support.donate.vipps.title")}</h4>
+            <p>{t("support.donate.vipps.description")}</p>
+            <a href="donation-terms">{t("donation-terms.link")}</a>
+          </li>
+          <li>
+            <h4>{t("support.donate.bank.title")}</h4>
+            <p>{t("support.donate.bank.description")}</p>
+            <p>{t("support.donate.bank.label")} <span class="account-number">{t("support.donate.bank.number")}</span></p>
+          </li>
+        </ul>
+
+        <h3>{t("support.volunteer.title")}</h3>
+        <p>{t("support.volunteer.description")}</p>
+
+        <h3>{t("support.sponsor.title")}</h3>
+        <p>{t("support.sponsor.description")}</p>
+        <a href="/sponsor">{t("support.sponsor.link")}</a>
+
+        <h3>{t("support.spread.title")}</h3>
+        <p>{t("support.spread.description")}</p>
+
+        <p>{t("support.contact")} 📨: post(at)boskonf.no</p>
+      </div>
+    </div>
+  </div>
+</Layout>
+
+<style>
+  .content {
+    color: #f1f1f1;
+    padding: 1rem 2rem;
+    max-width: var(--content-width);
+    margin: 0 auto;
+  }
+
+  .txtCont {
+    width: 100%;
+
+    h3 {
+      margin-top: 2rem;
+    }
+    h4 {
+      font-size: 1.1rem;
+      margin-top: 1rem;
+      font-weight: 500;
+    }
+    p {
+      font-size: 1.2rem;
+      font-weight: 300;
+    }
+    a {
+      width: max-content;
+      margin: 1rem 0;
+      display: inline-block;
+      color: #12e8be;
+    }
+    a:hover {
+      text-decoration: underline;
+    }
+    ul {
+      margin-top: 1rem;
+    }
+    ul li {
+      margin-left: 2rem;
+      list-style-type: disc;
+    }
+    ul li p {
+      font-size: 1rem;
+      margin-top: 0.5rem;
+    }
+    .account-number {
+      font-weight: 600;
+    }
+  }
+
+  @media only screen and (min-width: 768px) {
+    .txtCont {
+      width: 100%;
+    }
+  }
+</style>