Donativos

rodrigoalcarazdelaosa · Apr 15, 2024 · fc0685f · fc0685f
1 parent ca6cb17
commit fc0685f
Show file tree

Hide file tree

Showing 16 changed files with 108 additions and 21 deletions.
diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
@@ -1609,4 +1609,17 @@ details p {
 .dark .spoiler {
   background-color: $nord3;
   border-color: $nord6;
+}
+
+.progress {
+  background-color: $nord4;
+}
+
+.dark .progress {
+  background-color: $nord3;
+}
+
+.progress-bar {
+  background-color: $nord8;
+  color: $nord0;
 }
diff --git a/content/ca/authors/rodrigo-alcaraz-de-la-osa/_index.md b/content/ca/authors/rodrigo-alcaraz-de-la-osa/_index.md
@@ -101,7 +101,7 @@ social:
     footer: true
 - icon: ☕️
   icon_pack: emoji
-  link: https://www.paypal.com/donate/?business=5DYE3DLPRQTQG&no_recurring=0&item_name=Gr%C3%A0cies%21+Amb+la+teva+contribuci%C3%B3+est%C3%A0s+ajudant+que+FisiQu%C3%ADmicament+segueixi+millorant.&currency_code=EUR
+  link: /donatius
   label: Invítanos a un cafè
   display:
     header: false

diff --git a/content/ca/donativos.md b/content/ca/donativos.md
@@ -0,0 +1,25 @@
+---
+title: "☕️ Donatius"
+slug: donatius
+reading_time: false  # Show estimated reading time?
+share: false  # Show social sharing links?
+profile: false  # Show author profile?
+commentable: false  # Allow visitors to comment? Supported by the Page, Post, and Docs content types.
+editable: false  # Allow visitors to edit the page? Supported by the Page, Post, and Docs content types.
+breadcrumbs: [""]
+---
+
+**FisiQuímicament** funciona **sense anuncis**. Si vols reconèixer el nostre esforç, animant-nos a seguir preparant materials de qualitat, pots **convidar-nos a un *cafè*** utilitzant el servei <img draggable="false" class="icon" alt="paypal" src="/icon/paypal.svg"> **Paypal**:
+
+<div align="center">
+<a href="https://www.paypal.com/donate/?business=5DYE3DLPRQTQG&no_recurring=0&item_name=Gr%C3%A0cies%21+Amb+la+teva+contribuci%C3%B3+est%C3%A0s+ajudant+que+FisiQu%C3%ADmicament+segueixi+millorant.&currency_code=EUR" target="_blank" rel="noopener">
+<tgs-player autoplay loop mode="normal" style="width:50%;height:auto" src="/media/lottie/coffee.tgs" data-toggle="tooltip" data-placement="right" title aria-label="PayPal" data-original-title="Invítanos a un cafè">
+		</tgs-player>
+</a>
+</div>
+
+A dia d'avui estem a prop de **cobrir** la **meitat** de les **despeses** de la web relacionats amb el domini i l'allotjament per al **2024**:
+
+<div class="progress" style="height: 2rem; font-size: 1.5rem">
+  <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="43" aria-valuemin="0" aria-valuemax="100" style="width: 43%">43&thinsp;%</div>
+</div>
diff --git a/content/ca/post/hola-mundo/index.md b/content/ca/post/hola-mundo/index.md
@@ -50,9 +50,9 @@ Les entradas d'aquest blog van dirigidas al nostre alumnat i a tots aquells que
 
 Coneixes [Discord](https://discord.com/)? [Uneix-te al servidor de Discord de <img draggable="false" class="icon" alt="fisiquimicament" src="/icon/logo-fisiquimicament.svg">](https://discord.gg/kJqPqTJ) i comença a **participar** a la web comentant, donant la teva opinió, realitzant peticions, suggeriments, etc.
 
-### *Cafès* (donacions)
+### *Cafès* (donatius)
 
-Si vols reconèixer i lloar el nostre esforç, animant-nos a seguir preparant materials de qualitat, [pots convidar-nos a un cafè](https://www.paypal.com/donate/?business=5DYE3DLPRQTQG&no_recurring=0&item_name=Gr%C3%A0cies%21+Amb+la+teva+contribuci%C3%B3+est%C3%A0s+ajudant+que+FisiQu%C3%ADmicament+segueixi+millorant.&currency_code=EUR) utilitzant el servei [{{< icon name="paypal" pack="svg" >}}PayPal](https://www.paypal.com/es/home). FisiQuímicament funciona sense anuncis; tots els *cafès* es destinaran a costejar-la i continuar millorant-la.
+Si vols reconèixer el nostre esforç, animant-nos a seguir preparant materials de qualitat, [pots convidar-nos a un cafè](/donatius) utilitzant el servei [{{< icon name="paypal" pack="svg" >}}PayPal](https://www.paypal.com/es/home). FisiQuímicament funciona sense anuncis; tots els *cafès* es destinaran a costejar-la i continuar millorant-la.
 
 ### Compartint
 

diff --git a/content/ca/privacy.md b/content/ca/privacy.md
@@ -19,9 +19,9 @@ breadcrumbs: [""]
 - [<img draggable="false" class="icon" alt="cloudflare" src="/icon/cloudflare.svg"> Cloudflare](https://www.cloudflare.com/es-es/privacypolicy/) pel seu desplegament/servei i per a les analítiques web.
 - [<img draggable="false" class="icon" alt="formspree" src="/icon/formspree.svg"> Formspree](https://formspree.io/legal/privacy-policy/) per al [formulari de contacte](/#contacte).
 - [<img draggable="false" class="icon" alt="google-fonts" src="/icon/google-fonts.svg"> Google Fonts](https://policies.google.com/privacy) per tipografies[^3].
-- [<img draggable="false" class="icon" alt="paypal" src="/icon/paypal.svg"> Paypal](https://www.paypal.com/es/webapps/mpp/ua/privacy-full) per als *cafès* (donacions)[^4].
+- [<img draggable="false" class="icon" alt="paypal" src="/icon/paypal.svg"> Paypal](https://www.paypal.com/es/webapps/mpp/ua/privacy-full) per als *cafès* (donatius)[^4].
 - [<img draggable="false" class="icon" alt="cc" src="/icon/cc.svg"> Creative Commons](https://creativecommons.org/privacy/) per la [llicència](/llicencia).
 
 [^3]: Actualment la web utilitza les tipografies [Cabin Sketch](https://fonts.google.com/specimen/Cabin+Sketch), [EB Garamond](https://fonts.google.com/specimen/EB+Garamond) i [Inconsolata](https://fonts.google.com/specimen/Inconsolata). A més, [Cloudflare Fonts](https://www.cloudflare.com/es-es/cloudflare-fonts/) està activat.
 
-[^4]: Per tal de cobrir les despeses del web relacionats amb el domini i l'allotjament. FisiQuímicament funciona sense anuncis.
+[^4]: Per tal de cobrir les despeses de la web relacionats amb el domini i l'allotjament. FisiQuímicament funciona sense anuncis.
diff --git a/content/en/authors/rodrigo-alcaraz-de-la-osa/_index.md b/content/en/authors/rodrigo-alcaraz-de-la-osa/_index.md
@@ -101,7 +101,7 @@ social:
     footer: true
 - icon: ☕️
   icon_pack: emoji
-  link: https://www.paypal.com/donate/?business=5DYE3DLPRQTQG&no_recurring=0&item_name=Thank+you%21+With+your+contribution+you+are+helping+PhysiChemically+continue+to+improve.&currency_code=EUR
+  link: /donations
   label: Buy us a coffee
   display:
     header: false

diff --git a/content/en/donativos.md b/content/en/donativos.md
@@ -0,0 +1,25 @@
+---
+title: "☕️ Donations"
+slug: donations
+reading_time: false  # Show estimated reading time?
+share: false  # Show social sharing links?
+profile: false  # Show author profile?
+commentable: false  # Allow visitors to comment? Supported by the Page, Post, and Docs content types.
+editable: false  # Allow visitors to edit the page? Supported by the Page, Post, and Docs content types.
+breadcrumbs: [""]
+---
+
+**PhysiChemically** runs **ad-free**. If you wish to acknowledge our effort, encouraging us to continue preparing quality materials, you can **buy us a *coffee*** using the <img draggable="false" class="icon" alt="paypal" src="/icon/paypal.svg"> **Paypal** service:
+
+<div align="center">
+<a href="https://www.paypal.com/donate/?business=5DYE3DLPRQTQG&no_recurring=0&item_name=Thank+you%21+With+your+contribution+you+are+helping+PhysiChemically+continue+to+improve.&currency_code=EUR" target="_blank" rel="noopener">
+<tgs-player autoplay loop mode="normal" style="width:50%;height:auto" src="/media/lottie/coffee.tgs" data-toggle="tooltip" data-placement="right" title aria-label="PayPal" data-original-title="Buy us a coffee">
+		</tgs-player>
+</a>
+</div>
+
+As of today, we are close to **covering half** of the website **costs** related to the domain and hosting for **2024**:
+
+<div class="progress" style="height: 2rem; font-size: 1.5rem">
+  <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="43" aria-valuemin="0" aria-valuemax="100" style="width: 43%">43&thinsp;%</div>
+</div>
diff --git a/content/en/post/hola-mundo/index.md b/content/en/post/hola-mundo/index.md
@@ -52,7 +52,7 @@ Do you know [Discord](https://discord.com/)? [Join the Discord server of <img dr
 
 ### *Coffees* (donations)
 
-If you wish to acknowledge and praise our effort, encouraging us to continue preparing quality materials, [you can buy us a *coffee*](https://www.paypal.com/donate/?business=5DYE3DLPRQTQG&no_recurring=0&item_name=Thank+you%21+With+your+contribution+you+are+helping+PhysiChemically+continue+to+improve.&currency_code=EUR) using the [{{< icon name="paypal" pack="svg" >}}PayPal](https://www.paypal.com/es/home) service. PhysiChemically runs ad-free; all the *coffees* will be used to pay for it and to continue improving it.
+If you wish to acknowledge our effort, encouraging us to continue preparing quality materials, [you can buy us a *coffee*](/donations) using the [{{< icon name="paypal" pack="svg" >}}PayPal](https://www.paypal.com/es/home) service. PhysiChemically runs ad-free; all the *coffees* will be used to pay for it and to continue improving it.
 
 ### Sharing
 You can also <strong>share</strong> all the <strong>blog posts</strong> and [📚&nbsp;<span style="font-variant:small-caps;">**notes**</span>]({{< ref "/apuntes" >}}) on your favorite **social networks**.

diff --git a/content/es/authors/rodrigo-alcaraz-de-la-osa/_index.md b/content/es/authors/rodrigo-alcaraz-de-la-osa/_index.md
@@ -102,7 +102,7 @@ social:
     footer: true
 - icon: ☕️
   icon_pack: emoji
-  link: https://www.paypal.com/donate/?business=5DYE3DLPRQTQG&no_recurring=0&item_name=¡Gracias%21+Con+tu+contribución+estás+ayudando+a+que+FisiQu%C3%ADmicamente+siga+mejorando.&currency_code=EUR
+  link: /donativos
   label: Invítanos a un café
   display:
     header: false

diff --git a/content/es/donativos.md b/content/es/donativos.md
@@ -0,0 +1,24 @@
+---
+title: "☕️ Donativos"
+reading_time: false  # Show estimated reading time?
+share: false  # Show social sharing links?
+profile: false  # Show author profile?
+commentable: false  # Allow visitors to comment? Supported by the Page, Post, and Docs content types.
+editable: false  # Allow visitors to edit the page? Supported by the Page, Post, and Docs content types.
+breadcrumbs: [""]
+---
+
+**FisiQuímicamente** funciona **sin anuncios**. Si deseas reconocer nuestro esfuerzo, animándonos a seguir preparando materiales de calidad, puedes **invitarnos a un *café*** utilizando el servicio <img draggable="false" class="icon" alt="paypal" src="/icon/paypal.svg"> **Paypal**:
+
+<div align="center">
+<a href="https://www.paypal.com/donate/?business=5DYE3DLPRQTQG&no_recurring=0&item_name=¡Gracias%21+Con+tu+contribución+estás+ayudando+a+que+FisiQu%C3%ADmicamente+siga+mejorando.&currency_code=EUR" target="_blank" rel="noopener">
+<tgs-player autoplay loop mode="normal" style="width:50%;height:auto" src="/media/lottie/coffee.tgs" data-toggle="tooltip" data-placement="right" title aria-label="PayPal" data-original-title="Invítanos a un café">
+		</tgs-player>
+</a>
+</div>
+
+A día de hoy estamos cerca de **cubrir** la **mitad** de los **gastos** de la web relacionados con el dominio y el alojamiento para **2024**:
+
+<div class="progress" style="height: 2rem; font-size: 1.5rem">
+  <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="43" aria-valuemin="0" aria-valuemax="100" style="width: 43%">43&thinsp;%</div>
+</div>
diff --git a/content/es/post/hola-mundo/index.md b/content/es/post/hola-mundo/index.md
@@ -51,9 +51,9 @@ Las entradas de este blog van dirigidas a nuestros/as alumnos/as y a todo aquel
 
 ¿Conoces [Discord](https://discord.com/)? [Únete al servidor de Discord de <img draggable="false" class="icon" alt="fisiquimicamente" src="/icon/logo-fisiquimicamente.svg">](https://discord.gg/kJqPqTJ) y comienza a **participar** en la web comentando, dando tu opinión, realizando peticiones, sugerencias, etc.
 
-### *Cafés* (donaciones)
+### *Cafés* (donativos)
 
-Si deseas reconocer y alabar nuestro esfuerzo, animándonos a seguir preparando materiales de calidad, [puedes invitarnos a un *café*](https://www.paypal.com/donate/?business=5DYE3DLPRQTQG&no_recurring=0&item_name=¡Gracias%21+Con+tu+contribución+estás+ayudando+a+que+FisiQu%C3%ADmicamente+siga+mejorando.&currency_code=EUR) utilizando el servicio [{{< icon name="paypal" pack="svg" >}}PayPal](https://www.paypal.com/es/home). FisiQuímicamente funciona sin anuncios; todos los *cafés* se destinarán a costearla y seguir mejorándola.
+Si deseas reconocer nuestro esfuerzo, animándonos a seguir preparando materiales de calidad, [puedes invitarnos a un *café*](/donativos) utilizando el servicio [{{< icon name="paypal" pack="svg" >}}PayPal](https://www.paypal.com/es/home). FisiQuímicamente funciona sin anuncios; todos los *cafés* se destinarán a costearla y seguir mejorándola.
 
 ### Compartiendo
 

diff --git a/content/es/privacy.md b/content/es/privacy.md
@@ -19,7 +19,7 @@ breadcrumbs: [""]
 - [<img draggable="false" class="icon" alt="cloudflare" src="/icon/cloudflare.svg"> Cloudflare](https://www.cloudflare.com/es-es/privacypolicy/) para su despliegue/servicio y para las analíticas web.
 - [<img draggable="false" class="icon" alt="formspree" src="/icon/formspree.svg"> Formspree](https://formspree.io/legal/privacy-policy/) para el [formulario de contacto](/#contacto).
 - [<img draggable="false" class="icon" alt="google-fonts" src="/icon/google-fonts.svg"> Google Fonts](https://policies.google.com/privacy) para tipografías[^3].
-- [<img draggable="false" class="icon" alt="paypal" src="/icon/paypal.svg"> Paypal](https://www.paypal.com/es/webapps/mpp/ua/privacy-full) para los *cafés* (donaciones)[^4].
+- [<img draggable="false" class="icon" alt="paypal" src="/icon/paypal.svg"> Paypal](https://www.paypal.com/es/webapps/mpp/ua/privacy-full) para los *cafés* (donativos)[^4].
 - [<img draggable="false" class="icon" alt="cc" src="/icon/cc.svg"> Creative Commons](https://creativecommons.org/privacy/) para la [licencia](/licencia).
 
 [^3]: Actualmente la web utiliza las tipografías [Cabin Sketch](https://fonts.google.com/specimen/Cabin+Sketch), [EB Garamond](https://fonts.google.com/specimen/EB+Garamond) e [Inconsolata](https://fonts.google.com/specimen/Inconsolata). Además, [Cloudflare Fonts](https://www.cloudflare.com/es-es/cloudflare-fonts/) está activado.

diff --git a/layouts/partials/components/headers/navbar.html b/layouts/partials/components/headers/navbar.html
@@ -272,11 +272,11 @@
 	  <!-- Paypal -->
     <li class="nav-item">
       {{ if eq .Site.Language.Lang "es" }}
-        <a class="nav-link" href="https://www.paypal.com/donate/?business=5DYE3DLPRQTQG&no_recurring=0&item_name=¡Gracias%21+Con+tu+contribución+estás+ayudando+a+que+FisiQu%C3%ADmicamente+siga+mejorando.&currency_code=EUR" data-target="https://www.paypal.com/donate/?business=5DYE3DLPRQTQG&no_recurring=0&item_name=¡Gracias%21+Con+tu+contribución+estás+ayudando+a+que+FisiQu%C3%ADmicamente+siga+mejorando.&currency_code=EUR" target="_blank" rel="noopener" aria-label="PayPal"><span data-toggle="tooltip" data-placement="bottom" data-original-title="{{ i18n "paypal" }}">☕</span></a>        
+        <a class="nav-link" href="https://fisiquimicamente.com/donativos" data-target="https://fisiquimicamente.com/donativos" target="_blank" rel="noopener" aria-label="PayPal"><span data-toggle="tooltip" data-placement="bottom" data-original-title="{{ i18n "paypal" }}">☕</span></a>        
       {{ else if eq .Site.Language.Lang "ca" }}
-        <a class="nav-link" href="https://www.paypal.com/donate/?business=5DYE3DLPRQTQG&no_recurring=0&item_name=Gr%C3%A0cies%21+Amb+la+teva+contribuci%C3%B3+est%C3%A0s+ajudant+que+FisiQu%C3%ADmicament+segueixi+millorant.&currency_code=EUR" data-target="https://www.paypal.com/donate/?business=5DYE3DLPRQTQG&no_recurring=0&item_name=Gr%C3%A0cies%21+Amb+la+teva+contribuci%C3%B3+est%C3%A0s+ajudant+que+FisiQu%C3%ADmicament+segueixi+millorant.&currency_code=EUR" target="_blank" rel="noopener" aria-label="PayPal"><span data-toggle="tooltip" data-placement="bottom" data-original-title="{{ i18n "paypal" }}">☕</span></a>
+        <a class="nav-link" href="https://fisiquimicament.com/donatius" data-target="https://fisiquimicament.com/donatius" target="_blank" rel="noopener" aria-label="PayPal"><span data-toggle="tooltip" data-placement="bottom" data-original-title="{{ i18n "paypal" }}">☕</span></a>
       {{ else if eq .Site.Language.Lang "en" }}
-        <a class="nav-link" href="https://www.paypal.com/donate/?business=5DYE3DLPRQTQG&no_recurring=0&item_name=Thank+you%21+With+your+contribution+you+are+helping+PhysiChemically+continue+to+improve.&currency_code=EUR" data-target="https://www.paypal.com/donate/?business=5DYE3DLPRQTQG&no_recurring=0&item_name=Thank+you%21+With+your+contribution+you+are+helping+PhysiChemically+continue+to+improve.&currency_code=EUR" target="_blank" rel="noopener" aria-label="PayPal"><span data-toggle="tooltip" data-placement="bottom" data-original-title="{{ i18n "paypal" }}">☕</span></a>
+        <a class="nav-link" href="https://physichemically.com/donations" data-target="https://physichemically.com/donations" target="_blank" rel="noopener" aria-label="PayPal"><span data-toggle="tooltip" data-placement="bottom" data-original-title="{{ i18n "paypal" }}">☕</span></a>
       {{ end }}
     </li>