Redesigned CSS, HTML, and added little detail.

author: ParliamentMan <parliamentman@tfwno.gf> 2026-04-23 23:49:33 -0700
committer: ParliamentMan <parliamentman@tfwno.gf> 2026-04-23 23:49:33 -0700
commit: 1c39b4808341ee6b37411f01857172927991f884 (patch)
tree: 2e1c73d9732823b7e946671d02468b18ea18af84
parent: 779736a96746cd5d4d1b6d1e628a592ad663c1c5 (diff)
5 files changed, 51 insertions, 74 deletions
diff --git a/britons.css b/britons.css
index 9e9632e..d128481 100644
--- a/britons.css
+++ b/britons.css
@@ -1,69 +1,45 @@
 :root {
 	--main-fg-color: #003400;
 	--main-ac-color: #007400;
+background-image: url(media/bg.gif);
 }
 
 body {
-	background-image: url(media/bg.gif);
+	
 	font-size: 100%;
-	font-family: "Liberation Serif", "Times New Roman";;
-}
-
-header {
-	background-color: var(--main-fg-color); 
-	width: 70%;
-	margin:auto;
-	text-align: center;
-	border-style: solid;
-	border-color: black;
-	border-bottom: none;
-	color: white;
+	font-family: "Liberation Serif", "Times New Roman";
+	display: block;
+	background-color: whitesmoke;
+	width: 80%;
+	padding: 2%;
+	padding-top: 1%;
+	margin: 2%;
+	border-style: dotted;
+	border-color: var(--main-fg-color);
 }
 
-header a {
+.title {
 
 	font-size: 250%;
-	color: white;
+	color: var(--main-fg-color);
 	font-weight: bold;
-	text-decoration: none;
+	
 }
 
-ul {
-	width: 70%;
-	margin: auto;
-	list-style-type: none;
-	padding: 0;
-	background-color: var(--main-fg-color);
- 	display: flex;
-	justify-content: space-around;
-	border: solid;
-	border-top: none;
-	border-bottom: none;
+header i {
+	margin-left: 5%;
 }
 
-ul li a {
-  	display: block;
-	color: white;
-	text-align: center;
-	padding-top: 10%;
-	padding-bottom: 5%;
-	
-}
+.navbar {
+	display: flex;
+	justify-content: space-evenly; ;
+	margin-top: 1%;
 
+}
 
 .content {
-	width: 70%;
+	width: 80%;
 	background-color: whitesmoke;
-	margin:auto;
-	border-style: solid;
-	border-color: black;
-
-}
-
-.content p, h1, h2, h3, h4, h5, h6 {
-	margin: 1%;
-	display: block;
-	padding: 0 5%;
 }
 
 .content figcaption {
@@ -76,7 +52,6 @@ ul li a {
 	font-style: normal;
 }
 
-
 .content img {
 	display: block;
 	margin: auto;
@@ -85,3 +60,11 @@ ul li a {
 	
 }
 
+.fig {
+	position: fixed;
+	bottom: 0%;
+	right: -2%;
+	opacity: 0.4;
+	z-index: -1;
+}
+
diff --git a/contact.html b/contact.html
index bcaf49e..74aba6a 100644
--- a/contact.html
+++ b/contact.html
@@ -9,17 +9,14 @@
 	</head>
 	<body>
 		<header role="banner">
-			<a href="https://elarriero.org/" title="The Muleteer">El Arriero</a>
-			<br>
-			<i>Home of the Britishly Mediocre</i>
+			<a class="title" href="https://elarriero.org/" title="The Muleteer">El Arriero</a> 
+			<i class="tagline">Home of the Britishly Mediocre</i>
+			<div class="navbar" role="navigation">
+				<a href="contact.html">Contact</a>
+				<a href="https://wiki.elarriero.org/">Wiki</a>
+			</div>
 		</header>
 
-		<ul class="navbar" role="navigation">
-			  <li><a href="https://wiki.elarriero.org/" title="Under construction">Mediocre Wiki</a></li>
-			  <li><a href="https://press.elarriero.org/" title="Currently empty">Mediocre Press</a></li>
-			  <li><a href="https://elarriero.org/contact.html" title="Motivations and contact info">Contact</a></li>
-		</ul>
-
 		<div class="content" role="main">
 			<h2>Email</h2>
 			<p>I'd love to hear from you guys. You can contact me on my own <a href="mailto:parliamentman@elarriero.org" title="My homegrown email">email</a>, but some big providers like gmail/outlook will refuse to send mail there. I also have this <a href="mailto:parliamentman@tfwno.gf">alternate mail</a>, which should work with larger providers.</p>
diff --git a/index.html b/index.html
index a6e6b75..49d36fc 100644
--- a/index.html
+++ b/index.html
@@ -1,29 +1,31 @@
 <!DOCTYPE html>
 <html lang="en">
 	<head>
+	
 		<link rel="stylesheet" href="britons.css">
 		<meta http-equiv="content-type" content="text/html; charset=windows-1252">
 		<meta name="author" content="Jodian Buenaventura" >
 		<meta name="keywords" content="/hmofa/, hmofa, tech, writing, index, britishly mediocre">
 		<meta name="description" content="Main page, linking together sexy /hmofa/ girls in tech, writing, and art.">
-		<title>El Arriero"</title>
+		<title>El Arriero</title>
 		
 	</head>
+	
 	<body>
+	
 		<header role="banner">
-			<a href="https://elarriero.org/" title="The Muleteer">El Arriero</a>
-			<br>
-			<i>Home of the Britishly Mediocre</i>
+			<a class="title" href="https://elarriero.org/" title="The Muleteer">El Arriero</a> 
+			<i class="tagline">Home of the Britishly Mediocre</i>
+			<div class="navbar" role="navigation">
+				<a href="contact.html">Contact</a>
+				<a href="https://wiki.elarriero.org/">Wiki</a>	
+			</div>
 		</header>
 
-		<ul class="navbar" role="navigation">
-			  <li><a href="https://wiki.elarriero.org/" title="Under construction">Mediocre Wiki</a></li>
-			  <li><a href="https://press.elarriero.org/" title="Currently empty">Mediocre Press</a></li>
-			  <li><a href="https://elarriero.org/contact.html" title="Motivations and contact info">Contact</a></li>
-		</ul>
 
-		<div class="content" role="main">
+		
 			<h2>What's this?</h2>
+
 			<p>My website. It's where I collect my writing, drawing, and misc. fun stuff.</p>
 			<p>I made <a href="https://wiki.elarriero.org/doku.php?id=sylvia_merriweather" title="Wiki page for Fig">Fig</a> on the 21st of January, 2026. She is the crown jewel of my work. 
 			I made her that afternoon while outlining a canine anthro, and got ahead of myself by giving her a vintage hairstyle with the sketch. 
@@ -36,13 +38,8 @@
 			<h2>What to expect in the future</h2>
 			<p>Writing takes a long time, and I want to get a good plot going first so I don't have to throw entire chapters out. 
 			I have high hopes for this project!</p>
-		</div>
-
-
-
-		</div>
 	
-
-
-</body></html>
+			<a title="Oh, you're a cute one ain'tcha, Anonie?" href="media/figsmoke.png"><img src="media/smoke.webp" alt="Funny" class="fig"></a>
+</body>
+</html>
 
diff --git a/media/figsmoke.png b/media/figsmoke.png
new file mode 100644
index 0000000..5bfb8d7
--- /dev/null
+++ b/media/figsmoke.png
diff --git a/media/smoke.webp b/media/smoke.webp
new file mode 100644
index 0000000..ba9cfe5
--- /dev/null
+++ b/media/smoke.webp
author	ParliamentMan <parliamentman@tfwno.gf>	2026-04-23 23:49:33 -0700
committer	ParliamentMan <parliamentman@tfwno.gf>	2026-04-23 23:49:33 -0700
commit	1c39b4808341ee6b37411f01857172927991f884 (patch)
tree	2e1c73d9732823b7e946671d02468b18ea18af84
parent	779736a96746cd5d4d1b6d1e628a592ad663c1c5 (diff)