Layouts reorganisation, moving images, new layout for single app!

layouts/partials/footer.html

@@ -13,7 +13,7 @@
         <div class="text-center col3">
             {{ .Site.Copyright }}
         </div>
-        <div class="col3 right-center">
+        <div class="col3 text-right">
             {{ .Site.Params.usingTheme }} <a href="/omegamma">Omegamma</a><br>
             {{ .Site.Params.poweredBy }} <a href="https://gohugo.io">Hugo</a>
         </div>

layouts/partials/header.html

@@ -48,7 +48,7 @@
                     <a href="#" role="button">
                         <li>
                             <img src="/icons/lang.svg" class="icon-as-text"/>
-                            <span>{{ i18n "language" 1 }}</span>
+                            <span>{{ i18n "language" }}</span>
                         </li>
                     </a>
                     <ul class="sub-menu">

layouts/partials/section-app-header.html

@@ -0,0 +1,27 @@
+<!-- heading sections for apps -->
+{{ $data := index .Site.Data .Site.Language.Lang }}
+{{ $appdata := index $data.apps .Data.AppIndex }}
+{{ with .Data }}
+<section style="background: {{ .Background | safeCSS }};" class="section-header">
+    <div class="columns-container">
+        <div class="column col3 text-right vertical-center {{ if .TextWhite }}text-white{{ end }}">
+            <br>
+            <h1 class="flex flex-right">&nbsp;<img src="/icons/apps/{{ .AppIndex | safeHTML }}.png" class="icon-larger-text" alt=""/>{{ $appdata.name | safeHTML }}</h1>
+            <h2>{{ $appdata.description | safeHTML }}</h2>
+            {{ if .ShowPlatforms }}
+            <p class="flex flex-right">{{ i18n "availableOn" }}&nbsp;
+                {{ range $appdata.platforms }}<img src="/icons/platform/{{ . }}.svg" alt="{{ . }}" title="{{ . }}" class="icon-larger-text icon-monochrome" />{{ end }}
+            </p>
+            {{ end }}
+            <br>
+        </div>
+        <div class="column col2-3 flex">
+            <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">{{ .BottomLeft | safeHTML }}</div>
+        <div style="float: right">{{ .BottomRight | safeHTML }}</div>
+    </div>
+</section>
+{{ end }}