Novo favicon. Correccions varias. Aplicacion da teoria de cores 60-30-10.

This commit is contained in:
Laegnur 2022-03-20 19:25:51 +01:00
parent a50645d65e
commit 09e61afeae
15 changed files with 73 additions and 72 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View file

@ -148,7 +148,7 @@ function renderTextoImaxe($texto, $imaxe, $posicion)
break; break;
case 'mantemento': case 'mantemento':
$saida .= '<section id="' . $posicion .'">'; $saida .= '<section id="' . $posicion .'">';
$saida .= '<img src="' . $imaxe->url . '" alt="">'; $saida .= '<img src="' . $imaxe->url . '" alt="' . $imaxe->description . '">';
$saida .= '<div>' . $texto . '</div>'; $saida .= '<div>' . $texto . '</div>';
$saida .= '</section>'; $saida .= '</section>';
break; break;

View file

@ -7,15 +7,15 @@
<?php if($inicio->descripcion_sitio): ?> <?php if($inicio->descripcion_sitio): ?>
<meta name="description" content="<?php echo $configuracion['nome_sitio'] . ' ' . $configuracion['descripcion_sitio']; ?>" /> <meta name="description" content="<?php echo $configuracion['nome_sitio'] . ' ' . $configuracion['descripcion_sitio']; ?>" />
<?php endif; ?> <?php endif; ?>
<meta name="msapplication-TileColor" content="#12a19b"> <meta name="msapplication-TileColor" content="#00aba9">
<meta name="msapplication-config" content="<?php echo $config->urls->templates?>images/browserconfig.xml"> <meta name="msapplication-config" content="<?php echo $config->urls->templates; ?>images/browserconfig.xml">
<meta name="theme-color" content="#12a19b"> <meta name="theme-color" content="#ffffff">
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo $config->urls->templates?>images/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="<?php echo $config->urls->templates; ?>images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="<?php echo $config->urls->templates?>images/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="<?php echo $config->urls->templates; ?>images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo $config->urls->templates?>images/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="16x16" href="<?php echo $config->urls->templates; ?>images/favicon-16x16.png">
<link rel="manifest" href="<?php echo $config->urls->templates?>images/site.webmanifest"> <link rel="manifest" href="<?php echo $config->urls->templates; ?>images/site.webmanifest">
<link rel="mask-icon" href="<?php echo $config->urls->templates?>images/safari-pinned-tab.svg" color="#12a19b"> <link rel="mask-icon" href="<?php echo $config->urls->templates; ?>images/safari-pinned-tab.svg" color="#00a099">
<link rel="shortcut icon" href="<?php echo $config->urls->templates?>images/favicon.ico"> <link rel="shortcut icon" href="<?php echo $config->urls->templates; ?>images/favicon.ico">
<link rel="stylesheet" type="text/css" href="<?php echo $config->urls->templates; ?>css/reset.css" /> <link rel="stylesheet" type="text/css" href="<?php echo $config->urls->templates; ?>css/reset.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $config->urls->templates; ?>css/fonts.css" /> <link rel="stylesheet" type="text/css" href="<?php echo $config->urls->templates; ?>css/fonts.css" />
<link title="Praia de Seselle" rel="stylesheet" type="text/css" href="<?php echo $config->urls->templates?>css/style.css" /> <link title="Praia de Seselle" rel="stylesheet" type="text/css" href="<?php echo $config->urls->templates?>css/style.css" />
@ -30,8 +30,9 @@
<div class="contedor"> <div class="contedor">
<div id="logo"> <div id="logo">
<h1 class="visually-hidden"><?php echo $configuracion['nome_sitio']; ?></h1> <h1 class="visually-hidden"><?php echo $configuracion['nome_sitio']; ?></h1>
<p class="visually-hidden"><?php echo $configuracion['descripcion_sitio']; ?></p>
</div> </div>
<input type="checkbox" name="interruptor" id="interruptor"> <label class="visually-hidden" for="interruptor"><?php echo _x('Open/Close menu', 'Menu Switch'); ?></label><input type="checkbox" name="interruptor" id="interruptor">
<div class="interruptor"> <div class="interruptor">
<span class="linna linna1"></span> <span class="linna linna1"></span>
<span class="linna linna2"></span> <span class="linna linna2"></span>

View file

@ -7,12 +7,9 @@
{ {
font-size: 16px; font-size: 16px;
--color_fondo: 255, 255, 255; --color_60: 255, 255, 255;
--color_titulos: 0, 160, 153; --color_30: 0, 99, 94;
--color_texto: 90, 90, 102; --color_10: 0, 0, 0;
--color_fondo_realce: 42, 43, 46;
--color_realce: 255, 255, 255;
--color_enlaces: 194, 202, 232;
} }
body body
@ -24,18 +21,20 @@ body
margin: 0; margin: 0;
color: rgb(var(--color_texto)); color: rgb(var(--color_10));
font-family: 'DejaVu Sans', sans-serif; font-family: 'DejaVu Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
background-color: rgb(var(--color_fondo)); background-color: rgb(var(--color_60));
} }
h1, h2, h3, h4, h5, h6 h1, h2, h3, h4, h5, h6
{ {
margin-top: 0; margin-top: 0;
color: rgb(var(--color_30));
font-family: 'HelveticaNeue', sans-serif; font-family: 'HelveticaNeue', sans-serif;
text-transform: lowercase;
} }
h1 h1
@ -73,8 +72,9 @@ p
margin: 0; margin: 0;
} }
a{ a
color: rgb(var(--color_enlaces)); {
color: rgb(var(--color_10));
} }
img img
@ -88,9 +88,9 @@ header#cabeceira
padding: 0.625rem; padding: 0.625rem;
box-shadow: 0px 16px 24px 2px rgba(0, 0, 0, 0.14), box-shadow: 0px 16px 24px 2px rgba(var(--color_30), 0.14),
0px 6px 30px 5px rgba(0, 0, 0, 0.12), 0px 6px 30px 5px rgba(var(--color_30), 0.12),
0px 8px 10px -5px rgba(0, 0, 0, 0.2); 0px 8px 10px -5px rgba(var(--color_30), 0.2);
} }
div#logo div#logo
@ -142,7 +142,7 @@ header#cabeceira .interruptor .linna
border-radius: 0.625rem; border-radius: 0.625rem;
background: rgb(var(--color_fondo_realce)); background: rgb(var(--color_10));
} }
header#cabeceira .interruptor .linna1 header#cabeceira .interruptor .linna1
@ -173,12 +173,12 @@ nav#menu
padding: 0; padding: 0;
border-right: 2px solid rgb(var(--color_fondo_realce)); border-right: 2px solid rgb(var(--color_30));
color: rgb(var(--color_titulos)); color: rgb(var(--color_30));
font-family: 'HelveticaNeue', sans-serif; font-family: 'HelveticaNeue', sans-serif;
background-color: rgb(var(--color_fondo)); background-color: rgb(var(--color_60));
transform: translateX(-100%); transform: translateX(-100%);
transition: transform 0.5s; transition: transform 0.5s;
@ -186,7 +186,7 @@ nav#menu
nav#menu a nav#menu a
{ {
color: rgb(var(--color_fondo_realce)); color: rgb(var(--color_10));
} }
ul#idiomas ul#idiomas
@ -201,6 +201,11 @@ ul#idiomas
padding: 0; padding: 0;
} }
ul#idiomas a
{
color: rgb(var(--color_10));
}
ul#paxinas ul#paxinas
{ {
display: flex; display: flex;
@ -224,36 +229,36 @@ ul#idiomas li a
padding: 0.625rem; padding: 0.625rem;
border: 1px solid rgb(var(--color_fondo_realce)); border: 1px solid rgb(var(--color_10));
text-decoration: none; text-decoration: none;
} }
ul#idiomas li.activo a ul#idiomas li.activo a
{ {
color: rgb(var(--color_fondo)); color: rgb(var(--color_60));
background-color: rgb(var(--color_fondo_realce)); background-color: rgb(var(--color_10));
} }
nav#menu li a:focus nav#menu li a:focus
{ {
outline: 2px dotted rgb(var(--color_titulos)); outline: 2px dotted rgb(var(--color_10));
} }
ul#paxinas li ul#paxinas li
{ {
border-left: 0.625rem solid rgb(var(--color_fondo)); border-left: 0.625rem solid rgb(var(--color_60));
} }
ul#paxinas li.activo ul#paxinas li.activo
{ {
border-left: 0.625rem solid rgb(var(--color_titulos)); border-left: 0.625rem solid rgb(var(--color_30));
} }
ul#paxinas li:hover ul#paxinas li:hover
{ {
border-left: 0.625rem solid rgb(var(--color_fondo_realce)); border-left: 0.625rem solid rgb(var(--color_30));
} }
ul#paxinas li a ul#paxinas li a
@ -272,7 +277,7 @@ header#cabeceira input#interruptor:checked ~ nav#menu
header#cabeceira input#interruptor:focus ~ .interruptor header#cabeceira input#interruptor:focus ~ .interruptor
{ {
outline: 2px dotted rgb(var(--color_titulos)); outline: 2px dotted rgb(var(--color_10));
} }
header#cabeceira input#interruptor:checked ~ .interruptor .linna1 header#cabeceira input#interruptor:checked ~ .interruptor .linna1
@ -292,7 +297,7 @@ header#cabeceira input#interruptor:checked ~ .interruptor .linna3
header#cabeceira input#interruptor:checked:focus ~ .interruptor header#cabeceira input#interruptor:checked:focus ~ .interruptor
{ {
outline: 2px dotted rgb(var(--color_titulos)); outline: 2px dotted rgb(var(--color_10));
} }
header#cabeceira div.contedor header#cabeceira div.contedor
@ -348,9 +353,9 @@ footer#pe
padding: 1.25rem 0.625rem; padding: 1.25rem 0.625rem;
color: rgb(var(--color_realce)); color: rgb(var(--color_60));
background-color: rgb(var(--color_fondo_realce)); background-color: rgb(var(--color_30));
} }
footer#pe p footer#pe p
@ -359,6 +364,11 @@ footer#pe p
text-align: center; text-align: center;
} }
footer#pe a
{
color: rgb(var(--color_60));
}
.contedor .contedor
{ {
width: 100%; width: 100%;
@ -395,8 +405,8 @@ footer#pe p
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
text-align: center; text-align: center;
background: #333; background: rgb(var(--color_30));
color: #fff; color: rgb(var(--color_60));
} }
@media (max-height: 768px) and (orientation: landscape) @media (max-height: 768px) and (orientation: landscape)

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

View file

@ -2,8 +2,8 @@
<browserconfig> <browserconfig>
<msapplication> <msapplication>
<tile> <tile>
<square150x150logo src="/praiadeseselle/site/templates/images/mstile-150x150.png"/> <square150x150logo src="/site/templates/images/mstile-150x150.png"/>
<TileColor>#12a19b</TileColor> <TileColor>#00aba9</TileColor>
</tile> </tile>
</msapplication> </msapplication>
</browserconfig> </browserconfig>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 925 B

After

Width:  |  Height:  |  Size: 875 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

View file

@ -9,28 +9,18 @@ Created by potrace 1.14, written by Peter Selinger 2001-2017
</metadata> </metadata>
<g transform="translate(0.000000,260.000000) scale(0.100000,-0.100000)" <g transform="translate(0.000000,260.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none"> fill="#000000" stroke="none">
<path d="M882 2468 c-96 -9 -204 -43 -313 -98 -116 -57 -195 -115 -290 -209 <path d="M1395 2249 c-124 -14 -163 -21 -265 -50 -198 -57 -392 -166 -495
-109 -109 -159 -202 -159 -293 0 -126 87 -194 177 -138 40 24 42 45 8 72 -95 -281 -139 -154 -228 -370 -212 -511 9 -76 58 -167 119 -222 72 -65 140 -102
74 -62 218 83 361 84 83 119 109 207 154 137 70 232 94 360 94 196 0 348 -89 323 -177 175 -72 367 -159 362 -164 -2 -2 -56 -17 -120 -33 -450 -114 -600
428 -251 29 -58 32 -73 32 -155 0 -77 -4 -99 -28 -149 -126 -271 -447 -473 -221 -521 -373 21 -40 95 -85 163 -99 69 -14 233 -6 316 16 132 35 263 110
-654 -411 -11 4 96 263 231 563 53 118 59 166 22 183 -83 38 -346 -142 -456 347 197 50 53 108 156 108 194 0 22 5 24 105 39 38 6 163 27 182 30 10 2 23 4
-313 -93 -143 -95 -296 -5 -414 l24 -31 -31 -94 c-37 -114 -40 -204 -10 -270 30 4 19 1 73 61 73 81 0 10 -9 22 -20 25 -30 9 -219 -5 -334 -26 -52 -9 -60
23 -52 54 -82 79 -77 16 3 18 14 18 83 0 69 6 94 40 183 l39 103 41 -7 c67 -8 -80 9 -32 30 -76 49 -214 97 -237 81 -420 165 -484 223 -57 52 -80 107 -80
-12 202 -6 272 12 135 34 280 109 375 196 189 173 258 439 164 643 -88 192 196 1 197 165 401 422 525 322 156 808 160 935 9 32 -38 30 -76 -10 -143 -61
-342 294 -654 263z m-66 -420 c-8 -18 -64 -146 -123 -285 -59 -139 -111 -253 -105 -157 -183 -320 -261 -202 -96 -342 -125 -620 -129 -104 -2 -191 -3 -193
-115 -253 -3 0 -17 21 -30 48 -18 37 -23 64 -23 122 0 95 24 147 109 238 66 -4 -12 -4 72 -135 113 -177 62 -62 104 -78 193 -70 248 20 535 134 732 291
71 171 162 187 162 5 0 3 -15 -5 -32z"/> 179 143 249 267 237 417 -6 74 -38 156 -78 202 -61 71 -197 138 -324 162 -73
<path d="M1833 1556 c-281 -53 -484 -189 -584 -391 -76 -152 -73 -269 7 -363 13 -287 15 -390 3z m-139 -1563 c-124 -106 -360 -196 -514 -196 l-45 0 22 24
54 -64 108 -96 286 -171 90 -38 186 -79 213 -92 l50 -23 -50 -13 c-180 -50 c51 55 247 133 451 180 58 13 110 25 115 25 6 0 -8 -15 -29 -33z"/>
-236 -67 -300 -94 -98 -41 -145 -82 -152 -135 -16 -120 180 -180 387 -118 164
49 320 186 320 282 0 23 -8 21 160 47 80 12 98 18 118 41 18 21 20 29 11 41
-13 15 -66 13 -221 -8 -73 -11 -78 -10 -108 11 -18 13 -69 35 -114 50 -140 47
-329 129 -377 164 -59 43 -79 86 -79 169 0 180 185 360 455 443 83 26 104 28
260 28 158 1 174 -1 223 -23 65 -30 106 -74 97 -108 -26 -105 -177 -225 -365
-291 -117 -41 -211 -55 -372 -56 -76 -1 -138 -4 -138 -8 0 -18 90 -136 119
-155 41 -28 99 -30 208 -7 193 40 367 126 498 247 95 87 129 153 129 246 0
121 -68 212 -202 267 -63 26 -77 28 -237 31 -111 1 -195 -3 -242 -11z m-19
-1157 c-62 -65 -275 -148 -381 -149 -64 0 -9 46 112 95 53 21 262 81 294 85 3
0 -8 -14 -25 -31z"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

View file

@ -3,17 +3,17 @@
"short_name": "", "short_name": "",
"icons": [ "icons": [
{ {
"src": "/praiadeseselle/site/templates/images/android-chrome-192x192.png", "src": "/site/templates/images/android-chrome-192x192.png",
"sizes": "192x192", "sizes": "192x192",
"type": "image/png" "type": "image/png"
}, },
{ {
"src": "praiadeseslle/site/templates/images/android-chrome-256x256.png", "src": "/site/templates/images/android-chrome-256x256.png",
"sizes": "256x256", "sizes": "256x256",
"type": "image/png" "type": "image/png"
} }
], ],
"theme_color": "#ff0000", "theme_color": "#ffffff",
"background_color": "#ff0000", "background_color": "#ffffff",
"display": "standalone" "display": "standalone"
} }