Add and update forms

src/_assets/css/common/forms.css

@@ -1,31 +1,34 @@
-/* General Form Styling */
-form {
+fieldset {
+  border: 0;
+  padding: 0;
+  border-top: 2px solid var(--lilac);
 }
 
-/* Fieldset Styling */
-form fieldset {
-  border: 0;
+fieldset:not(:first-child) {
+  margin-block-start: var(--spacing-double);
+}
+
+fieldset > :not(legend) {
+  padding-inline-start: var(--spacing);
 }
 
-/* Legend Styling */
-form legend {
+legend {
   font-size: 1.2em;
   font-weight: bold;
+  padding-inline: var(--spacing-half);    
+  margin-block-end: var(--spacing);
 }
 
-/* Form Element Spacing */
-form .form-element {
-  margin-bottom: var(--spacing);
+.form-element {
+  margin-block-end: var(--spacing);
 }
 
-/* Label Styling */
-form label.form-label {
+label {
   display: block;
   font-weight: bold;
-  margin-bottom: var(--spacing-half);
+  margin-block-end: var(--spacing-half);
 }
 
-/* Input and Textarea Styling */
 form input[type="text"],
 form input[type="email"],
 form textarea {
@@ -38,37 +41,30 @@ form textarea {
   box-sizing: border-box;
 }
 
-/* Textarea Specific Styling */
 form textarea {
   resize: vertical;
   height: 120px;
 }
 
-/* Radio Button Group Styling */
 form ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }
 
 form ul li {
-  margin-bottom: var(--spacing-half);
+  margin-block-end: var(--spacing-half);
 }
 
-/* Radio Input Styling */
 form input[type="radio"] {
   margin-right: var(--spacing-half);
 }
 
-/* Optional and Instructional Text Styling */
 form em {
+  margin-block-start: var(--spacing-half);
   font-style: italic;
-  color: #666;
-}
-
-/* Spam Check Field (Hidden) */
-form .spam-check {
-  display: none;
+  font-weight: normal;
+  display: block;
 }
 
 /* Adjustments for spacing and alignment */

src/_data/navigation.js

@@ -95,14 +95,18 @@ module.exports = {
             url: "/nl/werk-en-freelance/vacature-plaatsen/",
             title: "Vacature plaatsen",
           },
+          {
+            url: "/nl/werk-en-freelance/voorwaarden/",
+            title: "Vacaturebank voorwaarden",
+          },
           //   {
           //     title: "Freelancers",
           //     url: "/nl/freelancers",
           //   },
-          //   {
-          //     title: "Mentors",
-          //     url: "/nl/mentors",
-          //   },
+            {
+              title: "Mentors",
+              url: "/nl/mentors",
+            },
         ],
       },
       {
@@ -235,14 +239,19 @@ module.exports = {
             url: "/en/jobs/post-job-opening/",
             title: "Post a job opening",
           },
+          ,
+          {
+            url: "/en/jobs/post-job-opening/toc",
+            title: "Job bank terms",
+          },
           //   {
           //     title: "Freelancers",
           //     url: "/en/freelancers",
-          //   },,
-          //   {
-          //     title: "Mentors",
-          //     url: "/en/mentors",
           //   },
+          {
+            title: "Mentors",
+            url: "/en/mentors",
+          },
         ],
       },
       {
@@ -288,7 +297,7 @@ module.exports = {
   footer: {
     nl: [
       {
-        url: "/nl/informatie/contact/",
+        url: "/nl/vereniging/contact/",
         title: "Contact",
       },
       {
@@ -302,15 +311,11 @@ module.exports = {
       {
         url: "/nl/informatie/colofon/",
         title: "Colofon",
-      },
-      // {
-      //     url: "/nl/informatie/adverteren/",
-      //     title: "Adverteren",
-      // },
+      }, 
     ],
     en: [
       {
-        url: "/en/information/contact/",
+        url: "/en/organisation/contact/",
         title: "Contact",
       },
       {
@@ -325,10 +330,6 @@ module.exports = {
         url: "/en/information/colophon/",
         title: "Colophon",
       },
-      // {
-      //     url: "/en/footer/advertise/",
-      //     title: "Advertise",
-      // },
     ],
   },
 };

src/en/information/colophon/index.md

@@ -39,7 +39,7 @@ We use Roboto and Fabrik on this website. Fabrik is a font by [TIGHTYPE™](http
 
 ## Hosting
 
-The website is hosted by [Netlify](https://www.netlify.com), who sponsor us with an [Open Source Unlimited package](https://www.netlify.com/legal/open-source-policy/).
+The website is hosted by [Netlify](https://www.netlify.com), who sponsor us with an [Open Source Unlimited](https://www.netlify.com/legal/open-source-policy/) package.
 
 ## Statistics
 

src/en/information/newsletter/index.md

@@ -1,14 +1,13 @@
 ---
 key: newsletter
-title: Newsletter
+title: Subscribe to our newsletter
 ---
 
+Every now and then, we send a newsletter with news related to our association and front-end development. Don't want to miss out? Subscribe here.
+
 <form action="https://fronteers.us10.list-manage.com/subscribe/post?u=d8d859a3bce138807ce785741&amp;id=49b991ad18" method="post" class="generated">
-    <fieldset>
-    <legend>Sign up for our newsletter</legend>
-    <p><label for="subscribe-email">E-mail address <em>required</em></label> <input type="email" name="EMAIL" id="subscribe-email" class="text"></p>
+    <p><label for="subscribe-email">Email address <em>required</em></label> <input type="email" name="EMAIL" id="subscribe-email" class="text"></p>
     <p><label for="subscribe-voornaam">First name</label> <input type="text" name="FNAME" id="subscribe-voornaam" class="text"></p>
     <p><label for="subscribe-achternaam">Last name</label> <input type="text" name="LNAME" id="subscribe-achternaam" class="text"></p>
-    <p class="submit"><input type="submit" value="Aanmelden" class="submit"></p>
-    </fieldset>
+    <p class="submit"><button class="button-parentheses">Subscribe</button></p>
 </form>