From a5a5a5a8839938cf0ff230d4487da12e8d7d76b9 Mon Sep 17 00:00:00 2001
From: Laegnur <laegnur@artabro.org>
Date: Mon, 27 Feb 2023 17:10:20 +0100
Subject: [PATCH] Correccions de estilos.

---
 site/templates/blogue.php                   |  2 +-
 site/templates/css/style.css                | 18 ++++++------
 site/templates/layout/func.php              | 20 ++++++-------
 site/templates/layout/partial/main_foot.php | 18 ++++++------
 site/templates/layout/partial/main_head.php | 32 ++++++++++-----------
 5 files changed, 45 insertions(+), 45 deletions(-)

diff --git a/site/templates/blogue.php b/site/templates/blogue.php
index 1a2761b..82121ef 100644
--- a/site/templates/blogue.php
+++ b/site/templates/blogue.php
@@ -28,7 +28,7 @@ $contido .= '<section id="publicacions" class="row row-cols-1 row-cols-lg-2 mb-3
 
 if($page->numChildren)
 {
-    $publicacions = pages()->get('/noticias/publicacions/')->children("template='publicacion',sort=-data_publicacion,limit=10");
+    $publicacions = pages()->get('/noticias/publicacions/')->children("template='publicacion',sort=-fecha_publicacion,limit=10");
 
     $contido .= renderPaxinacion($publicacions, 'superior');
 
diff --git a/site/templates/css/style.css b/site/templates/css/style.css
index 1370fd2..1cc495a 100644
--- a/site/templates/css/style.css
+++ b/site/templates/css/style.css
@@ -23,10 +23,10 @@ h1, h2, h3, h4, h5, h6
     font-family: 'Josefin Sans', serif;
 }
 
-img
+/*img
 {
     width: 100%;
-}
+}*/
 
 dl
 {
@@ -43,6 +43,8 @@ dl
 dt
 {
     width: 10%;
+
+    color: rgb(var(--cor_30));
 }
 
 dt::after
@@ -302,13 +304,13 @@ time span
     transform: scale(0.85) translateY(-0.8rem) translateX(0.15rem);
 }
 
-.nav-item
+#menu-desplegable .nav-item
 {
     border-left: 0.625rem solid rgb(var(--cor_60));
 }
 
-.nav-item.active,
-.nav-item:hover
+#menu-desplegable .nav-item.active,
+#menu-desplegable .nav-item:hover
 {
     border-left: 0.625rem solid rgb(var(--cor_30));
 
@@ -415,9 +417,9 @@ a.collapse-head.active:before
 
 @media (min-width: 992px)
 {
-    .nav-item,
-    .nav-item.active,
-    .nav-item:hover
+    #menu-desplegable .nav-item,
+    #menu-desplegable .nav-item.active,
+    #menu-desplegable .nav-item:hover
     {
         border-left: 0;
     }
diff --git a/site/templates/layout/func.php b/site/templates/layout/func.php
index 6c9cb43..b65c1e8 100644
--- a/site/templates/layout/func.php
+++ b/site/templates/layout/func.php
@@ -234,18 +234,16 @@ function renderTextoMantemento($titulo, $texto, $imaxe)
 {
     $saida = '';
 
-    $saida .= '<section class="container px-4 py-5">' . "\n";
-    $saida .= '<div class="row p-4 pt-lg-5 text-center">' . "\n";
+    $saida .= '<div class="container px-lg-4 pb-5 text-center">' . "\n";
     $saida .= '<h2>' . $titulo . '</h2>' . "\n";
     $saida .= '<div class="col-lg-6 mx-auto">' . "\n";
     $saida .= $texto . "\n";
     $saida .= '</div>' . "\n";
     $saida .= '<div>' . "\n";
-    $saida .= '<div class="container px-5">' . "\n";
-    $saida .= '<img src="' . $imaxe->url . '" class="img-fluid border rounded-3 shadow-lg p-5 mb-4" alt="' . $imaxe->description . '" loading="lazy" width="700" height="500">' . "\n";
+    $saida .= '<div class="container px-lg-5">' . "\n";
+    $saida .= '<img src="' . $imaxe->url . '" class="img-fluid border rounded-3 shadow-lg p-3 p-lg-5 mb-4" alt="' . $imaxe->description . '" loading="lazy" width="700" height="500">' . "\n";
     $saida .= '</div>' . "\n";
     $saida .= '</div>' . "\n";
-    $saida .= '</section>' . "\n";
 
     return $saida;
 }
@@ -422,7 +420,7 @@ function renderTexto($seccion)
         $saida .= '<h3 class="fw-semibold">' . $seccion->titular . '</h3>' . "\n";
         $saida .= '</div>' . "\n";
     }
-    $saida .= '<div>' . "\n";
+    $saida .= '<div class="row text-start mb-5">' . "\n";
     $saida .= $seccion->artigo  . "\n";
     $saida .= '</div>'  . "\n";
 
@@ -574,7 +572,7 @@ function renderCategoriasEtiquetas($seccion)
             break;
     }
 
-    $saida .= '<div id="' . $nome . '" class="col p-3 mb-4">' . "\n";
+    $saida .= '<div id="' . $nome . '" class="col p-3">' . "\n";
     $saida .= '<a class="collapse-head" data-bs-toggle="collapse" href="#collapse-' . $nome . '" role="button" aria-expanded="false" aria-controls="collapse-' . $nome . '">' . "\n";
     $saida .= '<h3>' . pages()->get('/noticias/' . $nome)->title . '</h3>' . "\n";
     $saida .= '</a>' . "\n";
@@ -671,9 +669,9 @@ function renderArtigos($publicacion, $locale, $resumen = true)
         if($publicacion->imaxe)
         {
             $thumb = $publicacion->imaxe->size(466, 260);
-            $saida .= '<img src="' . $thumb->url . '" alt="' . $publicacion->imaxe->description . '">' . "\n";
+            $saida .= '<img class="mw-100" src="' . $thumb->url . '" alt="' . $publicacion->imaxe->description . '">' . "\n";
         }
-        $saida .= '<div class="resumo">' . "\n";
+        $saida .= '<div class="resumo mb-5">' . "\n";
         $saida .= '<p>' . renderResumen(getTextoLimpo(getSeccions($publicacion->seccions))) . '</p>' . "\n";
         $saida .= '<p><a href="' . $publicacion->url . '"><i class="icon-arrow-right"></i>' . _x("Read more", "Read more") . '</a></p>' ."\n";
         $saida .= '</div>' . "\n";
@@ -683,9 +681,9 @@ function renderArtigos($publicacion, $locale, $resumen = true)
         if($publicacion->imaxe)
         {
             $thumb = $publicacion->imaxe->size(466, 260);
-            $saida .= '<a href="' . $publicacion->imaxe->url . '"><img src="' . $thumb->url . '" alt="' . $publicacion->imaxe->description . '"></a>' . "\n";
+            $saida .= '<a href="' . $publicacion->imaxe->url . '"><img class="mw-100" src="' . $thumb->url . '" alt="' . $publicacion->imaxe->description . '"></a>' . "\n";
         }
-        $saida .= '<div class="secciones">' . "\n";
+        $saida .= '<div class="secciones mb-5">' . "\n";
         $saida .= getSeccions($publicacion->seccions) . "\n";
         $saida .= '</div>' . "\n";
     }
diff --git a/site/templates/layout/partial/main_foot.php b/site/templates/layout/partial/main_foot.php
index 0a339cf..34b3869 100644
--- a/site/templates/layout/partial/main_foot.php
+++ b/site/templates/layout/partial/main_foot.php
@@ -1,6 +1,6 @@
 <?php namespace ProcessWire; ?>
         <footer id="pe" class="footer mt-auto py-4 border-top text-bg-primary">
-            <div class="container d-flex flex-wrap justify-content-center justify-content-md-between gap-3 gap-md-0 align-items-center">
+            <div class="container d-flex flex-wrap justify-content-center justify-content-md-between gap-0 align-items-center">
                 <div class="col-md-5 d-flex align-items-center">
                     <a href="/" class="mb-3 me-2 mb-md-0 text-light text-decoration-none lh-1">
                         <picture class="me-2">
@@ -10,19 +10,19 @@
                     <span class="mb-3 mb-md-0 text-light">&copy; 2022 <?php echo $configuracion['sitio_nome'] . ' ' . $configuracion['sitio_descripcion']; ?>.<br>Todos los derechos reservados.</span>
                 </div>
                 <ul class="nav col-md-2 justify-content-center list-unstyled d-flex fs-4">
-                    <li class="ms-3"><a class="text-light text-decoration-none" href="#"><i class="icon-facebook"></i></a></li>
-                    <li class="ms-3"><a class="text-light text-decoration-none" href="#"><i class="icon-instagram"></i></a></li>
+                    <li class="p-3"><a class="text-light text-decoration-none" href="#"><i class="icon-facebook"></i></a></li>
+                    <li class="p-3"><a class="text-light text-decoration-none" href="#"><i class="icon-instagram"></i></a></li>
                 </ul>
                 <a href="https://galp.xunta.gal/costa-da-morte" class="col-md-5 d-flex gap-3 align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none">
-                    <img src="<?php echo $config->urls->templates?>images/logo_xuntafalicia.png" alt="Logotipo de la Xunta de Galicia">
-                    <img src="<?php echo $config->urls->templates?>images/logo_unioneuropea.png" alt="Logotipo de la Unión Europea">
-                    <img src="<?php echo $config->urls->templates?>images/logo_golfo_artabro.png" alt="Logotipo de Golfo Artabro Norte">
+                    <img class="w-100" src="<?php echo $config->urls->templates?>images/logo_xuntafalicia.png" alt="Logotipo de la Xunta de Galicia">
+                    <img class="w-100" src="<?php echo $config->urls->templates?>images/logo_unioneuropea.png" alt="Logotipo de la Unión Europea">
+                    <img class="w-100" src="<?php echo $config->urls->templates?>images/logo_golfo_artabro.png" alt="Logotipo de Golfo Artabro Norte">
                 </a>
             </div>
-            <div class="container d-flex flex-wrap justify-content-between align-items-center">
-                <p class="text-center fs-6 text"><?php echo _x('Designed and Developed by', 'developer');?> <a class="text-light" target="_blank" href="https://artabro.org">Codigo Artabro</a></p>
+            <div class="container d-flex flex-wrap justify-content-center justify-content-lg-between align-items-center">
+                <p class="text-center m-0 fs-6 text"><?php echo _x('Designed and Developed by', 'developer');?> <a class="text-light" target="_blank" href="https://artabro.org">Codigo Artabro</a></p>
 <?php if($user->isLoggedin()): ?>
-                <p class="text-center fs-6 text"><?php $end = microtime(true); $creationtime = ($end - $start); printf(_x('Page created in %.6f seconds.', 'Render time.'), $creationtime); ?></p>
+                <p class="text-center m-0 fs-6 text"><?php $end = microtime(true); $creationtime = ($end - $start); printf(_x('Page created in %.6f seconds.', 'Render time.'), $creationtime); ?></p>
 <?php endif; ?>
             </div>
         </footer>
diff --git a/site/templates/layout/partial/main_head.php b/site/templates/layout/partial/main_head.php
index d7d28a0..53e2a98 100644
--- a/site/templates/layout/partial/main_head.php
+++ b/site/templates/layout/partial/main_head.php
@@ -77,7 +77,7 @@ if($input->get->logout == true)
                     <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#menu-desplegable" aria-controls="menu-desplegable" aria-label="Toggle navigation">
                         <span class="navbar-toggler-icon"></span>
                     </button>
-                    <ul class="nav me-lg-3">
+                    <ul class="nav">
 <?php if($user->isLoggedin()): ?>
                         <li class="nav-item"><a class="btn btn-outline-dark rounded-0 px-2" title="<?php echo _x('Log out', 'Log out'); ?>" href="/?logout=true"><i class='icon-user'></i></a></li>
                         <li class="nav-item"><a class="btn btn-outline-dark rounded-0 px-2" title="<?php echo _x('Management', 'Management'); ?>" href='/es/gestion'><i class='icon-settings'></i></a></li>
@@ -87,7 +87,7 @@ if($input->get->logout == true)
                     </ul>
                 </div>
             </nav>
-            <div class="container d-flex flex-wrap align-items-center justify-content-center justify-content-md-start">
+            <div class="container d-flex flex-column flex-md-row flex-wrap align-items-center justify-content-center justify-content-md-start">
                 <a href="/" class="mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
                     <picture class="me-2">
                         <source srcset="<?php echo $config->urls->templates?>images/logo-praia-seselle-150x116.jpg" media="(max-width: 767px)">
@@ -96,19 +96,19 @@ if($input->get->logout == true)
                     </picture>
                     <h1 class="visually-hidden"><?php echo $configuracion['sitio_nome']; ?> <?php echo $configuracion['sitio_descripcion']; ?></h1>
                 </a>
-                <form class="col-12 col-md-auto py-2 mb-3 mb-md-0" action="<?php echo pages()->get('template=atopar')->url; ?>" method="get" role="search">
-                    <div class="input-group">
-                        <div class="form-floating">
-                            <input type="search" id="atopar-consulta" name="q" class="form-control rounded-0 shadow-none py-1" placeholder="<?php echo _x("Atopar", "Search"); ?>&hellip;" />
-                            <label class="py-1" for="atopar-consulta"><?php echo _x("Atopar", "Search"); ?>&hellip;</label>
+                <div class="d-flex flex-row flex-md-column-reverse justify-content-between">
+                    <form class="col-7 col-md-auto py-2 mb-3 mb-md-0" action="<?php echo pages()->get('template=atopar')->url; ?>" method="get" role="search">
+                        <div class="input-group">
+                            <div class="form-floating">
+                                <input type="search" id="atopar-consulta" name="q" class="form-control rounded-0 shadow-none py-1" placeholder="<?php echo _x("Atopar", "Search"); ?>&hellip;" />
+                                <label class="py-1" for="atopar-consulta"><?php echo _x("Atopar", "Search"); ?>&hellip;</label>
+                            </div>
+                            <button type="submit" class="btn btn-primary rounded-0">
+                                <i class="icon-search"></i>
+                            </button>
                         </div>
-                        <button type="submit" class="btn btn-primary rounded-0">
-                            <i class="icon-search"></i>
-                        </button>
-                    </div>
-                </form>
-                <nav id="menus-idiomas" class="py-2" aria-label="Languages">
-                    <div class="container d-flex flex-wrap">
+                    </form>
+                    <nav id="menus-idiomas" class="d-flex flex-row-reverse col-5 col-md-auto m-0 py-2" aria-label="Languages">
                         <ul class="nav">
 <?php foreach($languages as $idioma) : ?>
 <?php if(!$page->viewable($idioma)) continue; ?>
@@ -121,8 +121,8 @@ if($input->get->logout == true)
                             </li>
 <?php endforeach; ?>
                         </ul>
-                    </div>
-                </nav>
+                    </nav>
+                </div>
             </div>
             <div class="border-bottom mb-3">
                 <div class="container d-flex flex-wrap justify-content-center">