Add preview of articles in home page

1 files changed, 8 insertions, 40 deletions

diff --git a/index.rhtml b/index.rhtml
index 12595c0..4337b51 100644
--- a/index.rhtml
+++ b/index.rhtml
@@ -8,54 +8,22 @@
 
 <div class="container hyphens">
   <div class="row">
-    <div class="col">
-      <div class="card critical h-100">
+    <% listarticles("articles/**/*", 6).each { |p| %>
+    <div class="col-lg-4 col-sm-12" style="margin-bottom: 20pt">
+      <div class="card <%= p.classes %> h-100">
         <!-- <div class="card-header">Featured</div> -->
         <div class="card-body">
-          <h5 class="card-title critical">Gravi vulnerabilit&agrave; in Log4j</h5>
-          <small class="text-muted">13 dicembre 2021</small>
-          <p class="card-text">Le vulnerabilit&agrave; sfruttano le
-            funzionalit&agrave; JNDI di Log4j consentendo ad un attaccante di
-            utilizzare un servizio LDAP per eseguire codice malevolo da
-            remoto.</p>
+          <h5 class="card-title <%= p.classes %>"><%= p.title %></h5>
+          <small class="text-muted"><%= p.date.strftime("%d/%m/%Y") %></small>
+          <p class="card-text"><%= p.description %></p>
         </div>
         <div class="card-footer">
-          <a href="/articles/2021/20211213_log4shell-0-day-vulnerability.html"
+          <a href="<%= p.pageFileName %>"
              class="btn btn-primary">Dettagli &raquo;</a>
         </div>
       </div>
     </div>
-
-    <div class="col">
-      <div class="card h-100">
-        <div class="card-body">
-          <h5 class="card-title no-hyphens">Installare certificati con certbot</h5>
-          <small class="text-muted">20 aprile 2021</small>
-          <p class="card-text">Come installere i certificati su un server
-            web utilizzando certbot.</p>
-        </div>
-        <div class="card-footer">
-          <a href="/articles/2021/20210420_install-certificates-with-certbot.html"
-             class="btn btn-primary">Dettagli &raquo;</a>
-        </div>
-      </div>
-    </div>
-
-    <div class="col">
-      <div class="card">
-        <div class="card-body">
-          <h5 class="card-title no-hyphens">Programmare con le socket (Parte 1)</h5>
-          <small class="text-muted">06 giugno  2009</small>
-          <p class="card-text">La socket (in inglese "presa") &egrave; una particolare astrazione
-            software che permette ai processi messi in comunicazione di inviare e
-            ricevere dati. Le socket sono nate intorno agli anni ’80, il primo kernel
-            a implementarle fu BSD 4.2 nel 1983.</p>
-        </div>
-        <div class="card-footer">
-          <a href="/articles/2009/20090602_socket_pt1.html" class="btn btn-primary">Dettagli &raquo;</a>
-        </div>
-      </div>
-    </div>
+    <% } %>
   </div>
 </div>