Correccions de estilos.

This commit is contained in:
Laegnur 2023-02-27 17:10:20 +01:00
parent c76feddf1d
commit a5a5a5a883
5 changed files with 45 additions and 45 deletions

View file

@ -28,7 +28,7 @@ $contido .= '<section id="publicacions" class="row row-cols-1 row-cols-lg-2 mb-3
if($page->numChildren) 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'); $contido .= renderPaxinacion($publicacions, 'superior');

View file

@ -23,10 +23,10 @@ h1, h2, h3, h4, h5, h6
font-family: 'Josefin Sans', serif; font-family: 'Josefin Sans', serif;
} }
img /*img
{ {
width: 100%; width: 100%;
} }*/
dl dl
{ {
@ -43,6 +43,8 @@ dl
dt dt
{ {
width: 10%; width: 10%;
color: rgb(var(--cor_30));
} }
dt::after dt::after
@ -302,13 +304,13 @@ time span
transform: scale(0.85) translateY(-0.8rem) translateX(0.15rem); 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)); border-left: 0.625rem solid rgb(var(--cor_60));
} }
.nav-item.active, #menu-desplegable .nav-item.active,
.nav-item:hover #menu-desplegable .nav-item:hover
{ {
border-left: 0.625rem solid rgb(var(--cor_30)); border-left: 0.625rem solid rgb(var(--cor_30));
@ -415,9 +417,9 @@ a.collapse-head.active:before
@media (min-width: 992px) @media (min-width: 992px)
{ {
.nav-item, #menu-desplegable .nav-item,
.nav-item.active, #menu-desplegable .nav-item.active,
.nav-item:hover #menu-desplegable .nav-item:hover
{ {
border-left: 0; border-left: 0;
} }

View file

@ -234,18 +234,16 @@ function renderTextoMantemento($titulo, $texto, $imaxe)
{ {
$saida = ''; $saida = '';
$saida .= '<section class="container px-4 py-5">' . "\n"; $saida .= '<div class="container px-lg-4 pb-5 text-center">' . "\n";
$saida .= '<div class="row p-4 pt-lg-5 text-center">' . "\n";
$saida .= '<h2>' . $titulo . '</h2>' . "\n"; $saida .= '<h2>' . $titulo . '</h2>' . "\n";
$saida .= '<div class="col-lg-6 mx-auto">' . "\n"; $saida .= '<div class="col-lg-6 mx-auto">' . "\n";
$saida .= $texto . "\n"; $saida .= $texto . "\n";
$saida .= '</div>' . "\n"; $saida .= '</div>' . "\n";
$saida .= '<div>' . "\n"; $saida .= '<div>' . "\n";
$saida .= '<div class="container px-5">' . "\n"; $saida .= '<div class="container px-lg-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 .= '<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 .= '</div>' . "\n"; $saida .= '</div>' . "\n";
$saida .= '</section>' . "\n";
return $saida; return $saida;
} }
@ -422,7 +420,7 @@ function renderTexto($seccion)
$saida .= '<h3 class="fw-semibold">' . $seccion->titular . '</h3>' . "\n"; $saida .= '<h3 class="fw-semibold">' . $seccion->titular . '</h3>' . "\n";
$saida .= '</div>' . "\n"; $saida .= '</div>' . "\n";
} }
$saida .= '<div>' . "\n"; $saida .= '<div class="row text-start mb-5">' . "\n";
$saida .= $seccion->artigo . "\n"; $saida .= $seccion->artigo . "\n";
$saida .= '</div>' . "\n"; $saida .= '</div>' . "\n";
@ -574,7 +572,7 @@ function renderCategoriasEtiquetas($seccion)
break; 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 .= '<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 .= '<h3>' . pages()->get('/noticias/' . $nome)->title . '</h3>' . "\n";
$saida .= '</a>' . "\n"; $saida .= '</a>' . "\n";
@ -671,9 +669,9 @@ function renderArtigos($publicacion, $locale, $resumen = true)
if($publicacion->imaxe) if($publicacion->imaxe)
{ {
$thumb = $publicacion->imaxe->size(466, 260); $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>' . 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 .= '<p><a href="' . $publicacion->url . '"><i class="icon-arrow-right"></i>' . _x("Read more", "Read more") . '</a></p>' ."\n";
$saida .= '</div>' . "\n"; $saida .= '</div>' . "\n";
@ -683,9 +681,9 @@ function renderArtigos($publicacion, $locale, $resumen = true)
if($publicacion->imaxe) if($publicacion->imaxe)
{ {
$thumb = $publicacion->imaxe->size(466, 260); $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 .= getSeccions($publicacion->seccions) . "\n";
$saida .= '</div>' . "\n"; $saida .= '</div>' . "\n";
} }

View file

@ -1,6 +1,6 @@
<?php namespace ProcessWire; ?> <?php namespace ProcessWire; ?>
<footer id="pe" class="footer mt-auto py-4 border-top text-bg-primary"> <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"> <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"> <a href="/" class="mb-3 me-2 mb-md-0 text-light text-decoration-none lh-1">
<picture class="me-2"> <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> <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> </div>
<ul class="nav col-md-2 justify-content-center list-unstyled d-flex fs-4"> <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="p-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-instagram"></i></a></li>
</ul> </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"> <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 class="w-100" 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 class="w-100" 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_golfo_artabro.png" alt="Logotipo de Golfo Artabro Norte">
</a> </a>
</div> </div>
<div class="container d-flex flex-wrap justify-content-between align-items-center"> <div class="container d-flex flex-wrap justify-content-center justify-content-lg-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> <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()): ?> <?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; ?> <?php endif; ?>
</div> </div>
</footer> </footer>

View file

@ -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"> <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> <span class="navbar-toggler-icon"></span>
</button> </button>
<ul class="nav me-lg-3"> <ul class="nav">
<?php if($user->isLoggedin()): ?> <?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('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> <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> </ul>
</div> </div>
</nav> </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"> <a href="/" class="mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
<picture class="me-2"> <picture class="me-2">
<source srcset="<?php echo $config->urls->templates?>images/logo-praia-seselle-150x116.jpg" media="(max-width: 767px)"> <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> </picture>
<h1 class="visually-hidden"><?php echo $configuracion['sitio_nome']; ?> <?php echo $configuracion['sitio_descripcion']; ?></h1> <h1 class="visually-hidden"><?php echo $configuracion['sitio_nome']; ?> <?php echo $configuracion['sitio_descripcion']; ?></h1>
</a> </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="d-flex flex-row flex-md-column-reverse justify-content-between">
<div class="input-group"> <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="form-floating"> <div class="input-group">
<input type="search" id="atopar-consulta" name="q" class="form-control rounded-0 shadow-none py-1" placeholder="<?php echo _x("Atopar", "Search"); ?>&hellip;" /> <div class="form-floating">
<label class="py-1" for="atopar-consulta"><?php echo _x("Atopar", "Search"); ?>&hellip;</label> <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> </div>
<button type="submit" class="btn btn-primary rounded-0"> </form>
<i class="icon-search"></i> <nav id="menus-idiomas" class="d-flex flex-row-reverse col-5 col-md-auto m-0 py-2" aria-label="Languages">
</button>
</div>
</form>
<nav id="menus-idiomas" class="py-2" aria-label="Languages">
<div class="container d-flex flex-wrap">
<ul class="nav"> <ul class="nav">
<?php foreach($languages as $idioma) : ?> <?php foreach($languages as $idioma) : ?>
<?php if(!$page->viewable($idioma)) continue; ?> <?php if(!$page->viewable($idioma)) continue; ?>
@ -121,8 +121,8 @@ if($input->get->logout == true)
</li> </li>
<?php endforeach; ?> <?php endforeach; ?>
</ul> </ul>
</div> </nav>
</nav> </div>
</div> </div>
<div class="border-bottom mb-3"> <div class="border-bottom mb-3">
<div class="container d-flex flex-wrap justify-content-center"> <div class="container d-flex flex-wrap justify-content-center">