about.html

@@ -16,7 +16,7 @@
 				<h1>About.</h1>
 				<img id="usbimg" src="usb.jpg" alt="an unsettling comic showing a man
 								 putting a usb dongle into his mouth and moving his face with
-								 the connected mouse" width=320 height=393 />
+								 the connected mouse" />
 				<p>I'm in your walls.</p>
 			</article>
 		</main>

elements.js

@@ -6,7 +6,7 @@ class DDHeader extends HTMLElement {
 	connectedCallback() {
 		this.innerHTML = `
 		<header>
-			<div id="headerimg"></div>
+			<img id="headerimg" src="/dairydemon.jpg" alt="cow with glowing eyes" />
 			<div id="headermain">
 				<p><a id="homelink" href="/">dairydemon.net</a></p>
 				<nav>

mgs/mgs.html

@@ -13,7 +13,6 @@
 		<dd-header></dd-header>
 		<main>
 			<aside>
-				<h2>Contents</h2>
 				<ol>
 					<li><a href="#metal-gear-solid-trivia">Top</a></li>
 					<li><a href="#structure">Structure</a></li>

styles.css

@@ -29,10 +29,8 @@ footer {
 
 #headerimg {
 	border-right: 3px solid black;
-	width: 128px;
-	background-image: url("/watching.jpg");
+	max-height: 128px;
 	flex: initial;
-	align-self: stretch;
 }
 
 #headermain {
@@ -110,7 +108,6 @@ ol ol ol {
 
 #usbimg {
 	width: 256px;
-	height: auto;
 	max-width: 100%;
 	margin-right: 10px;
 	margin-bottom: 10px;