Add some alt texts

blueprints.yaml

@@ -1,5 +1,5 @@
 name: Reitanlage Oranienburg
-version: 1.1.1
+version: 1.2.0
 description: Design der Reitanlage Oranienburg
 icon: rebel
 author:
@@ -15,17 +15,22 @@ license: Apache-2.0
 form:
   validation: loose
   fields:
-    dropdown.enabled:
+    umami.enabled:
         type: toggle
-        label: Dropdown in Menu
+        label: Enable umami analytics
         highlight: 1
-        default: 1
+        default: 0
         options:
-          1: PLUGIN_ADMIN.ENABLED
-          0: PLUGIN_ADMIN.DISABLED
+          1: Enabled
+          0: Disabled
         validate:
           type: bool
-
+    umami.id:
+        type: text
+        label: ID for umami analytics
+    umami.url:
+        type: text
+        label: URL to load umami script from
     custom_logo:
       type: file
       label: Logo
@@ -33,6 +38,6 @@ form:
       destination: 'theme://images/logo'
       multiple: false
       markdown: true
-      description: Will be used instead of default logo `theme://images/grav-logo.svg`
+      description: Will be used instead of default logo `theme://images/logo.svg`
       accept:
         - image/*

templates/home.html.twig

@@ -24,7 +24,7 @@ <h1 class="d-inline">
                             {% set class_active = ' active' %}
                         {% endif %}
                         <div class="carousel-item{{ class_active }}">
-                            <img class="d-block" src="{{ media_item.resize(540, 400).quality(75).url }}">
+                            <img alt="Bild der Slideshow zur Reitanlage." class="d-block" src="{{ media_item.resize(540, 400).quality(75).url }}">
                         </div>
                     {% endfor %}
                 </div>
@@ -49,7 +49,7 @@ <h3>
             {% if news_latest.media.images %}
                 {% set text_class = 'col-12 col-md-9' %}
                 <div class="col-12 col-md-3">
-                    <img width="100%" src="{{ news_latest.media.images|first.quality(25).url }}">
+                    <img alt="Titelbild der letzten News." width="100%" src="{{ news_latest.media.images|first.quality(25).url }}">
                 </div>
             {% endif %}
             <div class="{{ text_class }}">

templates/partials/base.html.twig

@@ -47,7 +47,7 @@
                         <a href="/" class="col-12">
                             {% include 'partials/logo.html.twig' with {style: 'filter: invert(100%); margin-right: 0.5rem;'} %}
                             {% for media_item in header_page.media.images %}
-                                <img src="{{ media_item.quality(15).url }}" />
+                                <img alt="Eines der Bilder im Seiten-Header." src="{{ media_item.quality(15).url }}" />
                             {% endfor %}
                         </a>
                     </div>
@@ -94,4 +94,8 @@
     {{ assets.js()|raw }}
 {% endblock %}
 
+{% if theme_var('umami.enabled') %}
+    <script async defer data-website-id="{{ theme_var('umami.id') }}" src="{{ theme_var('umami.url') }}"></script>
+{% endif %}
+
 </html>

templates/partials/logo.html.twig

@@ -6,7 +6,7 @@
 {% endif %}
 {% if logo %}
     {% set logo_file = (logo|first).name %}
-    <img {{ style }} src="{{ url('theme://images/logo/' ~ logo_file) }}" />
+    <img {{ style }} alt="The logo of the webpage" src="{{ url('theme://images/logo/' ~ logo_file) }}" />
 {% else %}
-    <img {{ style }} src="{{ url('theme://images/logo.svg') }}" />
+    <img {{ style }} alt="The logo of the webpage" src="{{ url('theme://images/logo.svg') }}" />
 {% endif %}