Initial commit
This commit is contained in:
Willy
commit
3523821bfc
0
database.php
Normal file
0
database.php
Normal file
28
example.php
Normal file
28
example.php
Normal 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
17
index.php
Normal 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
75
style/main.css
Normal 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
12
template/_footer.php
Normal 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
38
template/_header.php
Normal 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>
|
||||||
Reference in New Issue
Block a user