add a footer

about.html

@@ -19,5 +19,6 @@
 				<p>I'm in your walls.</p>
 			</article>
 		</main>
+		<dd-footer></dd-footer>
 	</body>
 </html>

ddheader.js

@@ -21,4 +21,21 @@ class DDHeader extends HTMLElement {
 	}
 }
 
+class DDFooter extends HTMLElement {
+	constructor() {
+		super();
+	}
+
+	connectedCallback() {
+		this.innerHTML = `
+		<footer>
+			<ul>
+				<li><a href="/about.html">about</a></li>
+			</ul>
+		</footer>
+		`;
+	}
+}
+
 customElements.define("dd-header", DDHeader);
+customElements.define("dd-footer", DDFooter);

index.html

@@ -20,5 +20,6 @@
 				</p>
 			</article>
 		</main>
+		<dd-footer></dd-footer>
 	</body>
 </html>

mgs/mgs.html

@@ -208,5 +208,6 @@
 				</ul>
 			</article>
 		</main>
+		<dd-footer></dd-footer>
 	</body>
 </html>