1
0
Fork 0
yinghong-massage.de/templates/index.html

49 lines
1.7 KiB
HTML
Raw Normal View History

{% extends "base.html" %}
2022-10-24 23:11:48 +00:00
2023-05-31 00:27:56 +00:00
{% import "macros.html" as macros %}
2023-05-30 14:10:00 +00:00
{% block styles %}
<link rel="stylesheet"
2023-11-22 01:28:18 +00:00
href="{{ get_url(path='leaflet/leaflet.css') | safe }}?v={{ now(timestamp=true) }}">
2023-05-30 14:10:00 +00:00
{% endblock %}
2022-10-24 23:11:48 +00:00
2022-10-24 14:35:18 +00:00
{% block content %}
2023-05-31 23:08:16 +00:00
<div class="grid grid-cols-1 gap-y-4 gap-x-6 items-center mb-5 md:grid-cols-2">
2023-05-31 00:27:56 +00:00
{% set image = resize_image(path=config.extra.portrait_path, height=500, op="fit_height") %}
2023-11-22 01:39:08 +00:00
<img class="object-contain justify-self-center rounded drop-shadow"
src="{{ image.url }}"
alt="">
2023-05-31 00:27:56 +00:00
2023-06-01 11:07:15 +00:00
{{ section.content | safe }}
2022-10-24 23:11:48 +00:00
</div>
2023-05-31 00:27:56 +00:00
<div class="flex justify-center">{{ macros::btn(link=get_url(path='@/angebot/index.md') , text="User Angebot") }}</div>
<div class="flex justify-center">
{{ macros::btn(link=get_url(path='@/termin/index.md') , text="Terminvereinbarung") }}
2022-10-24 23:11:48 +00:00
</div>
2023-05-31 00:27:56 +00:00
<div class="mt-4 shadow h-[40vh]" id="map"></div>
2022-10-24 23:11:48 +00:00
{% endblock %}
{% block scripts %}
<script src="{{ get_url(path='leaflet/leaflet.js') | safe }}?v={{ now(timestamp=true) }}"></script>
2023-11-22 02:05:09 +00:00
<script type="module">
2023-05-30 14:10:00 +00:00
L.Icon.Default.imagePath = "{{ get_url(path='leaflet/images/', trailing_slash=true) | safe }}";
2022-11-21 12:03:46 +00:00
2023-08-28 18:45:13 +00:00
var center = L.latLng(50.05427, 7.11814);
2022-10-24 23:11:48 +00:00
var map = L.map('map', {
center: center,
2022-10-29 19:10:34 +00:00
zoom: 17,
scrollWheelZoom: false,
2022-10-24 23:11:48 +00:00
});
2022-11-21 12:03:46 +00:00
2022-10-24 23:11:48 +00:00
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
minZoom: 5,
maxZoom: 19,
attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
}).addTo(map);
2022-11-21 12:03:46 +00:00
2023-08-28 18:45:13 +00:00
L.marker(center).addTo(map).bindPopup("{{ config.description }}").openPopup();
2022-10-24 23:11:48 +00:00
</script>
{% endblock %}