First section of index page!

.kdev4/Omegamma.kdev4

@@ -0,0 +1,2 @@
+[Project]
+VersionControlSupport=kdevgit

layouts/index.html

@@ -1,4 +1,4 @@
 {{ define "main" }}
+<div style="background: #A08888">
 <h1>Test</h1>
-
 {{ end }}

layouts/partials/head.html

@@ -3,6 +3,7 @@
     <link rel="stylesheet" href="/css/common.css">
     <link rel="stylesheet" href="/css/header.css">
     <link rel="stylesheet" href="/css/footer.css">
+    <link rel="stylesheet" href="/css/sections.css">
     <link rel="stylesheet" href="/css/font.css">
     {{ hugo.Generator }}
     <meta name="viewport" content="width=device-width, initial-scale=1.0">

layouts/partials/section1.html

@@ -0,0 +1,5 @@
+
+<section style="background: url({{ .Image }}); background-size: cover; background-repeat: no-repeat; color: black; padding-left: 1em; padding-top: 1em; padding-right: 1em;">
+{{ .Content | safeHTML }}
+<div class="section-end-triangle"></div>
+</section>

static/css/common.css

@@ -5,10 +5,13 @@ body {
     --light-font: 'Metropolis Light', 'Fira Sans Light','Ubuntu Light', 'Noto Sans Light', sans-serif;
     --primary-color: #50DC71;
     --nav-background: #FAFAFA;
-    --footer-background: #111111;
+    --footer-background: #111111; 
 }
 
-
+a[role=button] {
+    text-decoration: none;
+    color: black;
+}
 
 .center {
     margin-right: auto;

static/css/header.css

@@ -40,11 +40,6 @@ nav .navbar-list {
     text-transform: uppercase;
 }
 
-a[role=button] {
-    text-decoration: none;
-    color: black;
-}
-
 .navbar-list li {
     padding: 1em;
     margin-left: 0;
@@ -84,6 +79,7 @@ a[role=button] {
     
     .nav-mobile {
         display: flex;
+        width: 100%;
     }
     
     .navbar-brand {

static/css/sections.css

@@ -0,0 +1,10 @@
+.section-end-triangle {
+    width: 0;
+    height: 0;
+    border-top-width: 3em;
+    border-top-style: solid;
+    border-top-color: transparent;
+    border-right-width: 100vw;
+    border-right-style: solid;
+    border-right-color: #FFFFFF;
+}