From 09c21184c5c60292f885317d47e7d3b470f0d6db Mon Sep 17 00:00:00 2001
From: Ad5001 <mail@ad5001.eu>
Date: Tue, 8 Jun 2021 20:22:47 +0200
Subject: [PATCH] First section of index page!

---
 .kdev4/Omegamma.kdev4          |  2 ++
 layouts/index.html             |  2 +-
 layouts/partials/head.html     |  1 +
 layouts/partials/section1.html |  5 +++++
 static/css/common.css          |  7 +++++--
 static/css/header.css          |  6 +-----
 static/css/sections.css        | 10 ++++++++++
 7 files changed, 25 insertions(+), 8 deletions(-)
 create mode 100644 .kdev4/Omegamma.kdev4
 create mode 100644 layouts/partials/section1.html
 create mode 100644 static/css/sections.css

diff --git a/.kdev4/Omegamma.kdev4 b/.kdev4/Omegamma.kdev4
new file mode 100644
index 0000000..2ffd5cd
--- /dev/null
+++ b/.kdev4/Omegamma.kdev4
@@ -0,0 +1,2 @@
+[Project]
+VersionControlSupport=kdevgit
diff --git a/layouts/index.html b/layouts/index.html
index a008935..de9d464 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,4 +1,4 @@
 {{ define "main" }}
+<div style="background: #A08888">
 <h1>Test</h1>
-
 {{ end }}
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index d410235..38da6fa 100644
--- a/layouts/partials/head.html
+++ b/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">
diff --git a/layouts/partials/section1.html b/layouts/partials/section1.html
new file mode 100644
index 0000000..9079dc1
--- /dev/null
+++ b/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>
diff --git a/static/css/common.css b/static/css/common.css
index 7d1d532..b9d3bd8 100644
--- a/static/css/common.css
+++ b/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;
diff --git a/static/css/header.css b/static/css/header.css
index 8c818a0..bc98aeb 100644
--- a/static/css/header.css
+++ b/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 {
diff --git a/static/css/sections.css b/static/css/sections.css
new file mode 100644
index 0000000..8a83421
--- /dev/null
+++ b/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;
+}