fix: correct nunjucks templates and generate valid HTML (#72)

There are a number of invalid HTML Lines in the nunjucks templates. This
corrects them and then regenerates the HTML.

(I temporarily used a nunjucks/prettier linter to achieve this, but it's
far too early to install it.)

Author: junglebarry

docs/example/index.html

@@ -209,6 +209,7 @@ <h1>Register for this imaginary service</h1>
 />
             </div>
           </div>
+        </div>
 
         </fieldset>
 

docs/forms/index.html

@@ -201,6 +201,7 @@ <h1>Forms</h1>
           />
         </div>
       </div>
+    </div>
 
     </fieldset>
 

docs/index.html

@@ -218,7 +218,6 @@ <h6>h6, .zeta</h6>
         <span class="visually-hidden">Search</span>
       </button>
     </div>
-  </form>
 
   <div class="mb-3">
     <label class="form-label" for="select-num"
@@ -821,7 +820,7 @@ <h2>Forms</h2>
 <form>
   <div class="form-group">
     <label class="form-label" for="exampleInputEmailAgain"
-      >Email address <span class="field-required">(Required)</label
+      >Email address <span class="field-required">(Required)</span></label
     >
     <input
       type="email"

docs/otis/module-added/index.html

@@ -132,6 +132,7 @@ <h1>
             View archived modules
           </a>
         </li>
+      </ul>
   </div>
 </header>
 
@@ -213,6 +214,7 @@ <h1>
 </div>
 
 
+
   </main>
 
   <footer class="py-4 mt-5"><hr><small class="d-block mb-0"><a href="https://talis.com/accessibility" rel="noreferrer">Accessibility</a></small><small class="d-block mb-0">Copyright © Talis Education Limited, all rights reserved</small></footer>

docs/otis/page-layout/index.html

@@ -122,6 +122,7 @@ <h1>
             View archived modules
           </a>
         </li>
+      </ul>
   </div>
 </header>
 
@@ -203,6 +204,7 @@ <h1>
 </div>
 
 
+
   </main>
 
   <footer class="py-4 mt-5"><hr><small class="d-block mb-0"><a href="https://talis.com/accessibility" rel="noreferrer">Accessibility</a></small><small class="d-block mb-0">Copyright © Talis Education Limited, all rights reserved</small></footer>

src/docs/_includes/forms-2.njk

@@ -2,7 +2,7 @@
 <form>
   <div class="form-group">
     <label class="form-label" for="exampleInputEmailAgain"
-      >Email address <span class="field-required">(Required)</label
+      >Email address <span class="field-required">(Required)</span></label
     >
     <input
       type="email"

src/docs/_includes/forms.njk

@@ -32,7 +32,6 @@ I'm a textarea</textarea
         <span class="visually-hidden">Search</span>
       </button>
     </div>
-  </form>
 
   <div class="mb-3">
     <label class="form-label" for="select-num"

src/docs/example.njk

@@ -111,6 +111,7 @@ title: Register for this imaginary service
 />
             </div>
           </div>
+        </div>
 
         </fieldset>
 

src/docs/forms.njk

@@ -98,6 +98,7 @@ title: Forms
           />
         </div>
       </div>
+    </div>
 
     </fieldset>
 

src/docs/otis/module-added.njk

@@ -34,6 +34,7 @@ title: Page Layout Template
             View archived modules
           </a>
         </li>
+      </ul>
   </div>
 </header>
 
@@ -147,4 +148,4 @@ title: Page Layout Template
       <a class="page-link" href="#">Next</a>
     </li>
   </ul>
-</nav> #}
+</nav> #}