Move header and footer outside the container.

Header and footer can be wrapped in a separate div.container if your header and footer patter need to be inside a container class.

public/index.html

@@ -38,6 +38,8 @@
           <li><a href="./?p=status">Status</a></li>
         </ul>
       </nav>
+    </div>
+    <div class="container">
       <p class="info-switches"><span></span><span id="deprecated" role="switch"></span>
         <label for="deprecated">Show deprecated patterns</label><span></span><span id="breakpoints" role="switch"></span>
         <label for="breakpoints">Show breakpoint information</label>

src/pg/core/_master-index.pug

@@ -74,20 +74,14 @@ html(lang= lang )
 
 		a.skip(href="#main") Skip to main content
 
-		block top
+		block header
-
 		div.container
-
+			block body-top
-			block header				
-
 			main#main
-				
 				h1= site
 				each category in content
 					+show-content(category, "")
-
+			block body-bottom
-			block footer
+		block footer
-
-		block bottom
 
 		script(src="assets/scaffolding-min.js")

src/pg/index.pug

@@ -8,14 +8,17 @@ block head
 	link(rel="icon" href="https://assets.gamv.ca/favicon-dark.svg" media="(prefers-color-scheme:dark)")
 
 block header
-	include patterns/core/header/_header.pug
+	div.container
+		include patterns/core/header/_header.pug
 		
-	nav
+		nav
-		ul
+			ul
-			each first in content
+				each first in content
-				li(class= navClass)
+					li(class= navClass)
-					a(href="./?p=" + first.name.toPath() )= first.name.toContent().toSentenceCase()
+						a(href="./?p=" + first.name.toPath() )= first.name.toContent().toSentenceCase()
 
+
+block body-top
 	p.info-switches
 		span
 		span#deprecated(role="switch")