From e75c9ccfdca9686467120bca9bef192edfc14acd Mon Sep 17 00:00:00 2001
From: Jonas Heinrich <onny@project-insanity.org>
Date: Tue, 21 Jul 2020 12:21:25 +0200
Subject: [PATCH] hightlight search results

---
 kit/css/content.css | 12 ++++++++++++
 kit/css/custom.css  | 12 ++++++------
 kit/css/search.css  |  5 +++++
 kit/footer.php      |  4 ++--
 kit/functions.php   | 12 ++++++++++++
 5 files changed, 37 insertions(+), 8 deletions(-)

diff --git a/kit/css/content.css b/kit/css/content.css
index 0f67f10..fb6da7d 100644
--- a/kit/css/content.css
+++ b/kit/css/content.css
@@ -1337,6 +1337,10 @@ body.page-theme-color-quaternary form input[type='submit'] {
 
 .teaser-box-category-marker .icon {
   mask: url('../img/teaser-box-arrow-brand-secondary.svg') no-repeat center / contain;
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-size: contain;
+  -webkit-mask-image: url('../img/teaser-box-arrow-brand-secondary.svg');
   position: absolute;
   right: 0;
   bottom: 0.55556rem;
@@ -1362,6 +1366,10 @@ body.page-theme-color-quaternary form input[type='submit'] {
 
 .teaser-box-color-brand-secondary .teaser-box-category-marker::after {
   mask: url('../img/teaser-box-arrow-brand-secondary.svg') no-repeat center / contain;
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-size: contain;
+  -webkit-mask-image: url('../img/teaser-box-arrow-brand-secondary.svg');
 }
 
 .teaser-box-color-brand-tertiary .teaser-box-category-marker {
@@ -1427,6 +1435,10 @@ body.page-theme-color-secondary .teaser-box-category-marker:hover {
 
 body.page-theme-color-secondary .teaser-box-category-marker::after {
   mask: url('../img/teaser-box-arrow-brand-secondary.svg') no-repeat center / contain;
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-size: contain;
+  -webkit-mask-image: url('../img/teaser-box-arrow-brand-secondary.svg');
 }
 
 body.page-theme-color-tertiary .teaser-box-image {
diff --git a/kit/css/custom.css b/kit/css/custom.css
index 501a59f..993735f 100644
--- a/kit/css/custom.css
+++ b/kit/css/custom.css
@@ -38,9 +38,9 @@ ul.bestandliste {
   padding: 2rem 0 2rem 0;
 }
 
-/* @media (max-width: 1024px) {
-  .intro-element .content-wrap #centeredMultiLine {
-    height: 100%;
-    line-height: 4em;
-  }
-} */
+.intro-element .content-wrap #centeredMultiLine {
+    display: flex;
+    align-self: flex-end;
+    align-items: center;
+    justify-content: center;
+}
diff --git a/kit/css/search.css b/kit/css/search.css
index 42d128d..ea9f620 100644
--- a/kit/css/search.css
+++ b/kit/css/search.css
@@ -138,3 +138,8 @@ h2.screen-reader-text {
 .search-term {
   background-color: yellow;
 }
+
+.tx-indexedsearch-redMarkup {
+    font-weight: 400;
+    background-color: rgba(0, 153, 130, 0.1);
+}
diff --git a/kit/footer.php b/kit/footer.php
index f331e7c..1a57af4 100644
--- a/kit/footer.php
+++ b/kit/footer.php
@@ -31,11 +31,11 @@
 <script>
   document.addEventListener("DOMContentLoaded", function() {
     console.log("resized");
-    textFit(document.getElementById('centeredMultiLine'), {alignHoriz: true, alignVert: true, multiLine: true, reProcess: true, maxFontSize: 45});
+    textFit(document.getElementById('centeredMultiLine'), {alignHoriz: true, multiLine: true, reProcess: true, maxFontSize: 35});
   });
   window.addEventListener('resize', function(event){
     console.log("resized");
-    textFit(document.getElementById('centeredMultiLine'), {alignHoriz: true, alignVert: true, multiLine: true, reProcess: true, maxFontSize: 45});
+    textFit(document.getElementById('centeredMultiLine'), {alignHoriz: true, multiLine: true, reProcess: true, maxFontSize: 35});
   });
 </script>
 
diff --git a/kit/functions.php b/kit/functions.php
index a3fb6ed..2c931c7 100644
--- a/kit/functions.php
+++ b/kit/functions.php
@@ -384,3 +384,15 @@ function kit_widgets_init() {
 
 }
 add_action( 'widgets_init', 'kit_widgets_init' );
+
+# Highlight query in search results
+
+function kit_highlight_results($text){
+     if(is_search()){
+     $sr = get_query_var('s');
+     $keys = explode(" ",$sr);
+     $text = preg_replace('/('.implode('|', $keys) .')/iu', '<strong class="tx-indexedsearch-redMarkup">'.$sr.'</strong>', $text);
+     }
+     return $text;
+}
+add_filter('the_excerpt', 'kit_highlight_results');