feat: use `podder` var to render "chi-siamo" page

lib/openpod_web/controllers/page_controller.ex

@@ -10,6 +10,39 @@ defmodule OpenpodWeb.PageController do
   end
 
   def chi(conn, _params) do
-    render(conn, "chi.html")
+    render(conn, "chi.html",
+      podders: [
+        %{
+          cover: "https://ia801504.us.archive.org/0/items/uau-pod/logo.jpg?cnt=0",
+          podcast_url: "https://openpod.abbiamoundominio.org/podcast/uau-pod",
+          name: "UAU POD",
+          description: """
+          Il podcast di Un'ambigua utopia anticipa l'uscita del numero speciale, il numero 10, dell'omonima rivista.
+          Archivio digitale ed altri materiali all'indirizzo <a href="http://archivio-uau.online/">http://archivio-uau.online/</a>
+          """
+        },
+        %{
+          cover: "https://ia803204.us.archive.org/24/items/fuori-fase/fuori_fase_cover.jpg?cnt=0",
+          podcast_url: "https://openpod.abbiamoundominio.org/podcast/fuori-fase",
+          name: "Fuori Fase",
+          description: """
+          Come è stata gestita l’emergenza nei suoi diversi aspetti? Quali sono state le conseguenze della pandemia, a livello economico e sociale?
+          Con oggi lanciamo il primo di una serie di contributi audio, frutto degli incontri e degli scambi realizzati lungo la quarantena e i lunghi mesi di lockdown,
+          per riflettere sui cambiamenti che l’epidemia – intesa come fenomeno sociale – ha imposto su una serie di aspetti strutturali del nostro tempo.
+          “Fuori Fase” lo abbiamo chiamato: appunti per riscrivere il crono-programma dell’emergenza e del dopo-Covid da qui ai prossimi mesi.
+          <a href="https://offtopiclab.org/">https://offtopiclab.org/</a>
+          """
+        },
+        %{
+          cover:
+            "https://ia801905.us.archive.org/15/items/incontri-a-piano-terra/tracce.jpg?cnt=0",
+          podcast_url: "https://openpod.abbiamoundominio.org/podcast/incontri-a-piano-terra",
+          name: "APE podcast",
+          description: """
+          Qualche registrazione delle attività sociali che promuoviamo al Piano Terra di Milano. <a href="http://ape-alveare.it/">http://ape-alveare.it</a>
+          """
+        }
+      ]
+    )
   end
 end

lib/openpod_web/templates/page/chi.html.eex

@@ -17,65 +17,24 @@
           </h3>
         </div>
       </div>
-      <div class="row row-border-red">
-        <div class="col-12 col-md-2 border-right-red d-flex flex-column align-items-center justify-content-start">
-        </div>
-        <div class="col-12 col-md-3 pt-3 pb-3">
-          <img class="img-fluid" src="https://ia801504.us.archive.org/0/items/uau-pod/logo.jpg?cnt=0">
-        </div>
-        <div class="col-12 col-md-4 pt-3">
-          <div class="d-flex align-items-center mb-2">
-            <h4 class="m-0 mr-2 mt-1">UAU POD</h4>
-            <a role="button" href="https://openpod.abbiamoundominio.org/podcast/uau-pod" target="_blank" class="btn btn-sm btn-danger"><svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-rss-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-              <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm1.5 2.5a1 1 0 0 0 0 2 8 8 0 0 1 8 8 1 1 0 1 0 2 0c0-5.523-4.477-10-10-10zm0 4a1 1 0 0 0 0 2 4 4 0 0 1 4 4 1 1 0 1 0 2 0 6 6 0 0 0-6-6zm.5 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
-            </svg></a>
+      <%= for podder <- @podders do %>
+        <div class="row row-border-red">
+          <div class="col-12 col-md-2 border-right-red d-flex flex-column align-items-center justify-content-start">
           </div>
-          <p>
-            Il podcast di Un'ambigua utopia anticipa l'uscita del numero speciale, il numero 10, dell'omonima rivista.
-
-Archivio digitale ed altri materiali all'indirizzo <a href="http://archivio-uau.online/">http://archivio-uau.online/</a>
-          </p>
-        </div>
-      </div>
-      <div class="row row-border-red">
-        <div class="col-12 col-md-2 border-right-red d-flex flex-column align-items-center justify-content-start">
-        </div>
-        <div class="col-12 col-md-3 pt-3 pb-3">
-          <img class="img-fluid" src="https://ia803204.us.archive.org/24/items/fuori-fase/fuori_fase_cover.jpg?cnt=0">
-        </div>
-        <div class="col-12 col-md-4 pt-3">
-          <div class="d-flex align-items-center mb-2">
-            <h4 class="m-0 mr-2 mt-1">Fuori Fase</h4>
-            <a role="button" href="https://openpod.abbiamoundominio.org/podcast/fuori-fase" target="_blank" class="btn btn-sm btn-danger"><svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-rss-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-              <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm1.5 2.5a1 1 0 0 0 0 2 8 8 0 0 1 8 8 1 1 0 1 0 2 0c0-5.523-4.477-10-10-10zm0 4a1 1 0 0 0 0 2 4 4 0 0 1 4 4 1 1 0 1 0 2 0 6 6 0 0 0-6-6zm.5 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
-            </svg></a>
+          <div class="col-12 col-md-3 pt-3 pb-3">
+            <img class="img-fluid" src="<%= podder.cover %>">
           </div>
-          <p>
-            Come è stata gestita l’emergenza nei suoi diversi aspetti? Quali sono state le conseguenze della pandemia, a livello economico e sociale? Con oggi lanciamo il primo di una serie di contributi audio, frutto degli incontri e degli scambi realizzati lungo la quarantena e i lunghi mesi di lockdown, per riflettere sui cambiamenti che l’epidemia – intesa come fenomeno sociale – ha imposto su una serie di aspetti strutturali del nostro tempo.
-
-“Fuori Fase” lo abbiamo chiamato: appunti per riscrivere il crono-programma dell’emergenza e del dopo-Covid da qui ai prossimi mesi.
- <a href="https://offtopiclab.org/">https://offtopiclab.org/</a>
-          </p>
-        </div>
-      </div>
-      <div class="row row-border-red">
-        <div class="col-12 col-md-2 border-right-red d-flex flex-column align-items-center justify-content-start">
-        </div>
-        <div class="col-12 col-md-3 pt-3 pb-3">
-          <img class="img-fluid" src="https://ia801905.us.archive.org/15/items/incontri-a-piano-terra/tracce.jpg?cnt=0">
-        </div>
-        <div class="col-12 col-md-4 pt-3">
-          <div class="d-flex align-items-center mb-2">
-            <h4 class="m-0 mr-2 mt-1">APE podcast</h4>
-            <a role="button" href="https://openpod.abbiamoundominio.org/podcast/incontri-a-piano-terra" target="_blank" class="btn btn-sm btn-danger"><svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-rss-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-              <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm1.5 2.5a1 1 0 0 0 0 2 8 8 0 0 1 8 8 1 1 0 1 0 2 0c0-5.523-4.477-10-10-10zm0 4a1 1 0 0 0 0 2 4 4 0 0 1 4 4 1 1 0 1 0 2 0 6 6 0 0 0-6-6zm.5 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
-            </svg></a>
+          <div class="col-12 col-md-4 pt-3">
+            <div class="d-flex align-items-center mb-2">
+              <h4 class="m-0 mr-2 mt-1"><%= podder.name %></h4>
+              <a role="button" href="<%= podder.podcast_url %>" target="_blank" class="btn btn-sm btn-danger"><svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-rss-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm1.5 2.5a1 1 0 0 0 0 2 8 8 0 0 1 8 8 1 1 0 1 0 2 0c0-5.523-4.477-10-10-10zm0 4a1 1 0 0 0 0 2 4 4 0 0 1 4 4 1 1 0 1 0 2 0 6 6 0 0 0-6-6zm.5 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
+              </svg></a>
+            </div>
+            <p><%= raw podder.description %></p>
           </div>
-          <p>
-            Qualche registrazione delle attività sociali che promuoviamo al Piano Terra di Milano. <a href="http://ape-alveare.it/">http://ape-alveare.it</a>
-          </p>
         </div>
-      </div>
+      <% end %>
 
       <div class="row">
         <div class="col-12 d-flex align-items-center">