hjess/LifeFaq
1
0
Fork 0
generated from hjess/PythonTemplateProject
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lets see what lighthouse says
All checks were successful
Build, Push, and Deploy to Nomad / docker-nomad (push) Successful in 40s
Details

Browse Source
This commit is contained in:
Henrik Jess Nielsen
2024-12-21 20:55:41 +01:00
parent b80c192eba
commit cf60aacb0f
2 changed files with 45 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
templates/base_template.html
View File

@@ -3,24 +3,59 @@
<head> <head>
<!-- Dynamisk titel for SEO --> <!-- Dynamisk titel for SEO -->
<title>{% block title %} - {{ page_title }}{% endblock %}</title> <title>{% block title %} - {{ page_title }}{% endblock %}</title>
<!-- Karakter-encoding --> <!-- Karakter-encoding -->
<meta charset="utf-8"> <meta charset="utf-8">
<!-- Responsivt layout --> <!-- Responsivt layout -->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<!-- Beskrivelse til søgemaskiner --> <!-- Beskrivelse til søgemaskiner -->
<meta name="description" content="{{ meta_description | default('Din ultimative guide til Portugal og vores rejse mod en frisk start.') }}"> <meta name="description" content="{{ meta_description | default('Din ultimative guide til Portugal og vores rejse mod en frisk start.') }}">
<!-- Nøgleord til søgemaskiner --> <!-- Nøgleord til søgemaskiner -->
<meta name="keywords" content="{{ meta_keywords | default('Portugal, FAQ, Rejser, Henrik, Erika, Flytte til Portugal, Livskvalitet') }}"> <meta name="keywords" content="{{ meta_keywords | default('Portugal, FAQ, Rejser, Henrik, Erika, Flytte til Portugal, Livskvalitet') }}">
<!-- Forfatter --> <!-- Forfatter -->
<meta name="author" content="Henrik og Erika"> <meta name="author" content="Henrik og Erika">
<!-- Defer non-critical CSS -->
<link rel="stylesheet" href="/static/css/main.min.css?v={{ timestamp }}" media="print" onload="this.media='all';"> <!-- Kritisk CSS for at forhindre FOUC -->
<noscript><link rel="stylesheet" href="/static/css/main.min.css?v={{ timestamp }}"></noscript> <style>
<!-- Just to make lighthouse happy --> /* Skjul kroppen indtil CSS er klar for at forhindre FOUC */
<link rel="preload" href="/static/images/pic11.jpg" as="image"> body {
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" as="style"> visibility: hidden;
font-family: 'Arial', sans-serif;
}
/* Initial preload-klasse */
.is-preload #wrapper {
opacity: 0;
transition: opacity 0.3s ease-in;
}
/* Kritisk CSS for vigtig styling */
body.loaded {
visibility: visible;
}
</style>
<!-- Skrifttyper og CSS -->
<link rel="stylesheet" href="/static/css/main.min.css?v={{ timestamp }}">
<!-- Fallback for brugere uden JavaScript -->
<noscript>
<link rel="stylesheet" href="/static/css/main.min.css?v={{ timestamp }}">
</noscript>
</head> </head>
<body class="is-preload" lang="da"> <body class="is-preload" lang="da">
<script>
// Fjern preload-klasse og vis siden, når alt er indlæst
window.addEventListener('load', () => {
document.body.classList.remove('is-preload');
document.body.classList.add('loaded');
});
</script>
<!-- Wrapper --> <!-- Wrapper -->
<div id="wrapper"> <div id="wrapper">
<!-- Main --> <!-- Main -->
@@ -63,13 +98,12 @@
</div> <!-- Closing sidebar div --> </div> <!-- Closing sidebar div -->
</div> <!-- Closing wrapper div --> </div> <!-- Closing wrapper div -->
<!-- Scripts --> <!-- Scripts med defer for at undgå blokerende indlæsning -->
<script src="/static/js/jquery.min.js" defer></script> <script src="/static/js/jquery.min.js" defer></script>
<script src="/static/js/browser.min.js" defer></script> <script src="/static/js/browser.min.js" defer></script>
<script src="/static/js/breakpoints.min.js" defer></script> <script src="/static/js/breakpoints.min.js" defer></script>
<script src="/static/js/util.js" defer></script> <script src="/static/js/util.js" defer></script>
<script src="/static/js/main.js" defer></script> <script src="/static/js/main.js" defer></script>
<script src="/static/js/modal_handler.js?v={{ timestamp }}"></script> <script src="/static/js/modal_handler.js?v={{ timestamp }}" defer></script>
</body> </body>
</html> </html>

2
templates/navigation.html
View File

@@ -25,7 +25,7 @@
<div class="mini-posts"> <div class="mini-posts">
{% for favorite in data.favorites %} {% for favorite in data.favorites %}
<article> <article>
<a href="{{ favorite.path }}" class="image"> <a href="/category/{{ favorite.path }}" class="image">
<img src="/static/{{favorite.image}}" alt="{{ favorite.name }}" height=300 width=40/> <img src="/static/{{favorite.image}}" alt="{{ favorite.name }}" height=300 width=40/>
</a> </a>
<p><b>{{ favorite.path }}</b>: {{ favorite.description }}</p> <p><b>{{ favorite.path }}</b>: {{ favorite.description }}</p>