Add baieattitude

Author: thibaudgg

data/organizations.yml

@@ -88,3 +88,6 @@ fairdura:
 wilderauke:
   name: Wilde Rauke
   url: https://www.wilde-rauke.de
+baieattitude:
+  name: Baie-Attitude
+  url: https://www.baie-attitude.ch

source/_index.slim

@@ -74,13 +74,13 @@ h3 id='organizations' class='mt-16 pt-8 mx-auto md:w-5/6 text-center tracking-ti
 p class='mt-2 mx-auto md:w-7/12 text-center md:leading-normal text-xl font-normal'
   = t("organizations.subtitle")
 
-div class='mt-10 mx-auto md:w-5/6 grid grid-cols-3 md:grid-cols-6 gap-y-10'
+div class='mt-10 mx-auto px-4 grid grid-cols-3 md:grid-cols-8 gap-8'
   - data.organizations.each do |org, data|
     = link_to data.url, class: 'flex items-center no-underline', title: data.name
       = image_tag "https://cdn.csa-admin.org/logos/#{org}", class: 'size-16 md:size-24 mx-auto', alt: "#{data.name} (logo)", title: data.name
 
 
-h4 id='contact' class='mt-16 pt-8 mx-auto md:w-5/6 text-center text-xl md:text-3xl font-bold'
+h4 id='contact' class='mt-20 pt-8 mx-auto md:w-5/6 text-center text-xl md:text-3xl font-bold'
   = t("contact.title")
 p class='mt-4 mx-auto md:w-7/12 text-justify leading-normal text-lg'
   = I18n.t("contact.text", \

source/stylesheets/site.css

@@ -643,6 +643,10 @@ strong {
   margin-top: 0.5rem;
 }
 
+.mt-20 {
+  margin-top: 5rem;
+}
+
 .mt-24 {
   margin-top: 6rem;
 }
@@ -748,8 +752,8 @@ strong {
   gap: 1rem;
 }
 
-.gap-y-10 {
-  row-gap: 2.5rem;
+.gap-8 {
+  gap: 2rem;
 }
 
 .scroll-smooth {
@@ -823,6 +827,11 @@ strong {
   padding-right: 0.25rem;
 }
 
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
 .px-6 {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
@@ -1091,8 +1100,8 @@ strong {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 
-  .md\:grid-cols-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
+  .md\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
   }
 
   .md\:flex-row {