Add external link tracking

.forgejo/workflows/release.yaml

@@ -0,0 +1,29 @@
+on:
+  push:
+    tags:
+      - v**
+jobs:
+  build-artifacts:
+    runs-on: docker
+    steps:
+      - uses: https://code.forgejo.org/actions/checkout@v3
+      - id: build
+        run: |
+          echo "@fontawesome:registry=https://git.serguzim.me/api/packages/fontawesome/npm/" > .npmrc
+          echo "//git.serguzim.me/api/packages/fontawesome/npm/:_authToken=${{ secrets.FORGEJO_TOKEN }}" >> .npmrc
+          mkdir /tmp/release-dir
+
+          npm install
+          npm run production
+
+          git add -f dist/
+          git stash
+
+          git config --global --add safe.directory ${{ github.workspace }}
+          git archive --format=zip 'stash@{0}' -o /tmp/release-dir/reitanlage-oranienburg-${{ github.ref_name }}.zip --prefix=reitanlage-oranienburg/
+        shell: bash
+      - uses: https://code.forgejo.org/actions/forgejo-release@v1
+        with:
+          direction: upload
+          release-dir: /tmp/release-dir
+          token: ${{ github.token }}

.woodpecker.yml

@@ -1,42 +0,0 @@
-workspace:
-  base: /src/
-  path: reitanlage-oranienburg/
-
-pipeline:
-  build_npm:
-    image: node:16.0.0
-    secrets: [ fontawesome_token ]
-    commands:
-      - echo "@fortawesome:registry=https://npm.fontawesome.com/" > .npmrc
-      - echo "//npm.fontawesome.com/:_authToken=$${FONTAWESOME_TOKEN}" >> .npmrc
-      - npm install
-      - npm run production
-    when:
-      event:
-        - tag
-
-  prepare_zip:
-    image: bitnami/git
-    commands:
-      - git add -f dist/
-      - git commit -m 'TEMP FOR CI'
-      - git config --global --add safe.directory /src/reitanlage-oranienburg
-      - git archive --format=zip HEAD -o /src/reitanlage-oranienburg-${CI_COMMIT_TAG}.zip --prefix=reitanlage-oranienburg/
-    when:
-      event:
-        - tag
-
-  release:
-    image: plugins/gitea-release
-    settings:
-      api_key:
-        from_secret: gitea_token
-      base_url: https://git.serguzim.me
-      files:
-        - /src/reitanlage-oranienburg-${CI_COMMIT_TAG}.zip
-      title: ${CI_COMMIT_TAG}
-    when:
-      event:
-        - tag
-
-branches: main

CHANGELOG.md

@@ -1,5 +0,0 @@
-# v0.1.0
-##  12/21/2019
-
-1. [](#new)
-    * ChangeLog started...

blueprints.yaml

@@ -1,5 +1,5 @@
 name: Reitanlage Oranienburg
-version: 1.4.2
+version: 1.4.8
 description: Design der Reitanlage Oranienburg
 icon: rebel
 author:
@@ -31,6 +31,9 @@ form:
     umami.url:
         type: text
         label: URL to load umami script from
+    umami.url_external_tracking:
+        type: text
+        label: URL to load umami external tracking script from
     custom_logo:
       type: file
       label: Logo

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "reitanlage-oranienburg",
-	"version": "1.4.2",
+	"version": "1.4.8",
 	"description": "The Reitanlage Oranienburg Theme for Grav CMS.",
 	"main": "index.js",
 	"scripts": {
@@ -20,7 +20,7 @@
 	"author": "",
 	"license": "Apache-2.0",
 	"dependencies": {
-		"@fortawesome/fontawesome-pro": "^6.2",
+		"@fontawesome/fontawesome-pro": "^6.2",
 		"@popperjs/core": "^2.11.6",
 		"autoprefixer": "^10.0",
 		"bootstrap": "^5.2",

src/sass/app.scss

@@ -3,7 +3,7 @@ $primary: #2b3bb4;
 @import '~bootstrap/scss/bootstrap';
 
 // FontAwesome
-@import '~@fortawesome/fontawesome-pro/css/all.css';
+@import '~@fontawesome/fontawesome-pro/css/all.css';
 
 // PhotoSwipe
 @import '~photoswipe/dist/photoswipe.css';

templates/kontakt.html.twig

@@ -12,8 +12,10 @@
         </div>
     </div>
     <div class="row">
-        <div class="col-12" style="height: 300px">
-            {% include 'partials/osm.html.twig' %}
+        <div class="col-12 h-100">
+			<div class="w-100" style="min-height: 300px">
+				{% include 'partials/osm.html.twig' %}
+			</div>
         </div>
     </div>
 {% endblock %}

templates/partials/base.html.twig

@@ -43,7 +43,7 @@
             <header class="p-2 bg-ro text-white">
                 <div class="container">
                     <div class="row row-fixed-h mb-2">
-                        <a href="/" class="col-12">
+                        <a href="/" class="col-12" data-umami-event="Header-Logo button">
                             {% include 'partials/logo.html.twig' with {style: 'filter: invert(100%); margin-right: 0.5rem;'} %}
                             {% for media_item in header_page.media.images %}
                                 {% set aspect = media_item.width / media_item.height %}
@@ -79,9 +79,6 @@
                     <div class="row">
                         <p class="mx-auto w-auto">&#169; Heike Tischler</p>
                     </div>
-                    <div class="row">
-                        <p class="mx-auto w-auto">Diese Webseite nutzt <a target="_blank" rel="noopener" href="http://getgrav.org">Grav</a> von <a target="_blank" rel="noopener" href="http://www.rockettheme.com">RocketTheme</a>.</p>
-                    </div>
                 </footer>
             {% endblock %}
         </footer>
@@ -98,6 +95,7 @@
 
 {% if theme_var('umami.enabled') %}
     <script async defer data-website-id="{{ theme_var('umami.id') }}" src="{{ theme_var('umami.url') }}"></script>
+    <script async defer src="{{ theme_var('umami.url_external_tracking') }}"></script>
 {% endif %}
 
 </html>

templates/partials/navbar.html.twig

@@ -7,7 +7,7 @@
     <ul class="sidebar-nav">
         <li class="sidebar-spacer"></li>
         <li class="sidebar-brand">
-            <a href="{{ home_url }}" class="navbar-brand mr-10">
+            <a href="{{ home_url }}" class="navbar-brand mr-10" data-umami-event="Sidebar-Logo button">
                 {% include 'partials/logo.html.twig' %}
             </a>
         </li>

templates/partials/osm.html.twig

@@ -1,20 +1,19 @@
-<div class="w-100 h-100 d-flex flex-column">
+<div class="w-100 h-100 d-flex flex-column pb-2">
 	<div class="flex-grow-1">
 		<div class="position-relative w-100">
-			<img class="w-100" alt="Diese Karte zeigt unseren Hof" src="{{ url('theme://images/map.webp') }}">
+			<a target="_blank" rel="noopener" href="https://www.openstreetmap.org/way/203340031" data-umami-event="OSM button">
+				<img class="w-100" alt="Diese Karte zeigt unseren Hof" src="{{ url('theme://images/map.webp') }}">
+			</a>
+			<small class="d-block position-absolute bottom-0 start-0">
+				<a class="bg-white text-black p-1" target="_blank" rel="noopener" href="https://goo.gl/maps/WFYcPCQVA5u2vegy8" data-umami-event="Google-Maps button">
+					Auf Google Maps öffnen
+				</a>
+			</small>
 			<small class="d-block position-absolute bottom-0 end-0">
-				<a class="bg-white text-black p-1" target="_blank" rel="noopener" href="https://www.openstreetmap.org/copyright">
+				<a class="bg-white text-black p-1" target="_blank" rel="noopener" href="https://www.openstreetmap.org/copyright" data-umami-event="OSM-copyright button">
 					&#169; OpenStreetMap contributors
 				</a>
 			</small>
 		</div>
 	</div>
-    <small class="py-2 row">
-        <a class="py-2 py-md-0 col-12 col-md-6" target="_blank" rel="noopener" href="https://www.openstreetmap.org/way/203340031">
-            Auf OpenStreetMaps öffnen
-        </a>
-        <a class="py-2 py-md-0 col-12 col-md-6 text-md-end" target="_blank" rel="noopener" href="https://goo.gl/maps/WFYcPCQVA5u2vegy8">
-            Auf Google Maps öffnen
-        </a>
-    </small>
 </div>

templates/partials/socialmedia.html.twig

@@ -1,4 +1,4 @@
-<a role="button" class="btn btn-primary btn-facebook" target="_blank" rel="noopener" href="https://www.facebook.com/Reitanlage-Oranienburg-Heike-Tischler-456154271116487/">
+<a role="button" class="btn btn-primary btn-facebook" target="_blank" rel="noopener" href="https://www.facebook.com/Reitanlage-Oranienburg-Heike-Tischler-456154271116487/" data-umami-event="Facebook button">
     <i class="fab fa-facebook-f"></i>
     <span class="sr-only">zu unserer Facebook-Seite</span>
 </a>