From fcde37d35f5bf2baf1e53511d49c59f7ec248383 Mon Sep 17 00:00:00 2001 From: Giles Dring Date: Thu, 20 Jun 2024 17:30:02 +0100 Subject: [PATCH] Fix semantic layout --- src/_components/page/Header.vto | 3 +++ src/_components/{headerNav.vto => page/Nav.vto} | 3 +++ src/_includes/css/wireframe.css | 3 +++ src/_includes/layout/page.vto | 9 ++++++--- src/index.vto | 2 -- 5 files changed, 15 insertions(+), 5 deletions(-) create mode 100644 src/_components/page/Header.vto rename src/_components/{headerNav.vto => page/Nav.vto} (71%) create mode 100644 src/_includes/css/wireframe.css diff --git a/src/_components/page/Header.vto b/src/_components/page/Header.vto new file mode 100644 index 0000000..bb61987 --- /dev/null +++ b/src/_components/page/Header.vto @@ -0,0 +1,3 @@ +
+

{{ metas.site }}

+
\ No newline at end of file diff --git a/src/_components/headerNav.vto b/src/_components/page/Nav.vto similarity index 71% rename from src/_components/headerNav.vto rename to src/_components/page/Nav.vto index 51dbdba..070fcc0 100644 --- a/src/_components/headerNav.vto +++ b/src/_components/page/Nav.vto @@ -1,3 +1,6 @@ +--- +css: +--- \ No newline at end of file diff --git a/src/_includes/css/wireframe.css b/src/_includes/css/wireframe.css new file mode 100644 index 0000000..68f653d --- /dev/null +++ b/src/_includes/css/wireframe.css @@ -0,0 +1,3 @@ +header, nav, main, aside, section, footer { + outline: 2px dashed var(--wireframe-outline, orange); +} diff --git a/src/_includes/layout/page.vto b/src/_includes/layout/page.vto index 5ba047b..1635ff1 100644 --- a/src/_includes/layout/page.vto +++ b/src/_includes/layout/page.vto @@ -12,11 +12,14 @@ -
- {{ comp.headerNav() }} -
+ {{# Site header #}} + {{ comp.page.Header(page.data) }} + + {{# Site navigaation #}} + {{ comp.page.Nav() }}
+

{{ title }}

{{ content }}
diff --git a/src/index.vto b/src/index.vto index 90a3b95..265257a 100644 --- a/src/index.vto +++ b/src/index.vto @@ -1,8 +1,6 @@ --- title: Home --- -

OI Lume Expo

-

This site collects some common approaches to building Lume sites in use across Open Innovations.