From 08d61046040deac9086fee2a5add47721aa8a134 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adri=C3=A1n?= <41774881+xentenza@users.noreply.github.com>
Date: Wed, 24 Apr 2024 12:36:27 +0200
Subject: [PATCH 1/3] New horizontal listing news

- Create new horizontal listing news, based on Organisms > Card Slider
---
 .../news/news-horizontal-listing-gray.twig    | 36 +++++++++++++++++++
 .../news/news-horizontal-listing.twig         | 36 +++++++++++++++++++
 assets/components/content-types/news/news.yml |  7 ++++
 3 files changed, 79 insertions(+)
 create mode 100644 assets/components/content-types/news/news-horizontal-listing-gray.twig
 create mode 100644 assets/components/content-types/news/news-horizontal-listing.twig

diff --git a/assets/components/content-types/news/news-horizontal-listing-gray.twig b/assets/components/content-types/news/news-horizontal-listing-gray.twig
new file mode 100644
index 000000000..adce0d670
--- /dev/null
+++ b/assets/components/content-types/news/news-horizontal-listing-gray.twig
@@ -0,0 +1,36 @@
+<div class="card-slider-wrapper">
+  <div class="card-slider">
+  {% for i in 1..10 %}
+    <div class="card-slider-cell">
+      <a href="#" class="card link-trapeze-horizontal">
+        <div class="card-body">
+        {% include '@atoms/picture/picture.twig' with {'variant':'news-thumb'} %}
+		<div itemscope itemtype="http://schema.org/Article">
+        		<h3 class="card-title h5 mt-3" itemprop="name">Physics: new e-books for the AIAA Education Series</h3>
+        		<p>
+	            <time datetime="2018-03-26" itemprop="datePublished"><span class="sr-only">Published:</span>26.03.2018</time>
+	            <span class="text-muted" itemprop="description">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet
+	              Epicureum esse, si probarem, quae ille diceret?</span>
+          </p>
+      	</div>
+        </div>
+      </a>
+    </div>
+  {% endfor %}
+  </div>
+
+  <div class="card-slider-footer">
+    <div>
+      <button role="button" id="card-slider-prev" class="card-slider-btn link-trapeze-horizontal disabled">
+        <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-chevron-left"></use>
+        </svg>
+      </button>
+      <button role="button" id="card-slider-next" class="card-slider-btn link-trapeze-horizontal">
+        <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-chevron-right"></use>
+        </svg>
+      </button>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/assets/components/content-types/news/news-horizontal-listing.twig b/assets/components/content-types/news/news-horizontal-listing.twig
new file mode 100644
index 000000000..933256cb9
--- /dev/null
+++ b/assets/components/content-types/news/news-horizontal-listing.twig
@@ -0,0 +1,36 @@
+<div class="card-slider-wrapper">
+  <div class="card-slider">
+  {% for i in 1..10 %}
+    <div class="card-slider-cell">
+      <a href="#" class="card card-gray link-trapeze-horizontal">
+        <div class="card-body">
+	        {% include '@atoms/picture/picture.twig' with {'variant':'news-thumb'} %}
+			<div itemscope itemtype="http://schema.org/Article">
+          		<h3 class="card-title h5 mt-3" itemprop="name">Physics: new e-books for the AIAA Education Series</h3>
+          		<p>
+		            <time datetime="2018-03-26" itemprop="datePublished"><span class="sr-only">Published:</span>26.03.2018</time>
+		            <span class="text-muted" itemprop="description">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet
+		              Epicureum esse, si probarem, quae ille diceret?</span>
+	          </p>
+        	</div>
+        </div>
+      </a>
+    </div>
+  {% endfor %}
+  </div>
+
+  <div class="card-slider-footer">
+    <div>
+      <button role="button" id="card-slider-prev" class="card-slider-btn link-trapeze-horizontal disabled">
+        <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-chevron-left"></use>
+        </svg>
+      </button>
+      <button role="button" id="card-slider-next" class="card-slider-btn link-trapeze-horizontal">
+        <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-chevron-right"></use>
+        </svg>
+      </button>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/assets/components/content-types/news/news.yml b/assets/components/content-types/news/news.yml
index 90eba9016..a7a60881e 100644
--- a/assets/components/content-types/news/news.yml
+++ b/assets/components/content-types/news/news.yml
@@ -1,6 +1,13 @@
 title: News
 name: news
 variants:
+  - name: horizontal-listing
+    title: Horizontal Listing
+    notes: Don't forget to wrap your card slider with a wrapper that will hide the overflow (`.overflow-hidden` helper class will achieve just that).
+  - name: horizontal-listing-gray
+    title: Horizontal Listing with gray background
+    notes: Don't forget to wrap your card slider with a wrapper that will hide the overflow (`.overflow-hidden` helper class will achieve just that).
+    wrapper: bg-gray-100 py-4 my-4
   - name: highlighted
     title: Highlighted
   - name: highlighted-carousel

From b519a61d13004bf59ae0515186ce1a1cb090b887 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adri=C3=A1n?= <41774881+xentenza@users.noreply.github.com>
Date: Fri, 3 May 2024 09:17:20 +0200
Subject: [PATCH 2/3] tabs vs spaces
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Transformé lees tabulations en espaces
---
 .../news/news-horizontal-listing-gray.twig     | 14 +++++++-------
 .../news/news-horizontal-listing.twig          | 18 +++++++++---------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/assets/components/content-types/news/news-horizontal-listing-gray.twig b/assets/components/content-types/news/news-horizontal-listing-gray.twig
index adce0d670..2abcf9cc0 100644
--- a/assets/components/content-types/news/news-horizontal-listing-gray.twig
+++ b/assets/components/content-types/news/news-horizontal-listing-gray.twig
@@ -5,14 +5,14 @@
       <a href="#" class="card link-trapeze-horizontal">
         <div class="card-body">
         {% include '@atoms/picture/picture.twig' with {'variant':'news-thumb'} %}
-		<div itemscope itemtype="http://schema.org/Article">
-        		<h3 class="card-title h5 mt-3" itemprop="name">Physics: new e-books for the AIAA Education Series</h3>
-        		<p>
-	            <time datetime="2018-03-26" itemprop="datePublished"><span class="sr-only">Published:</span>26.03.2018</time>
-	            <span class="text-muted" itemprop="description">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet
-	              Epicureum esse, si probarem, quae ille diceret?</span>
+    <div itemscope itemtype="http://schema.org/Article">
+            <h3 class="card-title h5 mt-3" itemprop="name">Physics: new e-books for the AIAA Education Series</h3>
+            <p>
+              <time datetime="2018-03-26" itemprop="datePublished"><span class="sr-only">Published:</span>26.03.2018</time>
+              <span class="text-muted" itemprop="description">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet
+                Epicureum esse, si probarem, quae ille diceret?</span>
           </p>
-      	</div>
+        </div>
         </div>
       </a>
     </div>
diff --git a/assets/components/content-types/news/news-horizontal-listing.twig b/assets/components/content-types/news/news-horizontal-listing.twig
index 933256cb9..45d96e2d2 100644
--- a/assets/components/content-types/news/news-horizontal-listing.twig
+++ b/assets/components/content-types/news/news-horizontal-listing.twig
@@ -4,15 +4,15 @@
     <div class="card-slider-cell">
       <a href="#" class="card card-gray link-trapeze-horizontal">
         <div class="card-body">
-	        {% include '@atoms/picture/picture.twig' with {'variant':'news-thumb'} %}
-			<div itemscope itemtype="http://schema.org/Article">
-          		<h3 class="card-title h5 mt-3" itemprop="name">Physics: new e-books for the AIAA Education Series</h3>
-          		<p>
-		            <time datetime="2018-03-26" itemprop="datePublished"><span class="sr-only">Published:</span>26.03.2018</time>
-		            <span class="text-muted" itemprop="description">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet
-		              Epicureum esse, si probarem, quae ille diceret?</span>
-	          </p>
-        	</div>
+          {% include '@atoms/picture/picture.twig' with {'variant':'news-thumb'} %}
+      <div itemscope itemtype="http://schema.org/Article">
+              <h3 class="card-title h5 mt-3" itemprop="name">Physics: new e-books for the AIAA Education Series</h3>
+              <p>
+                <time datetime="2018-03-26" itemprop="datePublished"><span class="sr-only">Published:</span>26.03.2018</time>
+                <span class="text-muted" itemprop="description">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet
+                  Epicureum esse, si probarem, quae ille diceret?</span>
+            </p>
+          </div>
         </div>
       </a>
     </div>

From 7afad9d6f94e7ac8e83f9e2d6f121db4776afc72 Mon Sep 17 00:00:00 2001
From: William Belle <william.belle@gmail.com>
Date: Mon, 6 May 2024 12:29:41 +0200
Subject: [PATCH 3/3] Adjust

---
 .../news/news-horizontal-listing-gray.twig       |  8 ++++----
 .../news/news-horizontal-listing.twig            | 16 ++++++++--------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/assets/components/content-types/news/news-horizontal-listing-gray.twig b/assets/components/content-types/news/news-horizontal-listing-gray.twig
index 2abcf9cc0..0867a9016 100644
--- a/assets/components/content-types/news/news-horizontal-listing-gray.twig
+++ b/assets/components/content-types/news/news-horizontal-listing-gray.twig
@@ -5,14 +5,14 @@
       <a href="#" class="card link-trapeze-horizontal">
         <div class="card-body">
         {% include '@atoms/picture/picture.twig' with {'variant':'news-thumb'} %}
-    <div itemscope itemtype="http://schema.org/Article">
+          <div itemscope itemtype="http://schema.org/Article">
             <h3 class="card-title h5 mt-3" itemprop="name">Physics: new e-books for the AIAA Education Series</h3>
             <p>
               <time datetime="2018-03-26" itemprop="datePublished"><span class="sr-only">Published:</span>26.03.2018</time>
               <span class="text-muted" itemprop="description">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet
                 Epicureum esse, si probarem, quae ille diceret?</span>
-          </p>
-        </div>
+            </p>
+          </div>
         </div>
       </a>
     </div>
@@ -33,4 +33,4 @@
       </button>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/assets/components/content-types/news/news-horizontal-listing.twig b/assets/components/content-types/news/news-horizontal-listing.twig
index 45d96e2d2..c02d265df 100644
--- a/assets/components/content-types/news/news-horizontal-listing.twig
+++ b/assets/components/content-types/news/news-horizontal-listing.twig
@@ -4,13 +4,13 @@
     <div class="card-slider-cell">
       <a href="#" class="card card-gray link-trapeze-horizontal">
         <div class="card-body">
-          {% include '@atoms/picture/picture.twig' with {'variant':'news-thumb'} %}
-      <div itemscope itemtype="http://schema.org/Article">
-              <h3 class="card-title h5 mt-3" itemprop="name">Physics: new e-books for the AIAA Education Series</h3>
-              <p>
-                <time datetime="2018-03-26" itemprop="datePublished"><span class="sr-only">Published:</span>26.03.2018</time>
-                <span class="text-muted" itemprop="description">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet
-                  Epicureum esse, si probarem, quae ille diceret?</span>
+        {% include '@atoms/picture/picture.twig' with {'variant':'news-thumb'} %}
+          <div itemscope itemtype="http://schema.org/Article">
+            <h3 class="card-title h5 mt-3" itemprop="name">Physics: new e-books for the AIAA Education Series</h3>
+            <p>
+              <time datetime="2018-03-26" itemprop="datePublished"><span class="sr-only">Published:</span>26.03.2018</time>
+              <span class="text-muted" itemprop="description">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet
+                Epicureum esse, si probarem, quae ille diceret?</span>
             </p>
           </div>
         </div>
@@ -33,4 +33,4 @@
       </button>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>