Feature: redesign relations page

app/components/header-nav.hbs

@@ -45,6 +45,9 @@
                 <LinkTo @route='public.room-forum' class="dropdown-item btn btn-primary">
                   {{t 'mixin.menuItems.roomForum'}}
                 </LinkTo>
+                <LinkTo @route='public.relations' class="dropdown-item btn btn-primary">
+                  {{t 'mixin.menuItems.relations'}}
+                </LinkTo>
               </dd.menu>
             </BsDropdown>
             <LinkTo @route='static-pages.static-page' @model='word-lid' class="page-actions-buttons">

app/components/menu-sidebar.hbs

@@ -241,6 +241,12 @@
           @icon='people-roof'
           @title={{t 'mixin.menuItems.roomForum'}}
         />
+        <MenuSidebarItem
+          @link='public.relations'
+          @hasPermission={{true}}
+          @icon='circle-info'
+          @title={{t 'mixin.menuItems.relations'}}
+        />
       </div>
 
       <MenuSidebarItem

app/router.js

@@ -272,6 +272,7 @@ Router.map(function () {
     this.route('board');
     this.route('identity');
     this.route('partners');
+    this.route('relations');
   });
 
   return true;

app/routes/public/relations.js

@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class PublicRelationsRoute extends Route {}

app/templates/public/relations.hbs

@@ -0,0 +1,36 @@
+<div class="public">
+  <Public::Header
+    @imageUrl="/images/public/identity/banner.jpg"
+    @title="{{t 'template.public.relations.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.relations.intro'}}</p>
+    <p class="text-center public-text">{{t 'template.public.relations.paragraph2'}}</p>
+    <h1 class="public-title mt-5">{{t 'template.public.relations.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.relations.three-vs.intro'}}</p>
+    <div class="row px-5">
+      <div class="col-12 mt-5">
+        <Public::Card
+          @imgurl="/images/public/relations/fact.jpg"
+          @text="{{t 'template.public.relations.three-vs.vriendschap'}}"
+          @horizontal = true
+        />
+      </div>
+      <div class="col-12 mt-5">
+        <Public::Card
+          @imgurl="/images/public/relations/ozon.jpg"
+          @text="{{t 'template.public.relations.three-vs.vorming'}}"
+          @horizontal = true
+        />
+      </div>
+      <div class="col-12 mt-5">
+        <Public::Card
+          @imgurl="/images/public/relations/choose.jpg"
+          @text="{{t 'template.public.relations.three-vs.verantwoordelijkheid'}}"
+          @horizontal = true
+        />
+      </div>
+    </div>
+  </div>
+</div>

tests/unit/routes/public/relations.js

@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Route | public/relations', function (hooks) {
+  setupTest(hooks);
+
+  test('it exists', function (assert) {
+    let route = this.owner.lookup('route:public/relations');
+    assert.ok(route);
+  });
+});

translations/en.yaml

@@ -153,6 +153,35 @@ template:
         partner-1: LANG-TODO
         partner-2: LANG-TODO
         partner-3: LANG-TODO
+    relations:
+      header: Relations
+      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: "Our ralations"
+        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:
@@ -358,6 +387,7 @@ mixin:
     sog: SOG
     board: General Board
     identity: Identity
+    relations: Relations
 tag:
   button:
     close: Close

translations/nl.yaml

@@ -170,6 +170,36 @@ template:
         partner-1: LANG-TODO
         partner-2: LANG-TODO
         partner-3: LANG-TODO
+    relations:
+      header: Verbanden
+      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: Onze verbanden
+        intro: "Deze grondslag 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:
@@ -385,6 +415,7 @@ mixin:
     sog: SOG
     board: Algemeen bestuur
     identity: Identiteit
+    relations: Verbanden
 tag:
   button:
     close: Sluiten