Nikola auto commit.

Nikola version: 8.3.3

files/assets/css/custom.css

@@ -35,3 +35,14 @@
     border-radius: 0;
     background: rgba(0,0,0,.03);
 }
+
+/*
+*
+* Customization for btn
+*
+*/
+.btn span {
+  position: absolute;
+  left: 5px;
+  width: 35px;
+}

pages/donate.md

@@ -14,11 +14,11 @@ Para poder apoyar nuestro proyecto {{% blog_title %}}, si puedes, agradecemos do
 # Pagos en línea<a href="#olp"></a>
 
 <center>
-  {{% button link="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;lc=es&amp;hosted_button_id=3BY3P73M4DLDY" img="/assets/img/paypal_logo.svg" width="350px" "Donar con PayPal o tarjeta" %}}
+  {{% button link="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;lc=es&amp;hosted_button_id=3BY3P73M4DLDY" img="/assets/img/paypal_logo.svg" width="370px" "Donar con PayPal o tarjeta" %}}
   
   &nbsp;
   
-  {{% button link="https://liberapay.com/EDUCATIC" img="/assets/img/liberapay_logo.svg" width="350px" "Donar periódicamente con Liberapay" %}}
+  {{% button link="https://liberapay.com/EDUCATIC" img="/assets/img/liberapay_logo.svg" width="370px" "Donar periódicamente con Liberapay" %}}
 </center>
 
 

pages/services.rst

@@ -10,35 +10,35 @@
     .. accordion::
        :cols: 2
 
-      :sc:`{{% button link="https://nube.txs.es/" img="/assets/img/nextcloud_logo.svg" width="220px" "Nube Nextcloud" %}}`
+      :sc:`{{% button link="https://nube.txs.es/" img="/assets/img/nextcloud_logo.svg" width="240px" "Nube Nextcloud" %}}`
       Almacenamiento de ficheros en tu nube. Compartelos y colabora con otros, sincronízalos con tu ordenador. Calendarios, tareas, contactos, formularios y mucho mas. Tus datos bajo tu control. `Nextcloud <https://nextcloud.com/es/>`_ además nos permite integrar la mayoría del resto de servicios bajo su interfaz
 
 
-      :sc:`{{% button link="https://buzon.txs.es/" img="/assets/img/email.svg" width="220px" "Correo electrónico" %}}`
+      :sc:`{{% button link="https://buzon.txs.es/" img="/assets/img/email.svg" width="240px" "Correo electrónico" %}}`
       Servicio de correo electronico bajo dominio @txs.es, seguro y libre de rastreos. Accesible mediante cliente IMAP o usando nuestra interface web, pudiendo agregar otras de tus cuentas
 
 
-      :sc:`{{% button link="https://txs.es:5443/conversejs/" img="/assets/img/xmpp.svg" width="220px" "Chat XMPP" %}}`
+      :sc:`{{% button link="https://txs.es:5443/conversejs/" img="/assets/img/xmpp.svg" width="240px" "Chat XMPP" %}}`
       Mensajería instantánea descentralizada bajo :doc:`protocolo XMPP <xmpp>` y dominio @txs.es, flexible y privado. Accesible también usando nuestra interface web
 
 
-      :sc:`{{% button link="https://nube.txs.es/apps/bbb/" img="/assets/img/bbb_logo.svg" width="220px" "Conferencias BBB" %}}`
+      :sc:`{{% button link="https://nube.txs.es/apps/bbb/" img="/assets/img/bbb_logo.svg" width="240px" "Conferencias BBB" %}}`
       Videonferencias mediante `BigBlueButton <https://bigbluebutton.org/>`_, herramienta especialmente orientada al aprendizaje en línea. Permite compartir audio, vídeo, diapositivas, pizarra, notas, chat y pantalla en tiempo real. Encuestas, salas de grupos, grabación de sesiones, evaluación y mucho mas
 
 
-      :sc:`{{% button link="https://tuvideo.txs.es/" img="/assets/img/peertube.svg" width="220px" "Vídeos PeerTube" %}}`
+      :sc:`{{% button link="https://tuvideo.txs.es/" img="/assets/img/peertube.svg" width="240px" "Vídeos PeerTube" %}}`
       Plataforma de vídeos mediante `PeerTube <https://joinpeertube.org/es>`_, comparte tus vídeos en una gran red interconectada, sin rastreos ni publicidad. Con la eficiencia de la tecnología P2P
 
 
-      :sc:`{{% button link="https://txs.es/" img="/assets/img/mastodon.svg" width="220px" "Red Social Mastodon" %}}`
+      :sc:`{{% button link="https://txs.es/" img="/assets/img/mastodon.svg" width="240px" "Red Social Mastodon" %}}`
       Red social descentralizada bajo dominio @txs.es, enfocada en la privacidad y control del usuario. Sin rastreos ni publicidad dirigida, e interoperable con otras plataformas
 
 
-      :sc:`{{% button link="https://git.txs.es/" img="/assets/img/git_logo.svg" width="220px" "Repositorio Git" %}}`
+      :sc:`{{% button link="https://git.txs.es/" img="/assets/img/git_logo.svg" width="240px" "Repositorio Git" %}}`
       Sistema de gestión de versiones Git, gestiona tus proyectos y publica tu código y/o documentos. Registra todos los cambios por los que van pasando tus ficheros y crea una comunidad alrededor de tus proyectos
 
 
-      :sc:`{{% button link="https://eventos.txs.es/" img="/assets/img/gancio_logo.svg" width="220px" "Eventos Gancio" %}}`
+      :sc:`{{% button link="https://eventos.txs.es/" img="/assets/img/gancio_logo.svg" width="240px" "Eventos Gancio" %}}`
       Plataforma de gestión de eventos mediante `Gancio <https://gancio.org/>`_, herramienta para organizar y promocionar eventos de forma descentralizada y colaborativa
 
 

shortcodes/button.tmpl

@@ -11,15 +11,19 @@ where <link> is the destination of the button, <img> is a link to an optionma im
 
 </%doc>
 
-% if width is UNDEFINED:
+<% s = "" %>
-<a href="${link}" class="btn btn-primary">
+% if img is not UNDEFINED:
-% else:
+  <% s += "height:49px;position:relative;padding-left:47px;padding-right:37px;" %>
-<a href="${link}" class="btn btn-primary" style="width:${width};">
 % endif
-  % if img is UNDEFINED:
+% if width is not UNDEFINED:
-    <img class="d-inline-block align-center">
+  <% s += "width:" + width + ";" %>
-  % else:
+% endif
-    <img src="${img}" width="35" height="35" class="d-inline-block align-center">
+
+<a href="${link}" class="btn btn-primary" style="${s}">
+  % if img is not UNDEFINED:
+    <span>
+      <img src="${img}" width="35" height="35" class="d-inline-block align-center">
+    </span>
   % endif
   ${_args[0]}
 </a>