potaris changes

static/site.css

@@ -104,6 +104,42 @@ body {
   max-width: 400px;
 }
 
+.hover-to-75:hover{
+    opacity: 1 !important;
+    background: rgba(0,0,0,0.25) !important;
+}
+
+.wrapper {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  border-radius: 5px;
+  background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%);
+  overflow: hidden;
+}
+
+.wave {
+  width: 1000px;
+  height: 1025px;
+  position: absolute;
+  top: -25%;
+  left: 50%;
+  margin-left: -500px;
+  margin-top: -500px;
+  border-radius: 35%;
+  background: rgba(255, 255, 255, .75);
+  transform: rotate(30deg);
+}
+
+@media (min-width: 979px) {
+    .dropdown:hover .dropdown-menu {
+       display: block;
+    }
+}
+
 @media(max-width: 440px){
    .event-responsive{
       padding-left: 0;

templates/contact.html

@@ -72,7 +72,7 @@
                 {% if conf['CONTACT_EMAIL'] %}
                 <hr>
                 <p>Natürlich können Sie uns auch direkt per Mail kontaktieren.</p></br>
-                <a type="button" class="btn btn-light p-3 w-75" 
+                <a type="button" class="btn btn-light p-3 w-100" 
                         href="mailto:{{ conf['CONTACT_EMAIL'] }}">{{ conf['CONTACT_EMAIL'] }}</a>
                 {% endif %}
                 {% if PGP_KEY %}

templates/index.html

@@ -25,8 +25,8 @@
     <div class="row h-100 align-items-center">
       <div class="col-12 {% if not conf['NO_CENTER_TITLE'] %} text-center {% endif %}">
         <div style="opacity: 0;"></div> <!-- TODO color for text configurable -->
-        {% if "SITE_WELLCOME_TITLE" in conf %} <h1 class="pt-4 title-responsive font-weight-light" style="{{ conf['SITE_WELLCOME_TITLE_CSS'] | safe }}">{{ conf["SITE_WELLCOME_TITLE"] | safe }}</h1> {% endif %}
+        {% if "SITE_WELLCOME_TITLE" in conf %} <h1 class="pt-4 font-weight-light" style="{{ conf['SITE_WELLCOME_TITLE_CSS'] | safe }}">{{ conf["SITE_WELLCOME_TITLE"] | safe }}</h1> {% endif %}
-        {% if "SITE_WELLCOME_SUBTITLE" in conf %} <p class="lead">{{ conf["SITE_WELLCOME_SUBTITLE"] | safe }}</p> {% endif %}
+        {% if "SITE_WELLCOME_SUBTITLE" in conf %} <p class="pt-4 title-responsive font-weight-light" style="{{ conf['SITE_WELLCOME_TITLE_CSS'] | safe }}">{{ conf["SITE_WELLCOME_SUBTITLE"] | safe }}</p> {% endif %}
         </div>
     </div>
   </div>
@@ -114,6 +114,12 @@
   </div>
   {% endif %}
 
+    <div style="background: rgb(49,42,42);">
+    	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 70 500 80">
+    		<path fill="#6c757d"d="M-19.19,103.90 C244.35,159.17 290.06,-2.67 507.90,124.63 L500.00,150.00 L-9.03,192.72 Z">
+		</path>
+  	</svg>
+    </div>
   {% for section in sections %}
   <div class="{% if loop.index %2 == 1 %} bg-secondary {% else %} bg-dark {% endif %} pt-2 pb-4">
     <div class="container text-color-special">
@@ -134,6 +140,12 @@
         </div>
       </div>
     </div>
+    <div>
+    	<!---<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 70 500 80">
+    		<path {% if loop.index %2 == 1 %} fill="#343a40" {% else %} fill="#6c757d" {% endif %} d="M-19.19,103.90 C244.35,159.17 290.06,-2.67 507.90,124.63 L500.00,150.00 L-9.03,192.72 Z">
+		</path>
+	</svg>-->
+    </div>
   </div>
   {% endfor %}
   </div>

templates/navbar.html

@@ -15,6 +15,22 @@
           <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>
@@ -37,6 +53,12 @@
 
       <!-- right side -->
       <ul class="navbar-nav">
+
+        {% for nl in conf["NAVBAR_LINKS_RIGHT"] %}
+        <li class="nav-item float-right">
+            <a class="nav-link" href="{{ nl[1] }}">{{ nl[0] }}</a>
+        </li>
+        {% endfor %}
         
         {% if conf["INSTAGRAM"] %}
         <li class="nav-item right">