94 lines
5.4 KiB
PHP
94 lines
5.4 KiB
PHP
<?php namespace ProcessWire;?><!DOCTYPE html>
|
|
<html lang="<?php echo _x('en', 'HTML language code'); ?>">
|
|
<head>
|
|
<title><?php echo $titulo; ?></title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<?php if($configuracion['descripcion_sitio']): ?>
|
|
<meta name="description" content="<?php echo $configuracion['nome_sitio'] . ' ' . $configuracion['descripcion_sitio']; ?>" />
|
|
<?php endif; ?>
|
|
<meta name="msapplication-TileColor" content="#00aba9">
|
|
<meta name="msapplication-config" content="<?php echo $config->urls->templates; ?>images/browserconfig.xml">
|
|
<meta name="theme-color" content="#ffffff">
|
|
|
|
<!-- Facebook Social Tags
|
|
<meta property="og:title" content="<?php echo $titulo; ?>">
|
|
<meta property="og:description" content="<?php echo $configuracion['nome_sitio'] . ' ' . $configuracion['descripcion_sitio']; ?>">
|
|
<meta property="og:image" content="https://your-website.com/og-image.png">
|
|
<meta property="og:url" content="<?php echo $page->httpUrl(); ?>">
|
|
-->
|
|
|
|
<!-- Twitter Socual Tags
|
|
<meta name="twitter:title" content="<?php echo $titulo; ?>">
|
|
<meta name="twitter:description" content="<?php echo $configuracion['nome_sitio'] . ' ' . $configuracion['descripcion_sitio']; ?>">
|
|
<meta name="twitter:url" content="https://your-website.com/twitter-image.png">
|
|
<meta name="twitter:card" content="summary">
|
|
-->
|
|
|
|
<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="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="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="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/swiper.css" />
|
|
<link title="Praia de Seselle" rel="stylesheet" type="text/css" href="<?php echo $config->urls->templates?>css/style.css" />
|
|
<?php foreach($languages as $idioma): ?>
|
|
<?php if(!$page->viewable($idioma)): continue; endif; ?>
|
|
<link rel="alternate" hreflang="<?php echo $inicio->getLanguageValue($idioma, 'name'); ?>" href="<?php echo $page->httpUrl($idioma); ?>" />
|
|
<?php endforeach; ?>
|
|
<style>
|
|
:root
|
|
{
|
|
font-size: 16px;
|
|
|
|
--color_60: <?php echo $configuracion['color_fondo'] ?>;
|
|
--color_30: <?php echo $configuracion['color_principal'] ?>;
|
|
--color_10: <?php echo $configuracion['color_secundario'] ?>;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<a href="#contido" class="visually-hidden element-focusable bypass-to-main"><?php echo _x('Skip to content', 'bypass'); ?></a>
|
|
<header id="cabeceira">
|
|
<div class="contedor">
|
|
<div id="logo">
|
|
<picture>
|
|
<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-230x179.jpg" media="(min-width: 768px)">
|
|
<img src="<?php echo $config->urls->templates?>images/logo-praia-seselle.svg" alt="<?php echo _x('Logo of Praia de Seselle Tourist Apartments', 'Site logo'); ?>">
|
|
</picture>
|
|
<h1 class="visually-hidden"><?php echo $configuracion['nome_sitio']; ?> <?php echo $configuracion['descripcion_sitio']; ?></h1>
|
|
</div>
|
|
<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">
|
|
<span class="linna linna1"></span>
|
|
<span class="linna linna2"></span>
|
|
<span class="linna linna3"></span>
|
|
</div>
|
|
<nav id="menu">
|
|
<h2 class="visually-hidden"><?php echo _x('Menu', 'Navigation menu');?></h2>
|
|
<ul id="idiomas">
|
|
<?php
|
|
foreach($languages as $idioma)
|
|
{
|
|
if(!$page->viewable($idioma))
|
|
{
|
|
continue;
|
|
}
|
|
?>
|
|
<li <?php echo $idioma->id == $user->language->id ? 'class="activo"' : ''; ?>>
|
|
<?php
|
|
$url = $page->localUrl($idioma);
|
|
$hreflang = $inicio->getLanguageValue($idioma, 'name');
|
|
?>
|
|
<a title="<?php echo $idioma->title; ?>" hreflang="<?php echo $hreflang;?>" href="<?php echo $url; ?>"><?php echo $hreflang; ?></a>
|
|
</li>
|
|
<?php } ?>
|
|
</ul>
|
|
<?php echo $menu; ?>
|
|
</nav>
|
|
</div>
|
|
</header>
|