christiaangoossens/fiso-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FISO theme

Browse Source
This commit is contained in:
Christiaan Goossens
2024-10-29 12:47:52 +01:00
commit b68b5bb58a
16 changed files with 1742 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
fiso-theme/templates/default.html.twig Normal file
View File

@ -0,0 +1,12 @@
{% extends 'partials/base.html.twig' %}
{% block body %}
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
<div class="px-4 py-5 sm:p-6">
<h1 class="text-2xl font-header font-bold text-fisoSecondary">{{ page.title }}</h1>
<div class="mt-6 grav-body-styling">
{{ page.content | raw }}
</div>
</div>
</div>
{% endblock %}

1
fiso-theme/templates/error.html.twig Normal file
View File

@ -0,0 +1 @@
{% extends 'default.html.twig' %}

43
fiso-theme/templates/frontpage.html.twig Normal file
View File

@ -0,0 +1,43 @@
{% extends 'partials/base.html.twig' %}
{% block body %}
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
<div class="px-4 py-5 sm:p-6">
<h1 class="text-3xl font-header font-bold text-fisoPrimary">{{ header.frontPageBoxTitle }}</h1>
<h2 class="text-xl font-medium text-slate-600">{{ header.frontPageBoxSubtitle }}</h2>
<div class="mt-6 grav-body-styling">
{{ page.content | raw }}
</div>
</div>
</div>
<div class="bg-white overflow-hidden shadow sm:rounded-lg my-6">
<div class="px-4 py-5 sm:p-6">
<h2 class="text-2xl font-header font-bold text-fisoSecondary">Our Board</h2>
<p>{{ header.boardIntro }}</p>
<ul role="list" class="grid gap-y-8 my-8">
{% for boardie in header.board %}
<li>
<div class="flex items-center gap-x-6">
<img class="h-16 w-16 rounded-full" src="{{ page.media[boardie.photo].url }}">
<div>
<h3 class="text-base/7 font-semibold tracking-tight text-gray-900">{{ boardie.name }}</h3>
<p class="text-sm/6 font-semibold">
<span class="text-slate-600">{{ boardie.function }}</span><br />
<span class="text-fisoPrimary">{{ boardie.email }}</span>
</p>
</div>
</div>
</li>
{% endfor %}
</ul>
<hr>
<p class="my-4 text-sm">
Supervised by the Supervisory Council<br />
<span class="text-fisoPrimary">supervisory-council@fiso-eindhoven.nl</span>
</p>
</div>
</div>
{% endblock %}

53
fiso-theme/templates/partials/base.html.twig Normal file
View File

@ -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>