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

This commit is contained in:
danilo silva 2020-11-13 16:36:53 +00:00
parent 53e9ca157b
commit 20de037048
2 changed files with 48 additions and 56 deletions

View file

@ -10,6 +10,39 @@ defmodule OpenpodWeb.PageController do
end end
def chi(conn, _params) do 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 lemergenza 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 lepidemia 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 dellemergenza 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
end end

View file

@ -17,65 +17,24 @@
</h3> </h3>
</div> </div>
</div> </div>
<%= for podder <- @podders do %>
<div class="row row-border-red"> <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 class="col-12 col-md-2 border-right-red d-flex flex-column align-items-center justify-content-start">
</div> </div>
<div class="col-12 col-md-3 pt-3 pb-3"> <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"> <img class="img-fluid" src="<%= podder.cover %>">
</div> </div>
<div class="col-12 col-md-4 pt-3"> <div class="col-12 col-md-4 pt-3">
<div class="d-flex align-items-center mb-2"> <div class="d-flex align-items-center mb-2">
<h4 class="m-0 mr-2 mt-1">UAU POD</h4> <h4 class="m-0 mr-2 mt-1"><%= podder.name %></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"> <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"/> <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> </svg></a>
</div> </div>
<p> <p><%= raw podder.description %></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>
<p>
Come è stata gestita lemergenza 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 lepidemia 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 dellemergenza 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>
<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>
</div> </div>
<% end %>
<div class="row"> <div class="row">
<div class="col-12 d-flex align-items-center"> <div class="col-12 d-flex align-items-center">