2024-12-10 17:09:37 +01:00
|
|
|
<!DOCTYPE HTML>
|
2024-12-21 20:55:41 +01:00
|
|
|
<html lang="da">
|
2024-12-10 17:09:37 +01:00
|
|
|
<head>
|
2024-12-21 00:55:55 +01:00
|
|
|
<!-- Dynamisk titel for SEO -->
|
|
|
|
|
<title>{% block title %} - {{ page_title }}{% endblock %}</title>
|
2024-12-21 20:55:41 +01:00
|
|
|
|
2024-12-21 00:55:55 +01:00
|
|
|
<!-- Karakter-encoding -->
|
|
|
|
|
<meta charset="utf-8">
|
2024-12-21 20:55:41 +01:00
|
|
|
|
2024-12-21 00:55:55 +01:00
|
|
|
<!-- Responsivt layout -->
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
|
2024-12-21 20:55:41 +01:00
|
|
|
|
2024-12-21 00:55:55 +01:00
|
|
|
<!-- Beskrivelse til søgemaskiner -->
|
|
|
|
|
<meta name="description" content="{{ meta_description | default('Din ultimative guide til Portugal og vores rejse mod en frisk start.') }}">
|
2024-12-21 20:55:41 +01:00
|
|
|
|
2024-12-21 00:55:55 +01:00
|
|
|
<!-- Nøgleord til søgemaskiner -->
|
|
|
|
|
<meta name="keywords" content="{{ meta_keywords | default('Portugal, FAQ, Rejser, Henrik, Erika, Flytte til Portugal, Livskvalitet') }}">
|
2024-12-21 20:55:41 +01:00
|
|
|
|
2024-12-21 00:55:55 +01:00
|
|
|
<!-- Forfatter -->
|
|
|
|
|
<meta name="author" content="Henrik og Erika">
|
2024-12-21 20:55:41 +01:00
|
|
|
|
|
|
|
|
<!-- Kritisk CSS for at forhindre FOUC -->
|
|
|
|
|
<style>
|
2024-12-21 22:13:04 +01:00
|
|
|
/* Kritisk CSS for hurtig rendering */
|
2024-12-21 20:55:41 +01:00
|
|
|
body {
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
font-family: 'Arial', sans-serif;
|
2024-12-21 22:13:04 +01:00
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
2024-12-21 20:55:41 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.is-preload #wrapper {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
transition: opacity 0.3s ease-in;
|
|
|
|
|
}
|
|
|
|
|
|
2024-12-21 22:13:04 +01:00
|
|
|
@font-face {
|
|
|
|
|
font-family: 'FontAwesome';
|
|
|
|
|
src: url('/static/webfonts/fa-solid-900.woff2') format('woff2');
|
|
|
|
|
font-weight: 900;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
}
|
|
|
|
|
.fa {
|
|
|
|
|
font-family: 'FontAwesome';
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 900;
|
2024-12-21 20:55:41 +01:00
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
2024-12-21 22:13:04 +01:00
|
|
|
<!-- Kritisk skrifttype preload -->
|
|
|
|
|
<link rel="preload" href="/static/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin="anonymous">
|
|
|
|
|
|
|
|
|
|
<!-- Hoved CSS -->
|
|
|
|
|
<link rel="stylesheet" href="/static/css/main.min.css?v={{ timestamp }}" media="print" onload="this.media='all'">
|
2024-12-21 20:55:41 +01:00
|
|
|
|
|
|
|
|
<!-- Fallback for brugere uden JavaScript -->
|
|
|
|
|
<noscript>
|
|
|
|
|
<link rel="stylesheet" href="/static/css/main.min.css?v={{ timestamp }}">
|
|
|
|
|
</noscript>
|
2024-12-10 17:09:37 +01:00
|
|
|
</head>
|
2024-12-21 02:54:32 +01:00
|
|
|
<body class="is-preload" lang="da">
|
2024-12-21 20:55:41 +01:00
|
|
|
<script>
|
|
|
|
|
// Fjern preload-klasse og vis siden, når alt er indlæst
|
|
|
|
|
window.addEventListener('load', () => {
|
|
|
|
|
document.body.classList.remove('is-preload');
|
2024-12-21 22:13:04 +01:00
|
|
|
document.body.style.visibility = 'visible';
|
2024-12-21 20:55:41 +01:00
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
|
2024-12-10 17:09:37 +01:00
|
|
|
<!-- Wrapper -->
|
|
|
|
|
<div id="wrapper">
|
|
|
|
|
<!-- Main -->
|
|
|
|
|
<div id="main">
|
|
|
|
|
<div class="inner">
|
|
|
|
|
<!-- Header -->
|
|
|
|
|
<header id="header">
|
|
|
|
|
<a href="/" class="logo">
|
|
|
|
|
<strong>{{ page_title }}</strong> af {{ author }}
|
|
|
|
|
</a>
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
<!-- Content -->
|
|
|
|
|
{% block content %}{% endblock %}
|
2024-12-20 22:35:39 +01:00
|
|
|
|
2024-12-21 00:45:27 +01:00
|
|
|
<!-- Footer -->
|
|
|
|
|
<footer id="main-footer">
|
|
|
|
|
{% if request.state.next_category %}
|
|
|
|
|
<p>
|
|
|
|
|
<a href="/category/{{ request.state.next_category.path }}" class="footer-link">
|
|
|
|
|
{{ request.state.next_category.description }}
|
|
|
|
|
</a>
|
|
|
|
|
</p>
|
|
|
|
|
{% endif %}
|
|
|
|
|
</footer>
|
|
|
|
|
</div> <!-- Closing inner div -->
|
|
|
|
|
</div> <!-- Closing main div -->
|
2024-12-10 17:09:37 +01:00
|
|
|
|
|
|
|
|
<!-- Sidebar -->
|
|
|
|
|
<div id="sidebar">
|
|
|
|
|
<div class="inner">
|
|
|
|
|
{% include 'navigation.html' %}
|
|
|
|
|
<!-- Footer -->
|
2024-12-21 00:45:27 +01:00
|
|
|
<footer id="sidebar-footer">
|
2024-12-10 17:09:37 +01:00
|
|
|
<p class="copyright">
|
|
|
|
|
© Henriks lille hjørne: <a href="https://lifefaq.i80.dk">LifeFAQ</a>
|
|
|
|
|
</p>
|
|
|
|
|
</footer>
|
2024-12-21 00:45:27 +01:00
|
|
|
</div> <!-- Closing sidebar-inner div -->
|
|
|
|
|
</div> <!-- Closing sidebar div -->
|
|
|
|
|
</div> <!-- Closing wrapper div -->
|
2024-12-16 23:15:37 +01:00
|
|
|
|
2024-12-21 20:55:41 +01:00
|
|
|
<!-- Scripts med defer for at undgå blokerende indlæsning -->
|
2024-12-22 00:04:56 +01:00
|
|
|
<script src="/js/jquery.min.js" defer></script>
|
|
|
|
|
<script src="/js/browser.min.js" defer></script>
|
|
|
|
|
<script src="/js/breakpoints.min.js" defer></script>
|
|
|
|
|
<script src="/js/util.js" defer></script>
|
|
|
|
|
<script src="/js/main.js" defer></script>
|
|
|
|
|
<script src="/js/modal_handler.js?v={{ timestamp }}" defer></script>
|
2024-12-10 17:09:37 +01:00
|
|
|
</body>
|
2024-12-21 00:45:27 +01:00
|
|
|
</html>
|
