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>
<!-- Dynamisk titel for SEO -->
<title>{% block title %} - {{ page_title }}{% endblock %}</title>
<!-- Karakter-encoding -->
<meta charset="utf-8">
<!-- Responsivt layout -->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<!-- Beskrivelse til søgemaskiner -->
<meta name="description" content="{{ meta_description | default('Din ultimative guide til Portugal og vores rejse mod en frisk start.') }}">
<!-- Nøgleord til søgemaskiner -->
<meta name="keywords" content="{{ meta_keywords | default('Portugal, FAQ, Rejser, Henrik, Erika, Flytte til Portugal, Livskvalitet') }}">
<!-- Forfatter -->
<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';">
<noscript><link rel="stylesheet" href="/static/css/main.min.css?v={{ timestamp }}"></noscript>
<!-- Just to make lighthouse happy -->
<link rel="preload" href="/static/images/pic11.jpg" as="image">
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" as="style">
<!-- Kritisk CSS for at forhindre FOUC -->
<style>
/* Skjul kroppen indtil CSS er klar for at forhindre FOUC */
body {
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>
<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 -->
<div id="wrapper">
<!-- Main -->
@@ -63,13 +98,12 @@
</div> <!-- Closing sidebar 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/browser.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/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>
</html>

2
templates/navigation.html
View File

@@ -25,7 +25,7 @@
<div class="mini-posts">
{% for favorite in data.favorites %}
<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/>
</a>
<p><b>{{ favorite.path }}</b>: {{ favorite.description }}</p>