NVDA Spanish website: start adding a form to join this group

_includes/svg-icons.html

@@ -11,6 +11,6 @@
 {% if site.footer-links.stackoverflow %}<a href="http://stackoverflow.com/{{ site.footer-links.stackoverflow }}"><i class="svg-icon stackoverflow"></i></a>{% endif %}
 {% if site.footer-links.youtube %}<a href="https://youtube.com/{{ site.footer-links.youtube }}"><i class="svg-icon youtube"></i></a>{% endif %}
 {% if site.footer-links.googleplus %}<a href="https://plus.google.com/{{ site.footer-links.googleplus }}"><i class="svg-icon googleplus"></i></a>{% endif %}
-<a href="mailto:nvdaes+subscribe@groups.io">Suscribirse a actualizaciones por correo electrónico</a>
+< a href="{{ site.baseurl }}/group">Suscribirse a actualizaciones por correo electrónico</a>
 <a href="{{ site.baseurl }}/contact">Formulario de contacto</a>
 <p>Última actualización: 10 de agosto de 2017</p>

group.html

@@ -0,0 +1,51 @@
+---
+title: Formulario de suscripción a actualizaciones por correo electrónico
+layout: page
+---
+
+<p>En esta lista se recibirán las actualizaciones del canal de noticias, relativas a entradas del blog, y cambios en el <a href="https://github.com/nvdaes/nvdaes.github.io">repositorio de esta web</a></p>
+<p>Tanto <a href="https://groups.io">Groups.io</a>, la plataforma del foro, como <a href="https://github.com">GitHub</a>, donde se aloja el repositorio de la web, ofrecen su interfaz en inglés, por lo que parte de los mensajes enviados al grupo podrá presentarse en este idioma</p>
+
+<div class="classictemplate template" style="display: block;">
+<style type="text/css">
+  #groupsio_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
+  #groupsio_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
+  #groupsio_embed_signup .email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:58%; min-width:130px;}
+  #groupsio_embed_signup {
+    background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; 
+  }
+  #groupsio_embed_signup .button {
+
+      width:25%; margin:0 0 10px 0; min-width:90px;
+      background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
+      background-repeat: repeat-x;
+      border-color: #245580;
+      text-shadow: 0 -1px 0 rgba(0,0,0,.2);
+      box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
+      padding: 5px 10px;
+      font-size: 12px;
+      line-height: 1.5;
+      border-radius: 3px;
+      color: #fff;
+      background-color: #337ab7;
+      display: inline-block;
+      margin-bottom: 0;
+      font-weight: 400;
+      text-align: center;
+      white-space: nowrap;
+      vertical-align: middle;
+    }
+</style>
+<div id="groupsio_embed_signup">
+<form action="https://nvdaes.groups.io/g/main/signup?u=3475422601421153443" method="post" id="groupsio-embedded-subscribe-form" name="groupsio-embedded-subscribe-form" target="_blank">
+    <div id="groupsio_embed_signup_scroll">
+      <label for="email" id="templateformtitle">Suscríbete a nuestro grupo</label>
+      <input value="" name="email" class="email" id="email" placeholder="Tu dirección de correo electrónico" required="" type="email">
+
+    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input name="b_3475422601421153443" tabindex="-1" value="" type="text"></div>
+    <div id="templatearchives"></div>
+    <input value="Subscribe" name="suscribirse" id="groupsio-embedded-subscribe" class="button" type="submit">
+  </div>
+</form>
+</div>
+</div>