7 files changed, 174 insertions, 0 deletions
diff --git a/britons.css b/britons.css
new file mode 100644
index 0000000..9e9632e
--- /dev/null
+++ b/britons.css
@@ -0,0 +1,87 @@
+:root {
+	--main-fg-color: #003400;
+	--main-ac-color: #007400;
+}
+
+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;
+}
+
+header a {
+
+	font-size: 250%;
+	color: white;
+	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;
+}
+
+ul li a {
+  	display: block;
+	color: white;
+	text-align: center;
+	padding-top: 10%;
+	padding-bottom: 5%;
+	
+}
+
+
+.content {
+	width: 70%;
+	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 {
+	font-style: italic;
+	text-align: center;
+}
+
+.content figcaption a {
+	text-align: center;
+	font-style: normal;
+}
+
+
+.content img {
+	display: block;
+	margin: auto;
+	max-width: 35%;
+	padding: 1%;
+	
+}
+
diff --git a/contact.html b/contact.html
new file mode 100644
index 0000000..bcaf49e
--- /dev/null
+++ b/contact.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html><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, tech, writing, index">
+		<meta name="description" content="Contact information for the owner of El Arriero.">
+		<title>El Arriero - Contact</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>
+		</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>
+			<h2>IRC</h2>
+			<p>I also have an IRC server: irc.elarriero.org [Access only allowed on port 6697 (SSL)].
+			<br>
+			</p>
+		</div>
+
+
+
+		</div>
+	
+
+
+</body></html>
+
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..a6e6b75
--- /dev/null
+++ b/index.html
@@ -0,0 +1,48 @@
+<!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>
+		
+	</head>
+	<body>
+		<header role="banner">
+			<a href="https://elarriero.org/" title="The Muleteer">El Arriero</a>
+			<br>
+			<i>Home of the Britishly Mediocre</i>
+		</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. 
+			When going over the sketch with a darker pencil, I went too hard on her eyes, and it looked like she had bags under them.  			
+			She looked middle-aged already, so I gave her a cig and a couple light wrinkles. 
+			You can't be middle aged without a bathrobe, so I drew that on her to finalize the image.
+			</p>
+			<img src="media/fig.webp" alt="Fig in a bathrobe, smoking a cigarette and saying 'Why do they keep you behind the counter?'.">
+			<figcaption>First iteration of Fig. The dialogue was added much later when I decided what she would sound like. <a href="media/fig.jpeg">Original Image</a></figcaption>
+			<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>
+
diff --git a/media/bg.gif b/media/bg.gif
new file mode 100644
index 0000000..a0fe8d2
--- /dev/null
+++ b/media/bg.gif
diff --git a/media/fig.jpeg b/media/fig.jpeg
new file mode 100644
index 0000000..20de744
--- /dev/null
+++ b/media/fig.jpeg
diff --git a/media/fig.webp b/media/fig.webp
new file mode 100644
index 0000000..d3ed9f2
--- /dev/null
+++ b/media/fig.webp
diff --git a/something b/something
deleted file mode 100644
index e69de29..0000000
--- a/something
+++ /dev/null