From def39bc3afd58d4237ef3d8ba9491f55dd47034b Mon Sep 17 00:00:00 2001
From: lukmay <lukas.mayr00@gmail.com>
Date: Fri, 5 Jul 2024 17:52:32 +0200
Subject: [PATCH 1/4] add IDs and copyble links to each section and video

---
 .../layouts/events/video-library/list.html    |  6 ++--
 .../odh-fbe/layouts/partials/video-text.html  | 36 ++++++++++---------
 2 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/src/themes/odh-fbe/layouts/events/video-library/list.html b/src/themes/odh-fbe/layouts/events/video-library/list.html
index a9609b0a..cc6eb5d3 100644
--- a/src/themes/odh-fbe/layouts/events/video-library/list.html
+++ b/src/themes/odh-fbe/layouts/events/video-library/list.html
@@ -9,7 +9,6 @@
 {{ partial "title.html" .Params }}
 
 {{ range site.Data.videos.sections }}
-    <a id="{{ .title }}"></a>
     <section class="py-3">
         <div class="container py-3">
             <h3
@@ -19,8 +18,11 @@
                 aria-expanded="{{ .initially_expanded }}"
                 aria-controls="video-list-{{ sha1 .title }}"
                 class="d-inline video-section-title"
+                id="{{ .title | anchorize }}"
             >
-                {{ .title | markdownify }}
+                <a href="#{{ .title | anchorize }}" class="anchor-link">
+                    {{ .title | markdownify }}
+                </a>
                 <i class="fa fa-caret-up ms-1" aria-hidden="true"></i>
             </h3>
         </div>
diff --git a/src/themes/odh-fbe/layouts/partials/video-text.html b/src/themes/odh-fbe/layouts/partials/video-text.html
index 560b795f..4d21c610 100644
--- a/src/themes/odh-fbe/layouts/partials/video-text.html
+++ b/src/themes/odh-fbe/layouts/partials/video-text.html
@@ -5,22 +5,26 @@
 */}}
 
 {{"<!-- Double Column Imgs - Text -->" | safeHTML }}
-<section class="imgs-icon-text">
-	<div class="container">
-		<div class="row gy-4 justify-content-between align-items-center py-4">
-			<div class="col-12 col-lg-4 m-lg-0 d-flex justify-content-center">
-				{{ partial "video-iframe.html" . }}
-			</div>
-			<div class="col-12 col-lg-6 m-lg-0">
-				{{ with .subtitle }}<span class="fw-semibold fs-5">{{ . | markdownify }}</span>{{ end }}
-				<h2 class="mt-2">{{ .title | markdownify }}</h2>
-				<p>{{ .description | markdownify }}</p>
+<section class="imgs-icon-text" id="{{ .title | anchorize }}">
+    <div class="container">
+        <div class="row gy-4 justify-content-between align-items-center py-4">
+            <div class="col-12 col-lg-4 m-lg-0 d-flex justify-content-center">
+                {{ partial "video-iframe.html" . }}
+            </div>
+            <div class="col-12 col-lg-6 m-lg-0">
+                {{ with .subtitle }}<span class="fw-semibold fs-5">{{ . | markdownify }}</span>{{ end }}
+                <h2 class="mt-2">
+                    <a href="#{{ .title | anchorize }}" class="anchor-link">
+                        {{ .title | markdownify }}
+                    </a>
+                </h2>
+                <p>{{ .description | markdownify }}</p>
 
-				{{ if and (isset . "btn_link") (isset . "btn_label") }}
-				<a {{ if .target_blank }}target="_blank"{{ end }} href="{{.btn_link}}" class="btn btn-primary">{{ .btn_label | markdownify }}</a>
-				{{ end }}
-			</div>
-		</div>
-	</div>
+                {{ if and (isset . "btn_link") (isset . "btn_label") }}
+                <a {{ if .target_blank }}target="_blank"{{ end }} href="{{.btn_link}}" class="btn btn-primary">{{ .btn_label | markdownify }}</a>
+                {{ end }}
+            </div>
+        </div>
+    </div>
 </section>
 {{"<!-- /Double Column Imgs - Text -->" | safeHTML }}

From 86ff9cd447b9c98290b4aec1c94ee9775838c788 Mon Sep 17 00:00:00 2001
From: lukmay <lukas.mayr00@gmail.com>
Date: Fri, 5 Jul 2024 18:23:37 +0200
Subject: [PATCH 2/4] add logic to open correct section for video

---
 src/themes/odh-fbe/layouts/partials/js.html | 43 +++++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/src/themes/odh-fbe/layouts/partials/js.html b/src/themes/odh-fbe/layouts/partials/js.html
index 57d84496..56a61746 100644
--- a/src/themes/odh-fbe/layouts/partials/js.html
+++ b/src/themes/odh-fbe/layouts/partials/js.html
@@ -6,4 +6,47 @@
 
 {{ range .Site.Params.plugins.js}}
 	<script src="{{ .URL | absURL }}"></script>
+	<script>
+		document.addEventListener('DOMContentLoaded', function() {
+			var hash = window.location.hash;
+			if (hash) {
+				var targetElement = document.querySelector(hash);
+				if (targetElement) {
+
+					var allSections = document.querySelectorAll('.collapse');
+					allSections.forEach(function(section) {
+						if (section.classList.contains('show')) {
+							section.classList.remove('show');
+							var button = document.querySelector('[data-bs-target="#' + section.id + '"]');
+							if (button) {
+								button.setAttribute('aria-expanded', 'false');
+								var icon = button.querySelector('i.fa-caret-up');
+								if (icon) {
+									icon.classList.remove('fa-caret-up');
+									icon.classList.add('fa-caret-down');
+								}
+							}
+						}
+					});
+		
+					var section = targetElement.closest('.collapse');
+					if (section && !section.classList.contains('show')) {
+						var button = document.querySelector('[data-bs-target="#' + section.id + '"]');
+						if (button) {
+							button.click();
+							button.setAttribute('aria-expanded', 'true');
+							var icon = button.querySelector('i.fa-caret-down');
+							if (icon) {
+								icon.classList.remove('fa-caret-down');
+								icon.classList.add('fa-caret-up');
+							}
+						}
+					}
+				}
+			}
+		});
+		</script>
+		
+		
+
 {{ end }}
\ No newline at end of file

From 6d33162940a1032d4bafb9df03d41ea9c7f99a13 Mon Sep 17 00:00:00 2001
From: lukmay <lukas.mayr00@gmail.com>
Date: Fri, 5 Jul 2024 18:29:42 +0200
Subject: [PATCH 3/4] add comments to new scirpt

---
 src/themes/odh-fbe/layouts/partials/js.html | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/themes/odh-fbe/layouts/partials/js.html b/src/themes/odh-fbe/layouts/partials/js.html
index 56a61746..7ca36ec1 100644
--- a/src/themes/odh-fbe/layouts/partials/js.html
+++ b/src/themes/odh-fbe/layouts/partials/js.html
@@ -8,18 +8,23 @@
 	<script src="{{ .URL | absURL }}"></script>
 	<script>
 		document.addEventListener('DOMContentLoaded', function() {
+			// Get the current hash from the URL
 			var hash = window.location.hash;
 			if (hash) {
+				// Find the element that matches the hash
 				var targetElement = document.querySelector(hash);
 				if (targetElement) {
-
+					// Close all other sections and update their icons
 					var allSections = document.querySelectorAll('.collapse');
 					allSections.forEach(function(section) {
 						if (section.classList.contains('show')) {
 							section.classList.remove('show');
+							// Find the button that controls this section
 							var button = document.querySelector('[data-bs-target="#' + section.id + '"]');
 							if (button) {
+								// Update the aria-expanded attribute to false
 								button.setAttribute('aria-expanded', 'false');
+								// Change the icon to indicate the section is collapsed
 								var icon = button.querySelector('i.fa-caret-up');
 								if (icon) {
 									icon.classList.remove('fa-caret-up');
@@ -29,11 +34,15 @@
 						}
 					});
 		
+					// Find the closest section to the target element
 					var section = targetElement.closest('.collapse');
 					if (section && !section.classList.contains('show')) {
+						// Find the button that controls this section
 						var button = document.querySelector('[data-bs-target="#' + section.id + '"]');
 						if (button) {
+							// Simulate a click to open the section
 							button.click();
+							// Ensure the icon state is updated for the opened section
 							button.setAttribute('aria-expanded', 'true');
 							var icon = button.querySelector('i.fa-caret-down');
 							if (icon) {
@@ -48,5 +57,6 @@
 		</script>
 		
 		
+		
 
 {{ end }}
\ No newline at end of file

From 6d04877a8704230f0cb07ecb054e4f1bfee36711 Mon Sep 17 00:00:00 2001
From: Simon Dalvai <s.dalvai@noi.bz.it>
Date: Thu, 11 Jul 2024 09:37:53 +0200
Subject: [PATCH 4/4] remove js for anchor links

---
 src/themes/odh-fbe/layouts/partials/js.html | 55 +--------------------
 1 file changed, 1 insertion(+), 54 deletions(-)

diff --git a/src/themes/odh-fbe/layouts/partials/js.html b/src/themes/odh-fbe/layouts/partials/js.html
index 7ca36ec1..5e421414 100644
--- a/src/themes/odh-fbe/layouts/partials/js.html
+++ b/src/themes/odh-fbe/layouts/partials/js.html
@@ -6,57 +6,4 @@
 
 {{ range .Site.Params.plugins.js}}
 	<script src="{{ .URL | absURL }}"></script>
-	<script>
-		document.addEventListener('DOMContentLoaded', function() {
-			// Get the current hash from the URL
-			var hash = window.location.hash;
-			if (hash) {
-				// Find the element that matches the hash
-				var targetElement = document.querySelector(hash);
-				if (targetElement) {
-					// Close all other sections and update their icons
-					var allSections = document.querySelectorAll('.collapse');
-					allSections.forEach(function(section) {
-						if (section.classList.contains('show')) {
-							section.classList.remove('show');
-							// Find the button that controls this section
-							var button = document.querySelector('[data-bs-target="#' + section.id + '"]');
-							if (button) {
-								// Update the aria-expanded attribute to false
-								button.setAttribute('aria-expanded', 'false');
-								// Change the icon to indicate the section is collapsed
-								var icon = button.querySelector('i.fa-caret-up');
-								if (icon) {
-									icon.classList.remove('fa-caret-up');
-									icon.classList.add('fa-caret-down');
-								}
-							}
-						}
-					});
-		
-					// Find the closest section to the target element
-					var section = targetElement.closest('.collapse');
-					if (section && !section.classList.contains('show')) {
-						// Find the button that controls this section
-						var button = document.querySelector('[data-bs-target="#' + section.id + '"]');
-						if (button) {
-							// Simulate a click to open the section
-							button.click();
-							// Ensure the icon state is updated for the opened section
-							button.setAttribute('aria-expanded', 'true');
-							var icon = button.querySelector('i.fa-caret-down');
-							if (icon) {
-								icon.classList.remove('fa-caret-down');
-								icon.classList.add('fa-caret-up');
-							}
-						}
-					}
-				}
-			}
-		});
-		</script>
-		
-		
-		
-
-{{ end }}
\ No newline at end of file
+{{ end }}