mo8it/yinghong-massage.de
1
0
Fork 0
Code Issues Activity

Compare commits

base: mo8it:d32cb7a5c291ceacfa7cdbcbf7a6dbd6324804f6
Branches Tags
mo8it:main
...
compare: mo8it:20bcbb362f64285465ac479822ec71a1c5a04635
Branches Tags
mo8it:main

7 commits
d32cb7a5c2 ... 20bcbb362f

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

2
config.toml
View file

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

2
package.json
View file

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

3
templates/404.html
View file

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

9
templates/appointment.html
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"> <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") %} {% set image = resize_image(path=page.assets | first, width=600, height=600, op="fill") %}
<img src="{{ image.url }}" <img class="object-cover justify-self-center rounded drop-shadow"
class="object-cover justify-self-center rounded drop-shadow" /> src="{{ image.url }}"
alt="">
<div class="divide-y"> <div class="divide-y">
{{ page.content | safe }} {{ page.content | safe }}
@ -52,9 +53,7 @@
{% endblock %} {% endblock %}
{% block scripts %} {% block scripts %}
<script> <script type="module">
"use strict";
const iframe = document.querySelector("#iframe"); const iframe = document.querySelector("#iframe");
iframe.addEventListener("load", () => { iframe.addEventListener("load", () => {

18
templates/base.html
View file

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

9
templates/index.html
View file

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

5
templates/offers.html
View file

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