Aggiunta link per donazioni

assets/css/custom.css

@@ -145,4 +145,67 @@ blockquote{
 blockquote p{
     font-size: 1.2em;
     margin: 2rem 0 2rem 1em;
+}
+
+.donations > div{
+    position: relative;
+    width: 49%;
+    padding: 4%;
+    float: left;
+    min-height: 350px;
+}
+
+.donations > div > a.btn{
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+}
+
+.donations > div:first-of-type{
+    margin-right: 2%;
+}
+
+.gradient-border {
+    --border-width: 3px;
+    position: relative;
+    justify-content: center;
+    background: #fff;
+    border-radius: var(--border-width);
+}
+.gradient-border::after {
+    position: absolute;
+    content: "";
+    top: calc(-1 * var(--border-width));
+    left: calc(-1 * var(--border-width));
+    z-index: -1;
+    width: calc(100% + var(--border-width) * 2);
+    height: calc(100% + var(--border-width) * 2);
+    background: linear-gradient(60deg, #5f86f2, #a65ff2, #f25fd0, #f25f61, #f2cb5f, #abf25f, #5ff281, #5ff2f0);
+    background-size: 300% 300%;
+    background-position: 0 50%;
+    border-radius: calc(2 * var(--border-width));
+    animation: moveGradient 4s alternate infinite;
+}
+
+@keyframes moveGradient {
+    50% {
+        background-position: 100% 50%;
+    }
+}
+
+.stripe-btn{
+    background: #635bff;
+    color: #fff;
+    padding: 0.1em 0.4em;
+    border-radius: 3px;
+    font-size: 0.9em;
+}
+
+
+@media (max-width: 768px){
+    .donations > div{
+        width: 100%;
+        margin: 2%;
+        min-height: auto;
+    }
 }

config.toml

@@ -33,6 +33,10 @@ pygmentscodefencesguesssyntax = true
   #customSCSS = ["scss/custom.scss"]
   #customJS = ["js/custom.js"]
 
+[params.donations]
+liberapay_username = "loviuz"
+stripe_donation_link = "https://donate.stripe.com/bIY14hdxefdxdoceUU"
+
 [params.goatCounter]
   code = "loviuz"
 

content/contributi/index.md

@@ -8,6 +8,7 @@ categories:
 tags:
     - open source
     - contributi
+include_donations: true
 ---
 
 ![Contributi](code-g625f41d23_1280.jpg)

content/guide/tradurre-guide-openstreetmap/index.md

@@ -13,6 +13,7 @@ tags:
     - traduzioni
 # status: new, wip, done
 status: done
+include_donations: true
 --- 
 
 

content/progetti/mappa-prezzi-distributori-italia/index.md

@@ -14,6 +14,7 @@ tags:
     - italia
 # status: new, wip, done
 status: wip
+include_donations: true
 ---
 
 Mi sono imbattuto nel link del MISE (MInistero dello Sviluppo Economico) tramite il gruppo Telegram di **OpenStreetMap Italia** in cui si parlava di usare gli open data del MISE per aggiornare la mappa di openstreetmap riguardo i distributori.

content/progetti/mappatura-raccoglitori-olio/index.md

@@ -14,6 +14,7 @@ tags:
     - italia
 # status: new, wip, done
 status: wip
+include_donations: true
 ---
 
 

content/progetti/openstamanager/index.md

@@ -14,6 +14,7 @@ tags:
     - imprenditoria
 # status: new, wip, done
 status: done
+include_donations: true
 ---
 
 OpenSTAManager è stato ed è ancora oggi il progetto più datato ma importante della mia carriera. E' nato per un idraulico nel lontano **2008** e grazie ai contributi della rete e dei colleghi di lavoro ora è diventato il software principale su cui lavoriamo nell'azienda di cui sono socio e dove lo personalizziamo per i clienti.

content/progetti/wikipedia-este/index.md

@@ -14,6 +14,7 @@ tags:
     - italia
 # status: new, wip, done
 status: new
+include_donations: true
 ---
 
 Dall'app [OsmAnd~](https://osmand.net/), la prima app ufficiale di OpenStreetMap, mi sono accorto che abilitando alcuni plugin è possibile vedere articoli di **Wikipedia** che sono legati al luogo che si sta visitando, e ho scoperto che alcuni di questi luoghi non sono aggiornati o per assurdo sono stati scritti da utenti non italiani e sono in inglese, come ad esempio la Basilica delle Grazie:
@@ -26,4 +27,5 @@ Si può iniziare quindi nel cercare dei contenuti già presenti, verificarli e t
 ## TO-DO
 - controllare cosa è presente su Wikipedia riguardo Este
 - aggiornare i contenuti
-- crearne di nuovi
+- crearne di nuovi
+- proporre alle scuole la creazione di contenuti

layouts/news/single.html

@@ -45,6 +45,7 @@
         {{ .Content | safeHTML }}
       </div>
 
+      {{ partial "donations.html" . }}
 
       <footer>
         {{ partial "posts/series.html" . }}

layouts/partials/donations.html

@@ -0,0 +1,27 @@
+<hr>
+<h4>👍 Ti piace questo contenuto?</h4>
+Se vuoi sostenere questo blog e le mie attività puoi scegliere di fare una donazione libera una tantum oppure di fare una donazione ricorrente per un sostegno continuativo.
+<br><br>
+
+{{ with .Site.Params.donations }}
+<div class="donations">
+    {{ if .liberapay_username }}
+        <div class="gradient-border">
+            <strong>🔄 DONAZIONE RICORRENTE</strong><br>
+            Qualsiasi importo a partire da <b>0,01 €</b>, anche in modo anonimo.<br>
+            
+            <small>Verrà trattenuto l'<b>1%</b> per finanziare la rimozione del carbonio nel mondo grazie all'iniziativa <a href="https://stripe.com/it/climate" target="_blank">Stripe Climate</a></small>.<br><br>
+            <a href="https://liberapay.com/{{ .liberapay_username }}/donate" class="btn"><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"></a>
+        </div>
+    {{ end }}
+
+    {{ if .stripe_donation_link }}
+        <div class="gradient-border">
+            <strong>✨ DONAZIONE UNA TANTUM</strong><br>
+            Qualsiasi importo a partire da <b>0,50 €</b>.
+            <br><br>
+            <a href="{{ .stripe_donation_link }}" class="btn stripe-btn"><i class="fa fa-cc-stripe"></i> Dona con Stripe</a>
+        </div>
+    {{ end }}
+</div>
+{{ end }}

layouts/partials/page.html

@@ -27,4 +27,8 @@
 
     {{ .Content }}
   </article>
+
+  {{ if .Params.include_donations }}
+    {{ partial "donations.html" . }}
+  {{ end }}
 </section>