Add longer intro texts

app/assets/stylesheets/application.postcss.css

@@ -11,6 +11,10 @@ h4 {
     font-weight: 600;
 }
 
+p {
+    margin-top: 0;
+}
+
 .body-container {
     max-width: 1024px;
     margin: 1rem auto;
@@ -240,6 +244,10 @@ input[type=submit] {
         max-width: 512px;
     }
 
+    .extension-grid {
+        grid-template-columns: 1fr;
+    }
+
     .title-card-grid {
         grid-template-columns: 1fr;
     }

app/controllers/sections_controller.rb

@@ -2,7 +2,7 @@ class SectionsController < ApplicationController
   def index
     @sections = Section.all.order(id: :asc)
     @extensions = Extension.all.order(id: :asc)
-    @deadline = Time.zone.local(2025, 7, 8, 0, 0, 0)
+    @deadline = Time.zone.local(2025, 7, 8, 23, 59, 59)
     @extensions.each do |e|
       @deadline = e.affect_deadline(@deadline)
     end

app/views/sections/index.html.erb

@@ -1,9 +1,23 @@
 <div class="deadline-info-container">
-    <div>
+    <p>
-        Je hebt nog
+        Geachte mevrouw Hendrickx<br />
-        <span class="deadline-display" data-behaviour="deadline_display" data-deadline="<%= @deadline.httpdate %>">tijd tot <%= @deadline.to_fs(:short) %>.</span>
+        Geachte mijnheer Van Petegem
-    </div>
+    </p>
-    Je kan extra tijd krijgen door volgende dingen te organiseren. Je krijgt dan 6 weken extra.
+    <p>
+        Op deze pagina vindt u de vragen die aan u worden voorgelegd ter vaststelling of u wel voldoende capaciteiten, kunde en kennis bezit om deel te nemen aan de gemeenschap der Gentenaars.
+        U dient de vragen in onderstaande twaalf categorieën juist te beantwoorden.
+        U heeft daarvoor tijd tot en met <strong><%= localize(@deadline.to_date, format: :long) %></strong>.
+        U heeft nog <strong class="deadline-display" data-behaviour="deadline_display" data-deadline="<%= @deadline.httpdate %>">tijd tot <%= @deadline.to_fs(:short) %></strong>.
+        Indien u de vragen voor die tijd niet naar behoren kan beantwoorden, wordt u de toegang tot de stad Gent geweigerd.
+        Over de daaropvolgende uitzetprocedure zal u tijdig bericht worden.
+    </p>
+    <p>
+        U kan evenwel uitstel aanvragen via een voor u persoonlijke procedure.
+        U heeft daarvoor twee mogelijkheden:
+          (1) u nodigt uw kinderen, schoonkinderen en kleinkinderen uit voor een uitgebreide housewarming;
+          (2) u trakteert uw kinderen, schoonkinderen en kleinkinderen op een etentje in een van onze voornaamste, Gentse etablissementen.
+        Beide opties leveren u zes weken uitstel op.
+    </p>
     <div class="extension-grid">
         <% @extensions.each do |extension| %>
             <div class="extension">
@@ -14,6 +28,13 @@
             </div>
         <% end %>
     </div>
+    <p>
+        Het examen kan u starten door op één van de categorieën te klikken en de bijhorende vragen in te vullen.
+        Uw antwoorden worden automatisch bijgehouden, ook wanneer u uw browser sluit.
+        U hoeft daarvoor nergens op 'opslaan' te klikken.
+        Het examen wordt afgesloten op uw uiterste indiendatum, zoals hierboven vermeld.
+    </p>
+    <p>Veel succes!</p>
 </div>
 
 <div class="title-card-grid">

app/views/sessions/new.html.erb

@@ -1,6 +1,18 @@
 <section class="login-intro">
     <h1>Inburgeringsexamen Stad Gent</h1>
-    <p>Hier komt een langere tekst met wat uitleg.</p>
+    <p>Welkom bij het inburgeringsexamen van Stad Gent.</p>
+
+    <p>
+        Bij het ingeven van uw persoonlijke token krijgt u toegang tot verschillende vragensets, in twaalf categorieën.
+        Stad Gent verwacht van haar burgers parate kennis omtrent deze onderwerpen.
+        Gezien u nog geen gevestigde burger bent, maar slechts een toetredende, krijgt u enkele weken tijd om de vragen te beantwoorden.
+        Na uw (eventuele) slagen verwachten we echter dat u deze kennis onmiddellijk kan inzetten wanneer daar door een afgevaardigde van de stad om wordt gevraagd.
+    </p>
+
+    <p>Uw persoonlijke deadline voor het indienen van het examen en uw persoonlijke voorwaarden voor het afleggen van het examen, vindt u op het volgende scherm.</p>
+
+    <p>Veel succes!</p>
+
     <%= form_with url: sessions_path, method: :post do |form| %>
         <%= form.label :token, "Geef hier uw persoonlijke token in:" %>
         <%= form.password_field :token %>

config/application.rb

@@ -30,6 +30,9 @@ module EntranceExam
 
     config.time_zone = 'Europe/Brussels'
 
+    config.i18n.available_locales = [:nl]
+    config.i18n.default_locale = :nl
+
     # Configuration for the application, engines, and railties goes here.
     #
     # These settings can be overridden in specific environments using the files

config/locales/nl.yml

@@ -0,0 +1,18 @@
+nl:
+  date:
+    formats:
+      long: "%e %B %Y"
+    month_names:
+    -
+    - januari
+    - februari
+    - maart
+    - april
+    - mei
+    - juni
+    - juli
+    - augustus
+    - september
+    - oktober
+    - november
+    - december