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
-
-		div.container
-
 		block header
-
+		div.container
+			block body-top
 			main#main
-				
 				h1= site
 				each category in content
 					+show-content(category, "")
-
+			block body-bottom
 		block footer
 
-		block bottom
-
 		script(src="assets/scaffolding-min.js")

src/pg/index.pug

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