desy-html 16.0.4 → 17.0.0

package/docs/pagina-accesibilidad.html

@@ -1,110 +1,110 @@
-{% set title = "Accesibilidad. Título de app. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
-{% extends "pages/_template.logged-out.njk" %}
-
-{% block contentBlock %}
-  <div class="pb-lg"></div>
-  <div class="prose">
-    <h1>Accesibilidad</h1>
-    <p class="text-lg mb-0">
-      Plantilla en desy-html: src/templates/pages/_template.logged-out.njk
-    </p>
-    <p class="text-lg mt-0">
-      <a href="https://bitbucket.org/sdaragon/desy-html/src/master/docs/pagina-accesibilidad.html" class="c-link" target="_blank" title="Se abre en ventana nueva">Ver código Nunjucks de esta página<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="0.8em" width="0.8em" class="inline-block mx-xs no-underline align-baseline" aria-hidden="true" focusable="false" role="presentation"><g><path d="M23.25,0h-8a.74.74,0,0,0-.69.47.74.74,0,0,0,.16.81L18,4.51l-9.45,9.3a1,1,0,0,0,0,1.41,1,1,0,0,0,.71.3,1,1,0,0,0,.7-.28l9.48-9.33,3.29,3.24a.74.74,0,0,0,.53.22.72.72,0,0,0,.29-.06A.74.74,0,0,0,24,8.62V.75A.76.76,0,0,0,23.25,0Z" fill="currentColor"></path><path d="M18.5,10.62a1,1,0,0,0-1,1V22H2V6.5H12.37a1,1,0,0,0,0-2H1.87A1.87,1.87,0,0,0,0,6.37V22.12A1.88,1.88,0,0,0,1.87,24H17.62a1.88,1.88,0,0,0,1.88-1.88V11.62A1,1,0,0,0,18.5,10.62Z" fill="currentColor"></path></g></svg></a>
-    </p>
-    <p class="text-lg">{{ branding.organization.name if branding else "Esta organización" }} se ha comprometido a hacer accesible su sitio web, de conformidad con el <a href="#">Real Decreto 1112/2018, de 7 de septiembre, sobre accesibilidad de los sitios web y aplicaciones para dispositivos móviles del sector público</a>.</p>
-    <p class="text-lg">La presente declaración de accesibilidad se aplica al <a href="#">sitio web actual aragon.es</a> (los subdominios de este sitio web tendrán sus propias declaraciones de accesibilidad).</p>
-  </div>
-  <div class="py-xl"></div>
-  <div class="prose">
-    <h2>Situación de cumplimiento</h2>
-    <p>Este sitio web es parcialmente conforme con el Real Decreto 1112/2018, de 7 de septiembre, debido a las excepciones y falta de conformidad de los aspectos que se indican a continuación.</p>
-
-    <h2>Contenido no accesible</h2>
-    <p>Estamos trabajando para que el portal alcance el máximo nivel de accesibilidad, pero algunos contenidos no son todavía plenamente accesibles por las razones que se recogen a continuación.</p>
-    <ol>
-      <li>
-        <h3>Falta de conformidad con el Real Decreto 1112/2018</h3>
-        <ul>
-          <li>algunas tablas pueden presentar problemas porque están pendientes de adaptar a la nueva normativa [requisito número 9.1.3.1]</li>
-          <li>algunas páginas que recogen enlaces de órdenes, decretos, etc. (normativa) tienen una longitud excesiva lo que puede dar problemas relacionados con el propósito de los enlaces [requisito número 9.2.4.4]</li>
-          <li>debido al gestor de contenidos empleado en este portal surgen errores en el procesamiento de las hojas CSS [requisitos número 9.1.3.1. y número 9.4.1.1]</li>
-        </ul>
-        <p>Actualmente contamos con un equipo de revisión que está subsanando estos errores.</p>
-        <p>Podrían existir archivos ofimáticos en PDF, u otros formatos, publicados después del 20 de septiembre de 2018, que no cumplan en su totalidad todos los requisitos de accesibilidad.</p>
-        <p>Los archivos ofimáticos en PDF, u otros formatos, vinculados en este portal y que son responsabilidad de terceros, podrían no ser accesibles.</p>
-        <p>Los documentos PDF, firmados electrónicamente con anterioridad al 20 de septiembre de 2018, no son accesibles. Si algún ciudadano o ciudadana está interesada en la accesibilidad de alguno de estos documentos, puede solicitarlo a <a href="mailto:portalpublico@aragon.es">portalpublico@aragon.es</a>, y le enviaremos el texto en un documento accesible, a la mayor brevedad.</p>
-      </li>
-      <li>
-        <h3>Carga desproporcionada</h3>
-        <p>No aplica.</p>
-      </li>
-      <li>
-        <h3>El contenido no entra dentro del ámbito de la legislación aplicable</h3>
-        <p>Podrían existir archivos ofimáticos en PDF, u otros formatos, publicados antes del 20 de septiembre de 2018, que no cumplan en su totalidad todos los requisitos de accesibilidad.</p>
-        <p>Los mapas de ubicación de los organismos podrían no ser plenamente accesibles, pero se incluye junto a los mismos la información esencial de manera accesible.</p>
-      </li>
-    </ol>
-
-    <h2>Preparación de la presente declaración de accesibilidad</h2>
-    <p>La presente declaración fue preparada el 24/05/2019 tras una auditoría externa mediante evaluación manual y automática de las páginas a las que aplica.</p>
-
-    <p>Última revisión de la declaración: 24/01/2020.</p>
-
-    <h2>Observaciones y datos de contacto</h2>
-    <p>Puede realizar comunicaciones sobre requisitos de accesibilidad (artículo 10.2.a) del Real Decreto 1112/2018, de 7 de septiembre) como, por ejemplo:</p>
-    <ul>
-      <li>Informar sobre cualquier posible incumplimiento por parte de este sitio web.</li>
-      <li>Transmitir otras dificultades de acceso al contenido.</li>
-      <li>Formular cualquier otra consulta o sugerencia de mejora relativa a la accesibilidad del sitio web.</li>
-    </ul>
-
-    <p>A través de las siguientes vías:</p>
-    <ul>
-      <li>Correo electrónico: <a href="mailto:portalpublico@aragon.es">portalpublico@aragon.es</a>.</li>
-      <li><a href="#">Trámite de quejas y sugerencias</a> sobre el funcionamiento de los servicios públicos gestionados por la Diputación General de Aragón.</li>
-      <li>Teléfono: 976 713 728.</li>
-    </ul>
-
-    <h2>Procedimiento de aplicación</h2>
-    <p>El procedimiento de reclamación recogido en el artículo 13 del Real Decreto 1112/2018, de 7 de septiembre, entrará en vigor el 20 de septiembre de 2020.</p>
-
-    <h2>Acciones de mejora de la accesibilidad</h2>
-    <p>{{ branding.organization.name if branding else "Esta organización" }} quiere mejorar la accesibilidad del portal más allá del nivel de exigido por el Real Decreto 1112/2018, por ello se han dado los siguientes pasos:</p>
-    <ol>
-      <li>
-        <h3>Cumplimiento de requisitos de accesibilidad de nivel AAA</h3>
-        <p>Actualmente cumplen con el nivel AAA de la <a href="http://administracionelectronica.gob.es/PAe/accesibilidad/une-en-301549-2019.pdf">norma UNE-EN 301549 (PDF, 2,21 MB)</a> las siguientes páginas del portal:</p>
-        <ul>
-          <li><a href="#">Home</a>.</li>
-          <li><a href="#">Actualidad</a>.</li>
-          <li><a href="#">Buscador</a>.</li>
-          <li>Páginas de Temas, Subtemas y Organismos.</li>
-        </ul>
-        <p>La paleta de colores utilizada cumple con el nivel AAA.</p>
-      </li>
-      <li>
-        <h3>Inclusión de la tecnología Texto a voz</h3>
-        <p>La herramienta de código abierto "text to speech" permite escuchar el contenido del portal o descargarlo en formato .mp3.</p>
-        <p>Puede acceder a esta funcionalidad en las páginas interiores del portal mediante el icono situado antes del contenido.</p>
-      </li>
-      <li>
-        <h3>Selección de estilos visuales</h3>
-        <p>La programación del portal se ha realizado utilizando hojas de estilo (CSS). Si el navegador o dispositivo de navegación no soporta hojas de estilo, la página web sigue siendo legible gracias a su marcación estructural.</p>
-        <p>En la cabecera de las páginas puede aumentar o disminuir el tamaño de letra mediante las siguientes opciones:</p>
-        <ul>
-          <li>[icono de la web A+]: disminuye el tamaño del texto.</li>
-          <li>[icono de la web A-]: aumenta el tamaño del texto.</li>
-        </ul>
-      </li>
-      <li>
-        <h3>Visualización Responsive</h3>
-        <p>El portal ha sido diseñado para su óptima visualización en los dispositivos tablet y móvil.</p>
-      </li>
-    </ol>
-
-
-
-
-  </div>
-
-{% endblock %}
+{% set title = "Accesibilidad. Título de app. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
+{% extends "pages/_template.logged-out.njk" %}
+
+{% block contentBlock %}
+  <div class="pb-lg"></div>
+  <div class="prose">
+    <h1>Accesibilidad</h1>
+    <p class="text-lg mb-0">
+      Plantilla en desy-html: src/templates/pages/_template.logged-out.njk
+    </p>
+    <p class="text-lg mt-0">
+      <a href="https://bitbucket.org/sdaragon/desy-html/src/master/docs/pagina-accesibilidad.html" class="c-link" target="_blank" title="Se abre en ventana nueva">Ver código Nunjucks de esta página<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="0.8em" width="0.8em" class="inline-block mx-xs no-underline align-baseline" aria-hidden="true" focusable="false" role="presentation"><g><path d="M23.25,0h-8a.74.74,0,0,0-.69.47.74.74,0,0,0,.16.81L18,4.51l-9.45,9.3a1,1,0,0,0,0,1.41,1,1,0,0,0,.71.3,1,1,0,0,0,.7-.28l9.48-9.33,3.29,3.24a.74.74,0,0,0,.53.22.72.72,0,0,0,.29-.06A.74.74,0,0,0,24,8.62V.75A.76.76,0,0,0,23.25,0Z" fill="currentColor"></path><path d="M18.5,10.62a1,1,0,0,0-1,1V22H2V6.5H12.37a1,1,0,0,0,0-2H1.87A1.87,1.87,0,0,0,0,6.37V22.12A1.88,1.88,0,0,0,1.87,24H17.62a1.88,1.88,0,0,0,1.88-1.88V11.62A1,1,0,0,0,18.5,10.62Z" fill="currentColor"></path></g></svg></a>
+    </p>
+    <p class="text-lg">{{ branding.organization.name if branding else "Esta organización" }} se ha comprometido a hacer accesible su sitio web, de conformidad con el <a href="#">Real Decreto 1112/2018, de 7 de septiembre, sobre accesibilidad de los sitios web y aplicaciones para dispositivos móviles del sector público</a>.</p>
+    <p class="text-lg">La presente declaración de accesibilidad se aplica al <a href="#">sitio web actual aragon.es</a> (los subdominios de este sitio web tendrán sus propias declaraciones de accesibilidad).</p>
+  </div>
+  <div class="py-xl"></div>
+  <div class="prose">
+    <h2>Situación de cumplimiento</h2>
+    <p>Este sitio web es parcialmente conforme con el Real Decreto 1112/2018, de 7 de septiembre, debido a las excepciones y falta de conformidad de los aspectos que se indican a continuación.</p>
+
+    <h2>Contenido no accesible</h2>
+    <p>Estamos trabajando para que el portal alcance el máximo nivel de accesibilidad, pero algunos contenidos no son todavía plenamente accesibles por las razones que se recogen a continuación.</p>
+    <ol>
+      <li>
+        <h3>Falta de conformidad con el Real Decreto 1112/2018</h3>
+        <ul>
+          <li>algunas tablas pueden presentar problemas porque están pendientes de adaptar a la nueva normativa [requisito número 9.1.3.1]</li>
+          <li>algunas páginas que recogen enlaces de órdenes, decretos, etc. (normativa) tienen una longitud excesiva lo que puede dar problemas relacionados con el propósito de los enlaces [requisito número 9.2.4.4]</li>
+          <li>debido al gestor de contenidos empleado en este portal surgen errores en el procesamiento de las hojas CSS [requisitos número 9.1.3.1. y número 9.4.1.1]</li>
+        </ul>
+        <p>Actualmente contamos con un equipo de revisión que está subsanando estos errores.</p>
+        <p>Podrían existir archivos ofimáticos en PDF, u otros formatos, publicados después del 20 de septiembre de 2018, que no cumplan en su totalidad todos los requisitos de accesibilidad.</p>
+        <p>Los archivos ofimáticos en PDF, u otros formatos, vinculados en este portal y que son responsabilidad de terceros, podrían no ser accesibles.</p>
+        <p>Los documentos PDF, firmados electrónicamente con anterioridad al 20 de septiembre de 2018, no son accesibles. Si algún ciudadano o ciudadana está interesada en la accesibilidad de alguno de estos documentos, puede solicitarlo a <a href="mailto:portalpublico@aragon.es">portalpublico@aragon.es</a>, y le enviaremos el texto en un documento accesible, a la mayor brevedad.</p>
+      </li>
+      <li>
+        <h3>Carga desproporcionada</h3>
+        <p>No aplica.</p>
+      </li>
+      <li>
+        <h3>El contenido no entra dentro del ámbito de la legislación aplicable</h3>
+        <p>Podrían existir archivos ofimáticos en PDF, u otros formatos, publicados antes del 20 de septiembre de 2018, que no cumplan en su totalidad todos los requisitos de accesibilidad.</p>
+        <p>Los mapas de ubicación de los organismos podrían no ser plenamente accesibles, pero se incluye junto a los mismos la información esencial de manera accesible.</p>
+      </li>
+    </ol>
+
+    <h2>Preparación de la presente declaración de accesibilidad</h2>
+    <p>La presente declaración fue preparada el 24/05/2019 tras una auditoría externa mediante evaluación manual y automática de las páginas a las que aplica.</p>
+
+    <p>Última revisión de la declaración: 24/01/2020.</p>
+
+    <h2>Observaciones y datos de contacto</h2>
+    <p>Puede realizar comunicaciones sobre requisitos de accesibilidad (artículo 10.2.a) del Real Decreto 1112/2018, de 7 de septiembre) como, por ejemplo:</p>
+    <ul>
+      <li>Informar sobre cualquier posible incumplimiento por parte de este sitio web.</li>
+      <li>Transmitir otras dificultades de acceso al contenido.</li>
+      <li>Formular cualquier otra consulta o sugerencia de mejora relativa a la accesibilidad del sitio web.</li>
+    </ul>
+
+    <p>A través de las siguientes vías:</p>
+    <ul>
+      <li>Correo electrónico: <a href="mailto:portalpublico@aragon.es">portalpublico@aragon.es</a>.</li>
+      <li><a href="#">Trámite de quejas y sugerencias</a> sobre el funcionamiento de los servicios públicos gestionados por la Diputación General de Aragón.</li>
+      <li>Teléfono: 976 713 728.</li>
+    </ul>
+
+    <h2>Procedimiento de aplicación</h2>
+    <p>El procedimiento de reclamación recogido en el artículo 13 del Real Decreto 1112/2018, de 7 de septiembre, entrará en vigor el 20 de septiembre de 2020.</p>
+
+    <h2>Acciones de mejora de la accesibilidad</h2>
+    <p>{{ branding.organization.name if branding else "Esta organización" }} quiere mejorar la accesibilidad del portal más allá del nivel de exigido por el Real Decreto 1112/2018, por ello se han dado los siguientes pasos:</p>
+    <ol>
+      <li>
+        <h3>Cumplimiento de requisitos de accesibilidad de nivel AAA</h3>
+        <p>Actualmente cumplen con el nivel AAA de la <a href="http://administracionelectronica.gob.es/PAe/accesibilidad/une-en-301549-2019.pdf">norma UNE-EN 301549 (PDF, 2,21 MB)</a> las siguientes páginas del portal:</p>
+        <ul>
+          <li><a href="#">Home</a>.</li>
+          <li><a href="#">Actualidad</a>.</li>
+          <li><a href="#">Buscador</a>.</li>
+          <li>Páginas de Temas, Subtemas y Organismos.</li>
+        </ul>
+        <p>La paleta de colores utilizada cumple con el nivel AAA.</p>
+      </li>
+      <li>
+        <h3>Inclusión de la tecnología Texto a voz</h3>
+        <p>La herramienta de código abierto "text to speech" permite escuchar el contenido del portal o descargarlo en formato .mp3.</p>
+        <p>Puede acceder a esta funcionalidad en las páginas interiores del portal mediante el icono situado antes del contenido.</p>
+      </li>
+      <li>
+        <h3>Selección de estilos visuales</h3>
+        <p>La programación del portal se ha realizado utilizando hojas de estilo (CSS). Si el navegador o dispositivo de navegación no soporta hojas de estilo, la página web sigue siendo legible gracias a su marcación estructural.</p>
+        <p>En la cabecera de las páginas puede aumentar o disminuir el tamaño de letra mediante las siguientes opciones:</p>
+        <ul>
+          <li>[icono de la web A+]: disminuye el tamaño del texto.</li>
+          <li>[icono de la web A-]: aumenta el tamaño del texto.</li>
+        </ul>
+      </li>
+      <li>
+        <h3>Visualización Responsive</h3>
+        <p>El portal ha sido diseñado para su óptima visualización en los dispositivos tablet y móvil.</p>
+      </li>
+    </ol>
+
+
+
+
+  </div>
+
+{% endblock %}

package/docs/pagina-mapa-web.html

@@ -1,137 +1,137 @@
-{% set title = "Mapa web. Título de app. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
-{% extends "pages/_template.logged-out.njk" %}
-
-{% block contentBlock %}
-  <div class="pb-lg"></div>
-  <div class="prose">
-    <h1>Mapa web</h1>
-    <p class="text-lg mb-0">
-      Plantilla en desy-html: src/templates/pages/_template.logged-out.njk
-    </p>
-    <p class="text-lg mt-0">
-      <a href="https://bitbucket.org/sdaragon/desy-html/src/master/docs/pagina-mapa-web.html" class="c-link" target="_blank" title="Se abre en ventana nueva">Ver código Nunjucks de esta página<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="0.8em" width="0.8em" class="inline-block mx-xs no-underline align-baseline" aria-hidden="true" focusable="false" role="presentation"><g><path d="M23.25,0h-8a.74.74,0,0,0-.69.47.74.74,0,0,0,.16.81L18,4.51l-9.45,9.3a1,1,0,0,0,0,1.41,1,1,0,0,0,.71.3,1,1,0,0,0,.7-.28l9.48-9.33,3.29,3.24a.74.74,0,0,0,.53.22.72.72,0,0,0,.29-.06A.74.74,0,0,0,24,8.62V.75A.76.76,0,0,0,23.25,0Z" fill="currentColor"></path><path d="M18.5,10.62a1,1,0,0,0-1,1V22H2V6.5H12.37a1,1,0,0,0,0-2H1.87A1.87,1.87,0,0,0,0,6.37V22.12A1.88,1.88,0,0,0,1.87,24H17.62a1.88,1.88,0,0,0,1.88-1.88V11.62A1,1,0,0,0,18.5,10.62Z" fill="currentColor"></path></g></svg></a>
-    </p>
-    <p class="text-lg">Colección de las secciones principales de este sitio web y sus subsecciones.</p>
-  </div>
-  <div class="py-xl"></div>
-  <div class="mb-xl">
-    <h2 class="c-h2 group"><a href="#" class="c-link">Categorías de trámites</a></h2>
-    <div class="prose mb-base">
-      <p>
-        Listado de categorías en las que se ordenan los trámites.
-      </p>
-    </div>
-    <ul>
-      <li class="mb-base">
-        <a class="c-link" href="#">Actividades industriales y energía</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Atención social y dependencia</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Cultura, ocio y turismo</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Derechos y servicios de ciudadano</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Educación, investigación y desarrollo</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Empleo y trabajo</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Empresa, comercio y asociaciones</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Infraestructuras, transportes y carreteras</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Medio ambiente</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Medio rural, agricultura y ganadería</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Salud</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Vivienda</a>
-      </li>
-    </ul>
-  </div>
-  <div class="mb-xl">
-    <h2 class="c-h2 group"><a href="#" class="c-link">Servicios de la Sede electrónica</a></h2>
-    <div class="prose mb-base">
-      <p>
-        Listado completo de servicios que ofrecemos.
-      </p>
-    </div>
-    <ul>
-      <li class="mb-base">
-        <a class="c-link" href="#">Cita previa</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Carpeta Ciudadana</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Registro electrónico general de la Administración</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Subsanación o mejora de la solicitud de inicio de un procedimiento</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Aportación de documentos a procedimientos en trámite</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Notificaciones electrónicas</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Verificador CSV de documentos</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Interposición de recursos ante la Administración</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Sellos de órgano</a>
-      </li>
-    </ul>
-  </div>
-  <div class="mb-xl">
-    <h2 class="c-h2 group">Información y ayuda para la tramitación</h2>
-    <ul>
-      <li class="mb-base">
-        <a class="c-link" href="#">Preguntas frecuentes</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Guía de tramitación</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Oficinas de información y Registro</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Contacto y ayuda técnica</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="#">Sobre la Sede Electrónica de {{ branding.organization.name if branding else "la organización" }}</a>
-      </li>
-    </ul>
-  </div>
-  <div class="mb-xl">
-    <h2 id="accesibilidad" class="c-h2"><a href="#" class="c-link">Accesibilidad</a></h2>
-    <div class="prose mb-base">
-      <p>
-        Conoce el nivel de accesibilidad de la web y obtén información adicional al respecto.
-      </p>
-    </div>
-  </div>
-  <div class="mb-xl">
-    <h2 id="mapa-web" class="c-h2"><a href="#" class="c-link">Mapa web</a></h2>
-    <div class="prose mb-base">
-      <p>
-        Colección de las secciones principales de este sitio web y sus subsecciones.
-      </p>
-    </div>
-  </div>
-
-{% endblock %}
+{% set title = "Mapa web. Título de app. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
+{% extends "pages/_template.logged-out.njk" %}
+
+{% block contentBlock %}
+  <div class="pb-lg"></div>
+  <div class="prose">
+    <h1>Mapa web</h1>
+    <p class="text-lg mb-0">
+      Plantilla en desy-html: src/templates/pages/_template.logged-out.njk
+    </p>
+    <p class="text-lg mt-0">
+      <a href="https://bitbucket.org/sdaragon/desy-html/src/master/docs/pagina-mapa-web.html" class="c-link" target="_blank" title="Se abre en ventana nueva">Ver código Nunjucks de esta página<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="0.8em" width="0.8em" class="inline-block mx-xs no-underline align-baseline" aria-hidden="true" focusable="false" role="presentation"><g><path d="M23.25,0h-8a.74.74,0,0,0-.69.47.74.74,0,0,0,.16.81L18,4.51l-9.45,9.3a1,1,0,0,0,0,1.41,1,1,0,0,0,.71.3,1,1,0,0,0,.7-.28l9.48-9.33,3.29,3.24a.74.74,0,0,0,.53.22.72.72,0,0,0,.29-.06A.74.74,0,0,0,24,8.62V.75A.76.76,0,0,0,23.25,0Z" fill="currentColor"></path><path d="M18.5,10.62a1,1,0,0,0-1,1V22H2V6.5H12.37a1,1,0,0,0,0-2H1.87A1.87,1.87,0,0,0,0,6.37V22.12A1.88,1.88,0,0,0,1.87,24H17.62a1.88,1.88,0,0,0,1.88-1.88V11.62A1,1,0,0,0,18.5,10.62Z" fill="currentColor"></path></g></svg></a>
+    </p>
+    <p class="text-lg">Colección de las secciones principales de este sitio web y sus subsecciones.</p>
+  </div>
+  <div class="py-xl"></div>
+  <div class="mb-xl">
+    <h2 class="c-h2 group"><a href="#" class="c-link">Categorías de trámites</a></h2>
+    <div class="prose mb-base">
+      <p>
+        Listado de categorías en las que se ordenan los trámites.
+      </p>
+    </div>
+    <ul>
+      <li class="mb-base">
+        <a class="c-link" href="#">Actividades industriales y energía</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Atención social y dependencia</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Cultura, ocio y turismo</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Derechos y servicios de ciudadano</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Educación, investigación y desarrollo</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Empleo y trabajo</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Empresa, comercio y asociaciones</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Infraestructuras, transportes y carreteras</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Medio ambiente</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Medio rural, agricultura y ganadería</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Salud</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Vivienda</a>
+      </li>
+    </ul>
+  </div>
+  <div class="mb-xl">
+    <h2 class="c-h2 group"><a href="#" class="c-link">Servicios de la Sede electrónica</a></h2>
+    <div class="prose mb-base">
+      <p>
+        Listado completo de servicios que ofrecemos.
+      </p>
+    </div>
+    <ul>
+      <li class="mb-base">
+        <a class="c-link" href="#">Cita previa</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Carpeta Ciudadana</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Registro electrónico general de la Administración</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Subsanación o mejora de la solicitud de inicio de un procedimiento</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Aportación de documentos a procedimientos en trámite</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Notificaciones electrónicas</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Verificador CSV de documentos</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Interposición de recursos ante la Administración</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Sellos de órgano</a>
+      </li>
+    </ul>
+  </div>
+  <div class="mb-xl">
+    <h2 class="c-h2 group">Información y ayuda para la tramitación</h2>
+    <ul>
+      <li class="mb-base">
+        <a class="c-link" href="#">Preguntas frecuentes</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Guía de tramitación</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Oficinas de información y Registro</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Contacto y ayuda técnica</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="#">Sobre la Sede Electrónica de {{ branding.organization.name if branding else "la organización" }}</a>
+      </li>
+    </ul>
+  </div>
+  <div class="mb-xl">
+    <h2 id="accesibilidad" class="c-h2"><a href="#" class="c-link">Accesibilidad</a></h2>
+    <div class="prose mb-base">
+      <p>
+        Conoce el nivel de accesibilidad de la web y obtén información adicional al respecto.
+      </p>
+    </div>
+  </div>
+  <div class="mb-xl">
+    <h2 id="mapa-web" class="c-h2"><a href="#" class="c-link">Mapa web</a></h2>
+    <div class="prose mb-base">
+      <p>
+        Colección de las secciones principales de este sitio web y sus subsecciones.
+      </p>
+    </div>
+  </div>
+
+{% endblock %}