[git fast commit] 11. May 2021 - 14:50:01

static/site.css

@@ -38,6 +38,7 @@ body {
     padding: 10px;
     border: 0.5px solid black;
     border-radius: 20px;
+    height: max-content;
 }
 
 .ths-text-cg{
@@ -61,6 +62,7 @@ body {
     .ths-box {
         margin-right: 0px !important;
         margin-left:  0px !important;
+        height: "unset";
     }
     .flex-dir{
         flex-direction: unset;
@@ -102,10 +104,14 @@ body {
 
 @media (max-width: 900px) {
     .title-responsive{
-        font-size: 30px !important;
-        min-width: 400px;
+        font-size: 20px !important;
+        min-width: 200px;
         margin-left: unset;
     }
+    .ths-border-round-img{
+        margin: auto !important;
+        width: 90%;
+    }
 }
 
 .masthead {
@@ -137,8 +143,15 @@ body {
     background-color: rgba(0,0,0,0);
 }
 .hover-to-75:hover *{
-    opacity: 0.75;
-    display: unset;
+    background-color: rgba(52,58,64,0.75) !important;
+}
+
+.dropdown-item:focus:{
+    background-color: #4c5359;
+}
+
+.dropdown-item:hover{
+    background-color: #4c5359;
 }
 
 .position-relative{

templates/head.html

@@ -15,13 +15,14 @@
 
 <!-- Bootstrap core CSS -->
 <link href="/static/css/bootstrap.min.css" rel="stylesheet">
-<link href="/static/site.css" rel="stylesheet">
 <link href="/static/toggle_button.css" rel="stylesheet">
 
 <!-- Bootstrap core JS -->
 <script defer src="/static/js/jquery.min.js"></script>
 <script defer src="/static/js/bootstrap.min.js"></script>
 
+<link href="/static/site.css" rel="stylesheet">
+
 <meta property="og:type" content="website" />
 <meta property="og:title" content="{{ conf['SITE_TITLE'] }}" />
 <meta property="og:description" content="{{ conf['SITE_DESCRIPTION']  }}" />

templates/index.html

@@ -63,23 +63,24 @@
 
 
   <div class="container ths-box-manual pb-2 pt-2 text-color-special">
-        Willkommen auf den Seiten der Thermoscan Thermographie GmbH.<br>
+        <b>Willkommen auf den Seiten der Thermoscan Thermographie GmbH.</b><br>
+        <hr>
         Seit über 20 Jahren sind wir unseren Kunden ein zuverlässiger Partner in den Bereichen:
   </div>
 
   {% for section in sections %}
-  <div class="pt-2 pb-4">
+  <div class="pt-2" style="width: 98%; margin: auto">
     <div class="container text-color-special">
       <div class="row {% if loop.index %2 == 1 %} flex-dir {% endif %}">
-        <div class="ths-box mt-1 col text-min-dimensions p-4
+        <div class="ths-box mt-1 col text-min-dimensions
                     {% if loop.index %2 == 1 %}
-                        ml-3
+                        ml-2
                     {% else %}
-                        mr-3
+                        mr-2
                     {% endif %}">
-          <h4>{{ section['title'] }}</h4>
-          <p class="mt-3">
-          <small>{{ section["text"] }}</small>
+          <h4 class="pl-4 pt-4">{{ section['title'] }}</h4>
+          <p class="mt-3 pl-4">
+            <small>{{ section["text"] }}</small>
           </p>
           {% if section["moreInfoButtonText"] %}
             <a type=button href="{{ section['moreInfoButtonHref'] }}"

templates/navbar.html

@@ -15,6 +15,24 @@
           <a class="nav-link" href="/">Home</a>
         </li>
 
+        {% for ndl in conf["NAVBAR_DROPDOWN_LINKS"] %}
+	        <li class="nav-item nav-link dropdown">
+	        	<button class="dropdown-toggle" type="button"
+	        	  style="background: rgba(0,0,0,0);color: azure !important;border: rgba(0,0,0,0);"
+	        	  id="dropdown-{{ ndl['name'] }}" data-toggle="dropdown"
+	        	  aria-haspopup="true" aria-expanded="false">
+	        	{{ ndl["name"] }}
+	          </button>
+	          <div class="dropdown-menu mt-0 bg-dark" aria-labelledby="dropdown-{{ ndl['name'] }}">
+                      {% for link in ndl["links"] %}
+	              <a class="dropdown-item nav-link hover-to-75" href="{{ link['href'] }}">
+                          {{ link["name"] }}
+                  </a>
+	              {% endfor %}
+	          </div>
+	        </li>
+        {% endfor %}
+
         {% for nl in conf["NAVBAR_LINKS"] %}
         <li class="nav-item">
             <a class=nav-link href="{{ nl[1] }}">{{ nl[0] }}</a>