1
0
Fork 0

Compare commits

..

7 commits

Author SHA1 Message Date
20bcbb362f Make scripts modules 2023-11-22 03:05:09 +01:00
fdd22e00df Use p instead of skipping h levels 2023-11-22 03:00:49 +01:00
c65388aec3 Update rustywind 2023-11-22 03:00:22 +01:00
923f58a1a3 Hide logo in accessibility mode 2023-11-22 03:00:13 +01:00
8451aee6e6 Add alt tags 2023-11-22 02:39:08 +01:00
3babbc881a Remove no-referrer 2023-11-22 02:28:39 +01:00
45879483b0 Remove unneeded slash 2023-11-22 02:28:18 +01:00
7 changed files with 25 additions and 23 deletions

View file

@ -12,8 +12,6 @@ description = "Mühlenstraße 69, 56859 Alf"
compile_sass = false
build_search_index = false
external_links_no_referrer = true
[extra]
portrait_path = "images/index/portrait.jpeg"

View file

@ -1,7 +1,7 @@
{
"devDependencies": {
"leaflet": "^1.9.4",
"rustywind": "^0.19.0",
"rustywind": "^0.20.0",
"tailwindcss": "^3.3.3"
}
}

View file

@ -7,7 +7,8 @@
<h1>Page not found!</h1>
<img class="mb-5 max-h-[50vh]"
src="{{ get_url(path='images/404/bot.svg') | safe }}" />
src="{{ get_url(path='images/404/bot.svg') | safe }}"
alt="">
<div class="flex justify-center">{{ macros::btn(link=get_url(path='/') , text="Zurück zur Startseite") }}</div>
</div>

View file

@ -5,8 +5,9 @@
<div class="grid grid-cols-1 gap-y-4 gap-x-8 items-center mb-5 lg:grid-cols-2">
{% set image = resize_image(path=page.assets | first, width=600, height=600, op="fill") %}
<img src="{{ image.url }}"
class="object-cover justify-self-center rounded drop-shadow" />
<img class="object-cover justify-self-center rounded drop-shadow"
src="{{ image.url }}"
alt="">
<div class="divide-y">
{{ page.content | safe }}
@ -52,9 +53,7 @@
{% endblock %}
{% block scripts %}
<script>
"use strict";
<script type="module">
const iframe = document.querySelector("#iframe");
iframe.addEventListener("load", () => {

View file

@ -1,8 +1,8 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
{%- block title -%}
@ -21,10 +21,10 @@
<link rel="icon"
type="image/x-icon"
href="{{ get_url(path='images/logo.svg') | safe }}" />
href="{{ get_url(path='images/logo.svg') | safe }}">
<link href="{{ get_url(path='main.css') | safe }}?v={{ now(timestamp=true) }}"
rel="stylesheet" />
rel="stylesheet">
{% block styles %}{% endblock %}
</head>
@ -36,7 +36,7 @@
<div class="mb-3 w-full bg-black/60">
<div class="py-2 px-4 mx-auto max-w-screen-xl text-white">
<h1>{{ config.title }}</h1>
<h5>{{ config.description }}</h5>
<p class="text-lg">{{ config.description }}</p>
</div>
</div>
</div>
@ -44,10 +44,12 @@
<div class="pt-3 w-full"
style="background-image: linear-gradient(#B2DEA7, 15%, white)">
<div class="flex gap-x-2 items-center px-3 mx-auto mb-3 max-w-screen-xl sm:gap-x-4">
<a class="p-0.5 transition duration-500 hover:scale-110"
href="{{ get_url(path='/') | safe }}">
<a class="p-0.5 transition duration-500 hover:scale-110 aria-hidden:hidden"
href="{{ get_url(path='/') | safe }}"
aria-hidden="true">
<img class="object-contain w-16 h-16 rounded"
src="{{ get_url(path='images/logo.svg') | safe }}" />
src="{{ get_url(path='images/logo.svg') | safe }}"
alt="">
</a>
<nav class="flex gap-x-3 items-center sm:gap-x-4">

View file

@ -4,14 +4,15 @@
{% block styles %}
<link rel="stylesheet"
href="{{ get_url(path='leaflet/leaflet.css') | safe }}?v={{ now(timestamp=true) }}" />
href="{{ get_url(path='leaflet/leaflet.css') | safe }}?v={{ now(timestamp=true) }}">
{% endblock %}
{% block content %}
<div class="grid grid-cols-1 gap-y-4 gap-x-6 items-center mb-5 md:grid-cols-2">
{% set image = resize_image(path=config.extra.portrait_path, height=500, op="fit_height") %}
<img src="{{ image.url }}"
class="object-contain justify-self-center rounded drop-shadow" />
<img class="object-contain justify-self-center rounded drop-shadow"
src="{{ image.url }}"
alt="">
{{ section.content | safe }}
</div>
@ -26,7 +27,7 @@
{% block scripts %}
<script src="{{ get_url(path='leaflet/leaflet.js') | safe }}?v={{ now(timestamp=true) }}"></script>
<script>
<script type="module">
L.Icon.Default.imagePath = "{{ get_url(path='leaflet/images/', trailing_slash=true) | safe }}";
var center = L.latLng(50.05427, 7.11814);

View file

@ -7,8 +7,9 @@
{% set dir = page.path | trim_start_matches(pat="/") %}
{% set image_path = dir ~ image_filename %}
{% set image = resize_image(path=image_path, width=400, height=400, op="fill") %}
<img src="{{ image.url }}"
class="object-cover justify-self-center rounded drop-shadow" />
<img class="object-cover justify-self-center rounded drop-shadow"
src="{{ image.url }}"
alt="">
<div>
<h3>{{ name }}</h3>