script for hoveing qutoes highlighting posts

gulp/res/css/style.css

@@ -498,7 +498,7 @@ textarea {
 	max-width: 100%;
 }
 
-.anchor:target + .post-container {
+.anchor:target + .post-container, .post-container.highlighted {
 	background-color: var(--highlighted-post-color) !important;
 	border-color: var(--highlighted-post-outline-color) !important;
 }

gulp/res/js/hover.js

@@ -0,0 +1,17 @@
+window.addEventListener('DOMContentLoaded', (event) => {
+
+	var quotes = document.getElementsByClassName('quote');
+
+	var toggleHighlightPost = function(e) {
+		var hash = this.hash.substring(1);
+		var anchor = document.getElementById(hash);
+		var post = anchor.nextSibling;
+		post.classList.toggle('highlighted');
+	};
+
+	for (var i = 0; i < quotes.length; i++) {
+		quotes[i].addEventListener('mouseover', toggleHighlightPost, false);
+		quotes[i].addEventListener('mouseout', toggleHighlightPost, false);
+	}
+
+});