Fix semantic layout

open-innovations · Jun 20, 2024 · fcde37d · fcde37d
1 parent a6fac23
commit fcde37d
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 5 deletions.
diff --git a/src/_components/page/Header.vto b/src/_components/page/Header.vto
@@ -0,0 +1,3 @@
+<header>
+  <h1><a href="/">{{ metas.site }}</a></h1>
+</header>
diff --git a/src/_components/headerNav.vto → src/_components/page/Nav.vto b/src/_components/headerNav.vto → src/_components/page/Nav.vto
@@ -1,3 +1,6 @@
+---
+css: 
+---
 <nav>
   <a href="/">Home</a>
 </nav>
diff --git a/src/_includes/css/wireframe.css 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
@@ -12,11 +12,14 @@
   <link rel="stylesheet" href="/css/site.css">
 </head>
 <body>
-  <header>
-    {{ comp.headerNav() }}
-  </header>
+  {{# Site header #}}
+  {{ comp.page.Header(page.data) }}
+
+  {{# Site navigaation #}}
+  {{ comp.page.Nav() }}
 
   <main>
+    <h1>{{ title }}</h1>
     {{ content }}
   </main>
 

diff --git a/src/index.vto b/src/index.vto
@@ -1,8 +1,6 @@
 ---
 title: Home
 ---
-<h1>OI Lume Expo</h1>
-
 <p>
   This site collects some common approaches to building Lume sites in use across Open Innovations.
 </p>