diff --git a/src/_components/page/Header.vto b/src/_components/page/Header.vto
index b722e2c..050725d 100644
--- a/src/_components/page/Header.vto
+++ b/src/_components/page/Header.vto
@@ -2,9 +2,15 @@
css: |
header.page {
display: flex;
- justify-content: center;
+ flex-direction: column;
+ align-items: center;
+ }
+ header.page img {
+ width: 80px;
+ height: 80px;
}
---
\ No newline at end of file
diff --git a/src/_data.yml b/src/_data.yml
index 0df5f7d..6c920e1 100644
--- a/src/_data.yml
+++ b/src/_data.yml
@@ -9,6 +9,9 @@ metas:
title: "=title"
description: "=description"
+header:
+ logo: https://open-innovations.org/resources/images/logos/oi-square-13.svg
+
techniques:
- Core
- Data
\ No newline at end of file
diff --git a/src/_includes/css/base.css b/src/_includes/css/base.css
new file mode 100644
index 0000000..8d42a2e
--- /dev/null
+++ b/src/_includes/css/base.css
@@ -0,0 +1,48 @@
+html {
+ height: 100%;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: Arial, Helvetica, sans-serif;
+ margin: 0;
+ min-height: 100%;
+ position: relative;
+ & > * {
+ padding-inline: 1em;
+ }
+}
+
+body > header {
+ color: var(--header-color, white);
+ background: var(--header-background, black);
+ padding-block: 16px;
+ font-size: 2rem;
+ font-weight: bold;
+ & a {
+ color: inherit;
+ text-decoration: none;
+ &.title:hover {
+ text-decoration: underline;
+ }
+ }
+}
+
+main {
+ /* Allows for footer */
+ padding-block-end: 100px;
+ max-width: 1080px;
+ margin-inline: auto;
+}
+
+body > footer {
+ color: white;
+ background-color: black;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ & a {
+ color: yellow;
+ }
+}
\ No newline at end of file
diff --git a/src/_includes/layout/page.vto b/src/_includes/layout/page.vto
index 1ec3fe8..65ede50 100644
--- a/src/_includes/layout/page.vto
+++ b/src/_includes/layout/page.vto
@@ -4,11 +4,6 @@
{{ title }} — OI Lume Expo
- {{#
- TODO replace with proper OI styling, perhaps componentised???
- Temporarily using water to get up and running
- #}}
-
diff --git a/src/css/site.css b/src/css/site.css
index 8dc6332..171ee81 100644
--- a/src/css/site.css
+++ b/src/css/site.css
@@ -1,5 +1,15 @@
-@import 'css/dessicate.css';
@import 'css/code_theme.css';
@import 'css/components.css';
+@import 'css/base.css';
@import 'css/transitions.css';
+
+:root {
+ --header-color: white;
+ --header-background: #2254F4;
+
+ --nav-page-color: white;
+ --nav-page-background: black;
+ --nav-page-color-hover: black;
+ --nav-page-background-hover: white;
+}
\ No newline at end of file