identity page done (#1026)

ToMaarton · web-flow · commit ee1681c45d0d · 2025-08-12T23:51:32.000+02:00
* identity page done

* small responsive fix

* lint fix

* lint fix

* lint fix
diff --git a/app/components/header-nav.hbs b/app/components/header-nav.hbs
@@ -33,6 +33,9 @@
                 <LinkTo @route='public.board' class="dropdown-item btn btn-primary">
                   {{t 'mixin.menuItems.board'}}
                 </LinkTo>
+                <LinkTo @route='public.identity' class="dropdown-item btn btn-primary">
+                  {{t 'mixin.menuItems.identity'}}
+                </LinkTo>
                 <LinkTo @route='public.flux' class="dropdown-item btn btn-primary">
                   {{t 'mixin.menuItems.flux'}}
                 </LinkTo>
diff --git a/app/router.js b/app/router.js
@@ -270,6 +270,7 @@ Router.map(function () {
     this.route('room-forum');
     this.route('flux');
     this.route('board');
+    this.route('identity');
   });
 
   return true;
diff --git a/app/routes/public/identity.js b/app/routes/public/identity.js
@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class PublicIdentityRoute extends Route {}
diff --git a/app/styles/components/public/card.scss b/app/styles/components/public/card.scss
@@ -1,25 +1,6 @@
 .circle-card {
-  /* Responsive: horizontal becomes vertical on small screens */
-  @media (width <= 768px) {
-    &.horizontal {
-      flex-direction: column;
-      align-items: center;
-
-      .card-image {
-        margin-right: 0;
-        margin-bottom: 1.5rem;
-      }
-
-      .content {
-        align-items: center;
-        text-align: center;
-      }
-    }
-  }
-
   display: flex;
 
-
   &.vertical {
     flex-direction: column;
     align-items: center;
@@ -78,3 +59,21 @@
     }
   }
 }
+
+/* Responsive: horizontal becomes vertical on small screens */
+@media (width <= 768px) {
+  .circle-card.horizontal {
+    flex-direction: column;
+    align-items: center;
+
+    .card-image {
+      margin-right: 0;
+      margin-bottom: 1.5rem;
+    }
+
+    .content {
+      align-items: center;
+      text-align: center;
+    }
+  }
+}
diff --git a/app/templates/public/identity.hbs b/app/templates/public/identity.hbs
@@ -0,0 +1,36 @@
+<div class="public">
+  <Public::Header
+    @imageUrl="/images/public/identity.png"
+    @title="{{t 'template.public.identity.header'}}"
+  />
+  <div class="board row my-4 d-flex flex-column align-items-center">
+    <p class="mt-2 text-center public-text">{{t 'template.public.identity.intro'}}</p>
+    <p class="text-center public-text">{{t 'template.public.identity.paragraph2'}}</p>
+    <h1 class="public-title mt-5">{{t 'template.public.identity.three-vs.title'}}</h1>
+    <hr class="public-title-border border border-secondary bg-secondary border-3 opacity-100" />
+    <p class="text-center public-text mt-1">{{t 'template.public.identity.three-vs.intro'}}</p>
+    <div class="row px-5">
+      <div class="ol-12 mt-5" >
+        <Public::Card
+          @imgurl="/images/public/index/vriendschap.jpg"
+          @text="{{t 'template.public.identity.three-vs.vriendschap'}}"
+          @horizontal = true
+        />
+      </div>
+      <div class="col-12 mt-5">
+        <Public::Card
+          @imgurl="/images/public/index/vorming.jpg"
+          @text="{{t 'template.public.identity.three-vs.vorming'}}"
+          @horizontal = true
+        />
+      </div>
+      <div class="col-12 mt-5">
+        <Public::Card
+          @imgurl="/images/public/index/verantwoordelijkheid.jpg"
+          @text="{{t 'template.public.identity.three-vs.verantwoordelijkheid'}}"
+          @horizontal = true
+        />
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/public/images/public/Identity.png b/public/images/public/Identity.png
diff --git a/public/images/public/index/verantwoordelijkheid.jpg b/public/images/public/index/verantwoordelijkheid.jpg
diff --git a/tests/unit/routes/public/identity-test.js b/tests/unit/routes/public/identity-test.js
@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Route | public/identity', function (hooks) {
+  setupTest(hooks);
+
+  test('it exists', function (assert) {
+    let route = this.owner.lookup('route:public/identity');
+    assert.ok(route);
+  });
+});
diff --git a/translations/en.yaml b/translations/en.yaml
@@ -88,7 +88,7 @@ template:
   public:
     board:
       header: General Board
-      intro: In the coming year, we, the XLVth senate, will be responsible for Alpha and all its activities. We are incredibly excited about the upcoming anniversary year. We are going to experience many wonderful things and will make sure we enjoy them as much as possible, as reflected in the Bible verse we will carry with us next year':'
+      intro: "In the coming year, we, the XLVth senate, will be responsible for Alpha and all its activities. We are incredibly excited about the upcoming anniversary year. We are going to experience many wonderful things and will make sure we enjoy them as much as possible, as reflected in the Bible verse we will carry with us next year:"
       slogan: Young people, enjoy your youth! Be happy with what's good! While you're young, let your mind guide your life, and do as you think best. But remember that God will judge you for all your thoughts and actions. Ecclesiastes 11:9 FBV
       senaat: The 45th board of C.S.V.Alpha
       chair: Chairman
@@ -113,6 +113,36 @@ template:
         board4: Board XLI
         board5: Board XL
         board6: Board XXXIX
+    identity:
+      header: Identity
+      intro: "C.S.V. Alpha was founded in 1980 and is the Christian social association in
+        Enschede where fellowship and Christian development are combined into one unique student association."
+      paragraph2: "Alpha’s foundation is \"the message of the Bible as a guideline for life.\" When you join,
+        you can choose whether to endorse or respect this foundation. This means we are open not only to Christians,
+        but also to anyone who respects the Christian faith. With this foundation, Alpha’s Christian character is preserved,
+        while at the same time Alpha is a suitable association for people from all kinds of backgrounds."
+      three-vs:
+        title: "The 3 V’s"
+        intro: "This foundation is expressed in the three core aspects of the association: friendship, formation, and responsibility.
+          The association is built around these three core aspects, and everything we do aligns with them:"
+        vriendschap: "Our own society, Flux, is the ideal place to build and maintain friendships. Every Thursday
+          we meet here, it’s the place where a drink and a good conversation go hand in hand. In addition to our weekly
+          casual gatherings on Thursdays, several (themed) parties are held in Flux each year. Many Alpha members are eager
+          to join in, often showing up in the most creative outfits. Activities at the bar are perfect for building friendships,
+          but there are also plenty of opportunities outside of it. Having lunch together in the boardroom at the university,
+          getting invited to an Alpha house for dinner, or playing a game of volleyball in the city park; it’s all possible!"
+        vorming: "At Alpha, personal development is a high priority. This formation takes shape in activities
+          such as association evenings, sing-ins, and of course the biweekly “kring” (small group). At the start of each year,
+          you choose a group that suits you, meeting once every two weeks. After a good meal, we discuss serious topics that matter to us,
+          both in terms of faith and social issues. Several times a year, the whole association comes together for the association evening,
+          where we listen to a speaker and worship God with Alpha’s band. Thanks to the diversity of Christian backgrounds within the association,
+          there is always room for an engaging discussion where every opinion matters!"
+        verantwoordelijkheid: "Alpha is an association run by and for its members. Members are encouraged to contribute
+          not only to the association but also to the wider community. This can be done through committees, boards, or volunteer work.
+          Taking on this responsibility contributes to personal growth and prepares you for “adult” life. All activities offered by Alpha
+          are organized by Alpha members through various committees. This includes organizing large events such as the gala, a ski trip,
+          and weekend getaways, as well as “smaller” evening activities, such as a formation night or a sports event, there’s something for everyone!"
+
 component:
   cards:
     articleCard:
@@ -197,15 +227,6 @@ component:
       event-1980: LANG-TODO
       event-1981: LANG-TODO
       event-1982: LANG-TODO
-    identity:
-      header: LANG-TODO
-      intro: LANG-TODO
-      three-vs:
-        title: LANG-TODO
-        intro: LANG-TODO
-        vriendschap: LANG-TODO
-        vorming: LANG-TODO
-        verantwoordelijkheid: LANG-TODO
     interested:
       header: LANG-TODO
       intro: LANG-TODO
@@ -333,6 +354,7 @@ mixin:
     books: Books
     sog: SOG
     board: General Board
+    identity: Identity
 tag:
   button:
     close: Close
diff --git a/translations/nl.yaml b/translations/nl.yaml
@@ -88,21 +88,37 @@ template:
   public:
     board:
       header: Algemeen bestuur
-      intro: Het komende jaar mogen wij als XLVe senaat zorgen voor Alpha en al haar bezigheden. Wij hebben onwijs veel zin in het komende lustrumjaar. We gaan veel mooie dingen meemaken en zorgen dat we er zoveel mogelijk van genieten, zoals ook weerspiegelt in de bijbeltekst die we komend jaar met ons meedragen':'
-      slogan: “Jongeman, het is heerlijk om jong te zijn! Geniet van elke minuut! Doe alles wat u wilt, pak alles wat u krijgen kunt, maar vergeet niet dat u van alles wat u doet, ook verantwoording moet afleggen tegenover God.” Prediker 11:9 HTB
+      intro: "Het komende jaar mogen wij als XLVe senaat zorgen voor Alpha en al haar bezigheden. Wij hebben onwijs veel zin in het komende lustrumjaar.
+        We gaan veel mooie dingen meemaken en zorgen dat we er zoveel mogelijk van genieten, zoals ook weerspiegelt in de bijbeltekst die we komend jaar met ons meedragen:"
+      slogan: “Jongeman, het is heerlijk om jong te zijn! Geniet van elke minuut! Doe alles wat u wilt, pak alles wat u krijgen kunt,
+        maar vergeet niet dat u van alles wat u doet, ook verantwoording moet afleggen tegenover God.” Prediker 11:9 HTB
       senaat: Het XLVe Senaat der C.S.V.Alpha
       chair: Preases
       chair-name: Stefan Zwiers
-      chair-story: Hoi, ik ben Stefan en mag mezelf dit jaar Praeses noemen. Ik ben derdejaars student in Enschede en heb een half jaar IDE gestudeerd en heb er na een studieswitch nu een jaar Creative Business opzitten. Binnen Alpha ben ik de eindverantwoordelijke voor wat er gebeurt binnen de vereniging. Daarnaast zit ik vergadering voor, let ik erop dat het beleid goed wordt uitgevoerd, geef ik speeches en begeleid ik commissies en de andere bestuurders met hun taken.
+      chair-story: Hoi, ik ben Stefan en mag mezelf dit jaar Praeses noemen. Ik ben derdejaars student in Enschede en heb een half jaar IDE gestudeerd
+        en heb er na een studieswitch nu een jaar Creative Business opzitten. Binnen Alpha ben ik de eindverantwoordelijke voor wat er gebeurt binnen
+        de vereniging. Daarnaast zit ik vergadering voor, let ik erop dat het beleid goed wordt uitgevoerd, geef ik speeches en begeleid ik commissies
+        en de andere bestuurders met hun taken.
       secretary: Abactis
       secretary-name: Jesse Emmens
-      secretary-story: Hey allemaal, ik ben Jesse en zal dit jaar de functie van Abactis bekleden. Ik ben op het moment derdejaars student in Enschede, 20 jaar oud en studeer normaal gesproken Advanced Technology. Dit jaar ben ik bij Alpha verantwoordelijk voor mails, brieven en notulen van vergaderingen. Ook zal ik me bezighouden met de financiën van Flux, en ben ik nog verantwoordelijk voor enkele commissies en externe verbanden.
+      secretary-story: Hey allemaal, ik ben Jesse en zal dit jaar de functie van Abactis bekleden. Ik ben op het moment derdejaars student in
+        Enschede, 20 jaar oud en studeer normaal gesproken Advanced Technology. Dit jaar ben ik bij Alpha verantwoordelijk voor mails, brieven
+        en notulen van vergaderingen. Ook zal ik me bezighouden met de financiën van Flux, en ben ik nog verantwoordelijk voor enkele commissies en externe verbanden.
       treasurer: Queastor
       treasurer-name: Niels Brouwer
-      treasurer-story: Hoihoi, ik ben Niels en ik ga dit jaar de mooie functie Quaestor oppakken. Inmiddels ben ik derdejaars student Creative Technology in Enschede en na twee jaar onwijs veel plezier bij Alpha zet ik de studie even op pauze om mij een jaar in te zetten voor deze prachtige vereniging en mijzelf te ontwikkelen. Dit jaar zal ik de financiën en voorraad van Alpha beheren, en hierbij ook de commissie penningmeesters begeleiden bij het maken van een begroting en het bijhouden van hun financiën. Naast deze taken zal ik mij binnen het Sociëteitsbestuur bezig houden met het onderhoud van onze Sociëteit en de Beheer Commissie Pakkerij.
+      treasurer-story: Hoihoi, ik ben Niels en ik ga dit jaar de mooie functie Quaestor oppakken. Inmiddels ben ik derdejaars
+        student Creative Technology in Enschede en na twee jaar onwijs veel plezier bij Alpha zet ik de studie even op pauze
+        om mij een jaar in te zetten voor deze prachtige vereniging en mijzelf te ontwikkelen. Dit jaar zal ik de financiën en
+        voorraad van Alpha beheren, en hierbij ook de commissie penningmeesters begeleiden bij het maken van een begroting en
+        het bijhouden van hun financiën. Naast deze taken zal ik mij binnen het Sociëteitsbestuur bezig houden met het
+        onderhoud van onze Sociëteit en de Beheer Commissie Pakkerij.
       assessor1: Assesor Internorum
       assessor1-name: Alina Monster
-      assessor1-story: Hoi, ik ben Alina en ben de Assessor Internorum van onze mooie vereniging. Ik ben inmiddels al vijfdejaarsstudent. Ik heb eerst twee jaartjes fysiotherapie gestudeerd maar studeer nu Gezondheidswetenschappen en ga na mijn bestuursjaar door met mijn minor en afstuderen van mijn Bachelor. Binnen Alpha ben ik bezig met kringen, een paar externe verbanden, commissies en zorg ik ervoor dat eerstejaars hun plekje binnen de vereniging kunnen vinden. Daarnaast ga ik ook over de ledenzorg en de verbondenheid van leden binnen Alpha.
+      assessor1-story: Hoi, ik ben Alina en ben de Assessor Internorum van onze mooie vereniging. Ik ben inmiddels al vijfdejaarsstudent.
+        Ik heb eerst twee jaartjes fysiotherapie gestudeerd maar studeer nu Gezondheidswetenschappen en ga na mijn bestuursjaar
+        door met mijn minor en afstuderen van mijn Bachelor. Binnen Alpha ben ik bezig met kringen, een paar externe verbanden,
+        commissies en zorg ik ervoor dat eerstejaars hun plekje binnen de vereniging kunnen vinden. Daarnaast ga ik ook over de
+        ledenzorg en de verbondenheid van leden binnen Alpha.
       photographer: Ook mooie foto's? Onze fotograaf
       photographer-url: https://shinebrightfotografie.nl/
       previous-boards: Oud besturen
@@ -113,6 +129,36 @@ template:
         board4: XLIe Senaat
         board5: XLe Senaat
         board6: XXXIXe Senaat
+    identity:
+      header: Identiteit
+      intro: C.S.V. Alpha is opgericht in 1980 en is dé christelijke gezelligheidsvereniging in
+        Enschede waar gezelligheid en christelijke vorming gecombineerd worden tot één unieke studentenvereniging.
+      paragraph2: De grondslag van Alpha is "de boodschap van de Bijbel als richtsnoer voor het leven". Als je lid
+        wordt kan je kiezen of je deze grondslag onderschrijft of respecteert. We staan hiermee niet alleen open voor
+        christenen, maar ook voor iedereen die respect heeft voor het christelijk geloof. Met deze grondslag blijft het
+        christelijk karakter van Alpha gewaarborgd, maar is Alpha tegelijkertijd voor allerlei soorten mensen een geschikte vereniging.
+      three-vs:
+        title: De 3 V’s
+        intro: "Deze gronslag uit zich in de drie kernaspecten van de vereniging:'' vriendschap, vorming en verantwoordelijkheid.
+          Rondom deze drie kernaspecten is de vereniging opgebouwd en alles wat we doen sluit hierop aan:"
+        vriendschap: Onze eigen Sociëteit Flux is de ideale plek om vriendschappen op te bouwen en te onderhouden. Elke donderdag
+          ontmoeten we elkaar hier, het is de plek waar een drankje en een goed gesprek hand in hand gaan. Naast dat we elke donderdag
+          bij elkaar komen om elkaar te spreken op een laagdrempelige borrel, vinden er jaarlijks ook meerdere (thema) feesten plaats in
+          Flux. Hier is menig Alphaan wel voor te porren, en dat uit zich in de leukste outfits. Activiteiten op de kroeg lenen zich perfect
+          voor het opbouwen van vriendschappen, maar ook hierbuiten zijn er genoeg mogelijkheden. Samen lunchen in de bestuurskamer op de uni,
+          je innodigen bij een Alpha huis om mee te eten of een potje volleybal in het volkspark; het kan allemaal!
+        vorming: Bij Alpha hebben we persoonlijke ontwikkeling hoog in het vaandel staan. Deze vorming uit zich in activiteiten
+          als verenigingsavonden, sing-ins en natuurlijk de twee wekelijkse kring. Aan het begin van elk jaar kies je een kring
+          uit die bij jou past, waarmee je één keer in de twee weken samenkomt. Na een goede maaltijd snijden we hier serieuze thema’s
+          aan die ons bezighouden, zowel op geloofsgebied als maatschappelijk gebied. Daarnaast komen we meerdere keren per jaar met de
+          hele vereniging samen op de verenigingsavond, waar we luisteren naar een spreker en God aanbidden met de band van Alpha. Door de
+          diversiteit aan christelijke achtergronden binnen de vereniging is er altijd de mogelijkheid tot een interessante discussie waarbij elke mening telt!
+        verantwoordelijkheid: Alpha is een vereniging voor en door de leden. Daarom worden leden aangespoord zich in te zetten
+          voor de vereniging, maar ook voor hun omgeving. Dit kan bijvoorbeeld door middel van commissies, besturen of vrijwilligersacties.
+          Deze verantwoordelijkheid nemen draagt bij aan je persoonlijke groei en stoomt je klaar voor het “volwassen” leven. Alles
+           wat Alpha aan activiteiten aanbiedt, wordt georganiseerd door de leden van Alpha, aan de hand van verschillende commissies.
+           Denk hierbij aan het organiseren van grotere activiteiten zoals het gala, een skireis en weekenden weg. Maar ook het organiseren
+           van “slechts” avondvullende activiteiten, zoals een vormingsavond of een sportactiviteit, er is voor ieder wat wils!
 component:
   cards:
     articleCard:
@@ -205,15 +251,6 @@ component:
       event-1980: LANG-TODO
       event-1981: LANG-TODO
       event-1982: LANG-TODO
-    identity:
-      header: LANG-TODO
-      intro: LANG-TODO
-      three-vs:
-        title: LANG-TODO
-        intro: LANG-TODO
-        vriendschap: LANG-TODO
-        vorming: LANG-TODO
-        verantwoordelijkheid: LANG-TODO
     interested:
       header: LANG-TODO
       intro: LANG-TODO
@@ -343,6 +380,7 @@ mixin:
     books: Boeken
     sog: SOG
     board: Algemeen bestuur
+    identity: Identiteit
 tag:
   button:
     close: Sluiten

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import Route from '@ember/routing/route';`
	`2`	`+`
	`3`	`+export default class PublicIdentityRoute extends Route {}`