From 806ce74234cf74ef113e7f81f5232260792091d9 Mon Sep 17 00:00:00 2001
From: Booteille <booteille@protonmail.com>
Date: Sun, 18 May 2025 18:56:49 +0200
Subject: [PATCH] Replace articles by list (ul/li)

---
 themes/default/templates/index.html.ep | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/themes/default/templates/index.html.ep b/themes/default/templates/index.html.ep
index 5269e23..a0a2b85 100644
--- a/themes/default/templates/index.html.ep
+++ b/themes/default/templates/index.html.ep
@@ -187,13 +187,13 @@
         </div>
       </div>
 
-      <div id="uploaded-files" class="block"></div>
+      <ul id="uploaded-files" class="block"></ul>
     </div>
   </div>
 % }
 
 <template id="card-file-skeleton">
-  <article class="card-file-skeleton card m-2 is-size-6 skeleton-block">
+  <li class="card-file-skeleton card m-2 is-size-6 skeleton-block">
     <div class="card-content p-2">
       <div class="content fixed-grid has-12-cols">
         <div class="grid is-vcentered">
@@ -212,11 +212,11 @@
       
       </div>
     </div>
-  </article>
+  </li>
 </template>
 
 <template id="card-file-error">
-  <article class="card-file-error card m-2 is-size-6">
+  <li class="card-file-error card m-2 is-size-6">
     <div class="card-content p-2">
       <div class="content fixed-grid has-12-cols">
         <div class="grid is-vcentered">
@@ -241,11 +241,11 @@
       
       </div>
     </div>
-  </article>
+  </li>
 </template>
 
 <template id="card-file-to-upload">
-  <article class="card-file-to-upload card m-2 is-size-6">
+  <li class="card-file-to-upload card m-2 is-size-6">
     <div class="card-content p-2">
       <div class="content fixed-grid has-12-cols">
         <div class="grid is-vcentered">
@@ -264,11 +264,11 @@
       
       </div>
     </div>
-  </article>
+  </li>
 </template>
 
 <template id="card-file-uploading">
-  <article class="card-file-uploading card m-2 is-size-6">
+  <li class="card-file-uploading card m-2 is-size-6">
     <div class="card-content p-2">
       <div class="content fixed-grid has-12-cols">
         <div class="grid is-vcentered">
@@ -290,11 +290,11 @@
         <progress class="progress is-primary is-small" max="100">0%</progress>
       </div>
     </div>
-  </article>
+  </li>
 </template>
 
 <template id="card-file-uploaded">
-  <article class="card-file-uploaded card m-2 is-size-6">
+  <li class="card-file-uploaded card m-2 is-size-6">
     <div class="card-content p-2">
       <div class="content fixed-grid has-12-cols">
         <div class="grid is-vcentered">
@@ -343,7 +343,7 @@
         </a>
       </footer>
     % }
-  </article>
+  </li>
 </template>
 
 <script type="text/javascript">