From 3523821bfc74fa1a1f07cc0dcebd1a8378a1c79b Mon Sep 17 00:00:00 2001
From: Willy <willy@willy.club>
Date: Mon, 30 Aug 2021 17:17:53 +0200
Subject: [PATCH] Initial commit

---
 database.php         |  0
 example.php          | 28 +++++++++++++++++
 index.php            | 17 ++++++++++
 style/main.css       | 75 ++++++++++++++++++++++++++++++++++++++++++++
 template/_footer.php | 12 +++++++
 template/_header.php | 38 ++++++++++++++++++++++
 6 files changed, 170 insertions(+)
 create mode 100644 database.php
 create mode 100644 example.php
 create mode 100644 index.php
 create mode 100644 style/main.css
 create mode 100644 template/_footer.php
 create mode 100644 template/_header.php

diff --git a/database.php b/database.php
new file mode 100644
index 0000000..e69de29
diff --git a/example.php b/example.php
new file mode 100644
index 0000000..05927bd
--- /dev/null
+++ b/example.php
@@ -0,0 +1,28 @@
+<?php
+// Parameters that will used in the template file
+$templateParameters["title"] = "Eksempel";
+
+// Include the top of page
+include_once("template/_header.php");
+?>
+
+    <h1>Dette er en eksempel side.</h1>
+    <br>
+    <h2>Dette er en eksempel side.</h2>
+    <br>
+    <h3>Dette er en eksempel side.</h3>
+    <br>
+    <p>This will be on the page</p>
+
+    <form action="" method="post" style="border: 1px solid #aaa; padding: 12px">
+        <h2>Login</h2>
+        <br>
+        <input type="text" name="" id="" placeholder="Brukernavn">
+        <input type="password" name="" id="">
+        <input type="button" value="Logg inn">
+    </form>
+
+<?php
+// Include the rest of the page
+include_once("template/_footer.php");
+?>
\ No newline at end of file
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..4806006
--- /dev/null
+++ b/index.php
@@ -0,0 +1,17 @@
+<?php
+// Parameters that will used in the template file
+$templateParameters["title"] = "Forside";
+
+// Include the top of page
+include_once("template/_header.php");
+?>
+
+    <h1>Om stafett for livet</h1>
+    <p>Vi planlegger for Kreftforeningens Stafett for livet Kristiansand i juni 2021 og håper du blir med.</p>
+    <p> Stafettene i 2021 tilpasses nasjonale og lokale smittevernsråd, og det vil være lokale variasjoner i hvordan stafettene gjennomføres. Men målet er likt: Vi skal hedre fighterne, vise vår støtte, minnes de vi har mistet, gi håp og feire livet. </p>
+    <img src="https://g.acdn.no/obscura/API/dynamic/r1/ece5/tr_2000_2000_s_f/0000/ribl/2019/10/9/12/25NYHstafettforlivet2_01-01-DSC_2223_3.jpg?chk=01B9B8" alt="Bilde av folk som løper på banen">
+
+<?php
+// Include the rest of the page
+include_once("template/_footer.php");
+?>
\ No newline at end of file
diff --git a/style/main.css b/style/main.css
new file mode 100644
index 0000000..40b4c47
--- /dev/null
+++ b/style/main.css
@@ -0,0 +1,75 @@
+html {
+    background-color: #fff;
+    background-image: url("https://willy.club/img/imagedoc-lightnoise.png");
+}   
+
+body {
+    color: #222;
+    font-size: 14px;
+    font-family: "Liberation Sans", Arial, sans-serif;
+    line-height: 1.5;
+    margin: 0;
+}
+
+h1, h2, h3, h4 {
+    display: inline;
+}
+
+.navbar-top-head {
+    padding: 12px;
+    background: #472886;
+    background: linear-gradient(0deg, rgba(71,40,134,1) 0%, rgba(81,24,195,1) 100%);
+}
+
+.navbar-top-inner {
+    color: #f8f8f8;
+    max-width: 900px;
+    margin: 0 auto;
+}
+
+.grid-container {
+    display: grid;
+    grid-template-columns: minmax(150px, auto) auto;
+    grid-gap: 12px;
+
+    max-width: 900px;
+    margin: 0 auto;
+    padding: 12px;
+}
+
+main img {
+    display: block;
+    max-width: 100%;
+    height: auto;
+    border: 1px solid #aaa;
+}
+
+nav {
+    background: #eee;
+    border: 1px solid #aaa;
+}
+
+nav > ul {
+    padding-right: 12px;
+}
+
+a {
+    color: rgb(0, 0, 255);
+}
+
+footer {
+    background: #ddd;
+    border-top: 1px solid #aaa;
+    padding: 12px;
+}
+
+.footer-inner {
+    max-width: 900px;
+    margin: 0 auto;
+}
+
+@media only screen and (max-width: 600px) {
+    .grid-container {
+        grid-template-columns: auto;
+    }
+}
\ No newline at end of file
diff --git a/template/_footer.php b/template/_footer.php
new file mode 100644
index 0000000..348ab41
--- /dev/null
+++ b/template/_footer.php
@@ -0,0 +1,12 @@
+            </main>
+        </div>
+    </div>
+
+    <footer>
+        <div class="footer-inner">
+            <small>Kopieringsrettigheter © 2021-2022 WillySoft Solutions</small>
+        </div>
+    </footer>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/template/_header.php b/template/_header.php
new file mode 100644
index 0000000..7f99b2f
--- /dev/null
+++ b/template/_header.php
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title><?php print(htmlspecialchars($templateParameters["title"])); ?> – Stafett for livet</title>
+
+    <link rel="stylesheet" href="style/main.css">
+    <link rel="icon" href="https://kreftforeningen.no/content/uploads/2020/03/cropped-kf-propell-ikon-32x32.png" sizes="32x32">
+<body>
+
+    <div class="navbar-top-head">
+        <div class="navbar-top-inner">
+
+            <!-- Jalla løsning -->
+            <img style="display: block;" src="https://kreftforeningen.no/content/uploads/2020/03/cropped-kf-propell-ikon-32x32.png" alt="">
+            <div style="margin-left: 44px;">
+                <div style="font-size: 24px; margin-top: -40px;">Stafett for livet</div>
+                <div style="font-size: 10px; margin-top: -6px;"><b>KREFT</b>FORENINGEN</div>
+            </div>
+
+        </div>
+    </div>
+
+    <div class="grid-container">
+
+        <div>
+            <nav>
+                <ul>
+                    <li><a href="index.php">Forside</a></li>
+                    <li><a href="example.php">Eksempel</a></li>
+                </ul>
+            </nav>
+        </div>
+
+        <div>
+            <main>