FISO theme

2024-10-29 12:47:52 +01:00
commit b68b5bb58a
16 changed files with 1742 additions and 0 deletions
--- a/fiso-theme/templates/partials/base.html.twig
+++ b/fiso-theme/templates/partials/base.html.twig
@ -0,0 +1,53 @@
+{% set theme_config = attribute(config.themes, config.system.pages.theme) %}
+<!doctype html>
+
+<html lang="{{ grav.language.getActive ?: theme_config.default_lang }}">
+
+<head>
+	{% block head %}
+	<meta charset="utf-8">
+
+	{% block title %}
+	<title>{% if header.title %}{{ header.title|e('html') }} | {% endif %}{{ site.title|e('html') }}</title>
+	{% endblock %}
+
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+	<link
+		href="https://fonts.googleapis.com/css2?family=MuseoModerno:wght@500;700&family=Open+Sans:wght@300;400;600;700;800&display=swap"
+		rel="stylesheet">
+	<link rel="stylesheet" href="{{ url('theme://assets/css/main.css') }}">
+	<meta name="theme-color" content="#614eff">
+	<link rel="canonical" href="{{ page.url(true, true) }}" />
+	{% endblock head%}
+</head>
+
+<body class="bg-gray-100">
+
+	<div class="my-4 mx-auto max-w-4xl">
+		<img width="150" class="mx-auto my-6" src="{{ url('theme://assets/img/logo.png') }}" alt="FISO"></img>
+
+		<div class="flex gap-x-12 justify-center mb-8">
+			{% for page in pages.children.visible %}
+			<a href="{{ page.url }}" class="font-semibold hover:text-fisoPrimary text-slate-900">{{ page.title }}</a>
+			{% endfor %}
+		</div>
+	</div>
+
+	<div class="container mx-auto max-w-2xl sm:px-6 lg:px-8 my-4 mb-12">
+		{% block body %}
+		{% endblock %}
+
+		<footer class="text-center text-sm text-slate-600 mt-6">
+			Designed & developed with ❤️ by <a href="https://christiaangoossens.nl"
+				class="hover:text-fisoSecondary">Christiaan
+				Goossens</a>.<br />
+			© {{ 'now' | date('Y') }} - Stichting FISO Eindhoven
+		</footer>
+	</div>
+</body>
+
+</html>