Integrating header with each page, removing bottom section of section-app-header template, fixing a few bugs

layouts/partials/header.html

@@ -1,18 +1,19 @@
-<nav>
+{{ $white := .Params.HeaderTextWhite }}
+<nav class="{{ if $white }}dark{{ end }} {{ if $white }}text-white{{ end }}">
     <div class="center nav-flex">
         {{ $currentPage := . }}
-        <div class="nav-mobile">
+        <div class="nav-mobile ">
             <a class="navbar-brand" href="{{ .Site.Params.brandWebsite }}" role="button">
                 <img src="/img/icon.png" class="icon-brand" alt=""/>
                 Ad5001
             </a>
         
             <button id="navbar-toggler">
-                <img src="/icons/menu.svg" class=""/>
+                <img src="/icons/menu.svg" class="icon-monochrome"/>
             </button>
         </div>
         
-        <div class="navbar-menu">
+        <div class="navbar-menu {{ if $white }}dark{{ end }}">
             <ul class="navbar-list">
             {{ range .Site.Menus.main.ByWeight }}
                 {{ if .HasChildren }}
@@ -47,11 +48,11 @@
                 <div class="menu-with-sub">
                     <a href="#" role="button">
                         <li>
-                            <img src="/icons/lang.svg" class="icon-as-text"/>
+                            <img src="/icons/lang.svg" class="icon-as-text icon-monochrome"/>
                             <span>{{ i18n "language" }}</span>
                         </li>
                     </a>
-                    <ul class="sub-menu">
+                    <ul class="sub-menu center dark">
                         {{ range .Translations }}
                         <a href="{{ .Permalink }}" role="button">
                             <li class="background">

layouts/partials/section-app-header.html

@@ -28,9 +28,6 @@
             <img class="vertical-center-img" src="/img/full/{{ .AppIndex }}.png"/>
         </div>
     </div>
-    <div style="background: {{ .BottomBackground | safeCSS }}; height: {{ .BottomHeight | safeCSS }}; width: 100%; margin-top: -{{ .BottomHeight | safeCSS }};">
-        <div style="float: left; max-width: 100%;">{{ .BottomLeft | safeHTML }}</div>
-        <div style="float: right; max-width: 100%;">{{ .BottomRight | safeHTML }}</div>
-    </div>
+    <div class="section-end-triangle"></div>
 </section>
 {{ end }}

layouts/partials/section1.html

@@ -2,6 +2,8 @@
 <section style="background-image: url({{ .Image }});" class="section1">
     <div class="columns-container">
         <div class="column">
+            <br>
+            <br>
             <br>
             {{ .Content | safeHTML }}
             <br>