Initial commit

This commit is contained in:
Willy 2021-08-30 17:17:53 +02:00
commit 3523821bfc
6 changed files with 170 additions and 0 deletions

0
database.php Normal file
View File

28
example.php Normal file
View File

@ -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");
?>

17
index.php Normal file
View File

@ -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");
?>

75
style/main.css Normal file
View File

@ -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;
}
}

12
template/_footer.php Normal file
View File

@ -0,0 +1,12 @@
</main>
</div>
</div>
<footer>
<div class="footer-inner">
<small>Kopieringsrettigheter © 2021-2022 WillySoft Solutions</small>
</div>
</footer>
</body>
</html>

38
template/_header.php Normal file
View File

@ -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>