summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorElDoc-s <A01255172@tec.mx>2026-07-02 01:16:58 -0700
committerElDoc-s <A01255172@tec.mx>2026-07-02 01:16:58 -0700
commit401c1c4eecb54d54b1aa95b929a38edb79097d31 (patch)
tree69225b92e63731976523238220b51ded5c5bcf84
parentc02d32517d1f72b6dda6ac9bb9d2b6424e79bd38 (diff)
Major Redesign
-rw-r--r--about.html28
-rw-r--r--bev_fig.html36
-rw-r--r--britons.css52
-rw-r--r--changelog.html26
-rw-r--r--contact.html24
-rw-r--r--fig.html75
-rw-r--r--fig_origin.html80
-rw-r--r--g.html49
-rw-r--r--hmofa.html67
-rw-r--r--index.html89
-rw-r--r--map.html42
-rw-r--r--pol.html47
12 files changed, 371 insertions, 244 deletions
diff --git a/about.html b/about.html
index 125609c..ca9477f 100644
--- a/about.html
+++ b/about.html
@@ -9,18 +9,19 @@
<link rel="icon" type="image/x-icon" href="fig.ico">
<title>El Arriero - Contact</title>
</head>
-
- <body>
- <header>
+ <header>
<h1><a class="title" href="index.html">El Arriero</a><i>Fig, to my heart, you are the eternal hope.</i></h1>
- </header>
- <nav>
- <a href="about.html"><img src="icons/user-business.png" alt="User Business"> About</a>
- <a href="contact.html"><img src="icons/mail.png" alt="Mail Arrow"> Contact</a>
- <a href="changelog.html"><img src="icons/new-text.png" alt="NEW!"> Changelog</a>
- <a href="https://wiki.elarriero.org/"><img src="icons/book-open-text-image.png" alt="Encyclopedia"> Wiki</a>
- <a href="https://press.elarriero.org"><img src="icons/newspaper.png" alt="Newspaper"> Writing</a>
- </nav>
+ </header>
+ <nav>
+ <a href="about.html" class="selected"><img src="icons/user-business.png" alt="User Business"> About Me</a>
+ <a href="fig.html"><img src="icons/user-green-female.png" alt="Green Female">About Fig</a>
+ <a href="contact.html"><img src="icons/mail.png" alt="Mail Arrow"> Contact</a>
+ <a href="changelog.html"><img src="icons/new-text.png" alt="NEW!"> Changelog</a>
+ <a href="https://wiki.elarriero.org/"><img src="icons/book-open-text-image.png" alt="Encyclopedia"> Wiki</a>
+ <a href="https://press.elarriero.org"><img src="icons/newspaper.png" alt="Newspaper"> Writing</a>
+ </nav>
+ <body>
+ <main>
<h2>About Me</h2>
<p>You may know me online as FigAnon or El Arriero. Some of my friends call me Jodian <small>(pronounced Joe-dee-ann)</small>. I'm the guy who made and draws
<a href="fig.html">Fig</a>. I haven't drawn a proper portrait of myself, so just imagine the "Unknown Civil Servant" from
@@ -52,7 +53,8 @@
<a href="https://www.youtube.com/watch?v=5iyxJ72G0lM" title="Brexit means Brexit">
<img src="media/eu_anim.gif" alt="EUistan Flag">
- </a>
- </body>
+ </a>
+ </main>
+ </body>
</html>
diff --git a/bev_fig.html b/bev_fig.html
deleted file mode 100644
index 028db9b..0000000
--- a/bev_fig.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
- <head>
-
- <link rel="stylesheet" href="britons.css?v=5">
- <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, british, furry">
- <meta name="description" content="Main page, showing off waifurs and my interest in British culture.">
- <title>El Arriero</title>
-
- </head>
-
- <body>
-
- <header role="banner">
- <a class="title" href="index.html" title="The Muleteer">El Arriero</a>
- <i class="tagline">Home of the Britishly Mediocre</i>
- <div class="navbar" role="navigation">
- <a href="contact.html">(<img src="icons/mail--arrow.png" alt="Mail Arrow">) Contact Me</a>
- <a href="https://wiki.elarriero.org/">(<img src="icons/book-open-text-image.png" alt="Book Image">) Wiki</a>
- <a href="https://press.elarriero.org/">(<img src="icons/newspaper.png" alt="Newspaper">) The Press</a>
- </div>
- </header>
- <hr>
-
- <h2>"Stop faffin' about and come 'ere"</h2>
-
- <img src="media/eucolor.png" class="eu" alt="eucolor">
- <a href="https://www.youtube.com/watch?v=5iyxJ72G0lM" title="Brexit means Brexit">
- <img src="media/stars.png" class="stars" alt="stars">
- </a>
- <a title="Oh, you're a cute one ain'tcha, Anonie?" href="media/figsmoke.png"><img src="media/smoke.webp" alt="Fig" class="fig"></a>
- </body>
-</html>
-
diff --git a/britons.css b/britons.css
index e8ae3e4..63d2cb2 100644
--- a/britons.css
+++ b/britons.css
@@ -9,12 +9,12 @@ body {
font-family: "Liberation Serif", "Times New Roman";
display: block;
background-color: rgba(255, 255, 255, 0.8);
-
- padding: 2%;
- padding-top: 1%;
margin: 2.5%;
+}
+
+main {
+ padding: 0 1%;
border-style: solid;
- border-width: thick;
border-color: var(--main-fg-color);
}
@@ -23,20 +23,35 @@ small {
color: gray;
}
+header {
+ background-color: var(--main-fg-color);
+ border-color: var(--main-fg-color);
+ border-width: thick;
+ border-style: solid;
+ padding: 0 1%;
+}
+
+p {
+ margin-top: 0%;
+}
+
h1 {
margin: 0%;
}
-h1 a {
+h2 {
+ margin-bottom: 0%;
+}
+h1 a {
font-size: 125%;
- color: var(--main-fg-color);
+ color: white;
font-weight: bold;
text-decoration: none;
}
h1 i {
font-size: 75%;
- color: darkolivegreen;
+ color: olivedrab;
margin-left: 5%;
text-decoration: underline;
}
@@ -44,21 +59,27 @@ nav {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
-
+ background-color: var(--main-ac-color);
+ border-style: none solid;
+ border-color: var(--main-fg-color);
}
nav a {
margin-top: 0;
- padding: 0.5% 4%;
+ padding: .25em 1em;
text-decoration: none;
color: white;
- background-color: var(--main-fg-color);
font-weight: bold;
+
}
nav a:hover {
- background-color: var(--main-ac-color);
+ background-color: var(--main-fg-color);
color: white;
}
+nav .selected {
+ background-color: var(--main-fg-color);
+}
+
.fig {
position: fixed;
bottom: 0%;
@@ -85,15 +106,6 @@ nav a:hover {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
-/*
-figure {
- margin-left: auto;
- max-width: 25%;
- float: right;
- background-color: white;
- padding: 1%;
-}
-*/
figure {
float: right;
diff --git a/changelog.html b/changelog.html
index ac6096c..a382fb3 100644
--- a/changelog.html
+++ b/changelog.html
@@ -11,18 +11,19 @@
<title>El Arriero</title>
</head>
-
- <body>
- <header>
+ <header>
<h1><a class="title" href="index.html">El Arriero</a><i>Fig, to my heart, you are the eternal hope.</i></h1>
- </header>
- <nav>
- <a href="about.html"><img src="icons/user-business.png" alt="User Business"> About</a>
- <a href="contact.html"><img src="icons/mail.png" alt="Mail Arrow"> Contact</a>
- <a href="changelog.html"><img src="icons/new-text.png" alt="NEW!"> Changelog</a>
- <a href="https://wiki.elarriero.org/"><img src="icons/book-open-text-image.png" alt="Encyclopedia"> Wiki</a>
- <a href="https://press.elarriero.org"><img src="icons/newspaper.png" alt="Newspaper"> Writing</a>
- </nav>
+ </header>
+ <nav>
+ <a href="about.html"><img src="icons/user-business.png" alt="User Business"> About Me</a>
+ <a href="fig.html"><img src="icons/user-green-female.png" alt="Green Female">About Fig</a>
+ <a href="contact.html"><img src="icons/mail.png" alt="Mail Arrow"> Contact</a>
+ <a href="changelog.html" class="selected"><img src="icons/new-text.png" alt="NEW!"> Changelog</a>
+ <a href="https://wiki.elarriero.org/"><img src="icons/book-open-text-image.png" alt="Encyclopedia"> Wiki</a>
+ <a href="https://press.elarriero.org"><img src="icons/newspaper.png" alt="Newspaper"> Writing</a>
+ </nav>
+ <body>
+ <main>
<dl>
<dt>01-07-2026</dt>
<dd>
@@ -55,6 +56,7 @@
<a href="https://www.youtube.com/watch?v=5iyxJ72G0lM" title="Brexit means Brexit">
<img src="media/eu_anim.gif" alt="EUistan Flag">
- </a>
+ </a>
+ </main>
</body>
</html>
diff --git a/contact.html b/contact.html
index 7650e74..38ab246 100644
--- a/contact.html
+++ b/contact.html
@@ -9,18 +9,19 @@
<link rel="icon" type="image/x-icon" href="fig.ico">
<title>El Arriero - Contact</title>
</head>
-
- <body>
- <header>
+ <header>
<h1><a class="title" href="index.html">El Arriero</a><i>Fig, to my heart, you are the eternal hope.</i></h1>
- </header>
- <nav>
- <a href="about.html"><img src="icons/user-business.png" alt="User Business"> About</a>
- <a href="contact.html"><img src="icons/mail.png" alt="Mail Arrow"> Contact</a>
- <a href="changelog.html"><img src="icons/new-text.png" alt="NEW!"> Changelog</a>
- <a href="https://wiki.elarriero.org/"><img src="icons/book-open-text-image.png" alt="Encyclopedia"> Wiki</a>
- <a href="https://press.elarriero.org"><img src="icons/newspaper.png" alt="Newspaper"> Writing</a>
- </nav>
+ </header>
+ <nav>
+ <a href="about.html"><img src="icons/user-business.png" alt="User Business"> About Me</a>
+ <a href="fig.html"><img src="icons/user-green-female.png" alt="Green Female">About Fig</a>
+ <a href="contact.html" class="selected"><img src="icons/mail.png" alt="Mail Arrow"> Contact</a>
+ <a href="changelog.html"><img src="icons/new-text.png" alt="NEW!"> Changelog</a>
+ <a href="https://wiki.elarriero.org/"><img src="icons/book-open-text-image.png" alt="Encyclopedia"> Wiki</a>
+ <a href="https://press.elarriero.org"><img src="icons/newspaper.png" alt="Newspaper"> Writing</a>
+ </nav>
+ <body>
+ <main>
<h2>How to Contact Me</h2>
<ul>
<dt>Write to my <a href="mailto:yorkshirefigs@posteo.uk">Email <img src="icons/mail--pencil.png" alt="Email Write!"></a></dt>
@@ -37,6 +38,7 @@
<a href="https://www.youtube.com/watch?v=5iyxJ72G0lM" title="Brexit means Brexit">
<img src="media/eu_anim.gif" alt="EUistan Flag">
</a>
+ </main>
</body>
</html>
diff --git a/fig.html b/fig.html
index 3ef2882..137e842 100644
--- a/fig.html
+++ b/fig.html
@@ -11,63 +11,34 @@
<title>El Arriero</title>
</head>
-
- <body>
- <header>
+ <header>
<h1><a class="title" href="index.html">El Arriero</a><i>Fig, to my heart, you are the eternal hope.</i></h1>
- </header>
- <nav>
- <a href="about.html"><img src="icons/user-business.png" alt="User Business"> About</a>
- <a href="contact.html"><img src="icons/mail.png" alt="Mail Arrow"> Contact</a>
- <a href="changelog.html"><img src="icons/new-text.png" alt="NEW!"> Changelog</a>
- <a href="https://wiki.elarriero.org/"><img src="icons/book-open-text-image.png" alt="Encyclopedia"> Wiki</a>
- <a href="https://press.elarriero.org"><img src="icons/newspaper.png" alt="Newspaper"> Writing</a>
- </nav>
- <h2>A Complete Accident</h2>
- <p>On the 21st of January, 2026, I worked up the courage to draw for /hmofa/. Practice makes perfect after all.
- I couldn't get the eyes right, and this was before I bought a <a href="https://www.derwentart.us/" title="Derwent Art store page"> proper set of pencils</a>
- <img src="icons/globe--arrow.png" alt="Outgoing Link">, so it smudged everywhere.
- This gave her permanent bags under her sharp eyes, and combined with thick eyebrows, made her look like a stereotypical cougar.
- The way I draw hair makes it look thin if I don't color it in, which only added to her age.
- </p>
- <p>
- I thought a bathrobe would go well with her disheveled hair, giving her a comfortable and honest appearance. She knows what she likes, and it's (you).
- One thing I always associate with bathrobes, apart from sexy older women, are exhibitionists. Combining all of these factors gets you a nudist.
- </p>
- <p>Her main quirk, smoking, is explained by me liking the smell of cigarette smoke, and finding the act as <b>pure sex</b>. You also never see young women smoke.
- I looked around for cigarette stereotypes and found that Parliament would suit her well, although Pall Mall isn't a bad pick.
- I always draw her with a cigarette, and people have remembered that when they make art.
- </p>
-
- <a href="media/fig.jpeg" title="The original Fig drawing"> <img style="max-width: 15%" src="media/fig.webp" alt="The original Fig drawing"></a>
-
-
- <h2>Why Make Her English?</h2>
- Nudity is something you can only comfortably practice in places with mild temperatures, like Europe or some places of the United States.
- It also has to be somewhere it's less likely to get you thrown in jail, ruling out the USA.
- By now I was thinking of writing something with her, and the only place that would make sense for an American protagonist is the <b>United Kingdom</b>.
- I had to look for a place that is:
- <ul>
- <li>In Northern England,</li>
- <li>Populated enough,</li>
- <li>Laid back,</li>
- <li>Close to the shore,</li>
- <li>And retains its own customs.</li>
- </ul>
- These filters left me with <strong>Beverly, East Riding of Yorkshire</strong>. The shoreline it's close to actually has a nudist beach.
- <br>
- I looked up what the accent sounded like because it gets more unintelligible the further you go north.
- It would be funny to give our protagonist the worst case of culture shock.
-
- <a title="Oh, you're a cute one ain'tcha, Anonie?" href="media/figsmoke.png"><img src="media/smoke.webp" alt="Fig" class="fig"></a>
+ </header>
+ <nav>
+ <a href="about.html"><img src="icons/user-business.png" alt="User Business"> About Me</a>
+ <a href="fig.html" class="selected"><img src="icons/user-green-female.png" alt="Green Female">About Fig</a>
+ <a href="contact.html"><img src="icons/mail.png" alt="Mail Arrow"> Contact</a>
+ <a href="changelog.html"><img src="icons/new-text.png" alt="NEW!"> Changelog</a>
+ <a href="https://wiki.elarriero.org/"><img src="icons/book-open-text-image.png" alt="Encyclopedia"> Wiki</a>
+ <a href="https://press.elarriero.org"><img src="icons/newspaper.png" alt="Newspaper"> Writing</a>
+ </nav>
+ <body>
+ <main>
+ <h2>Fig: The Most Britishly Mediocre!</h2>
+ <dl>
+ <a href="fig_origin.html"><dt>Fig's Origin Story</dt></a>
+ <small>https://elarriero.org/fig_origin.html</small>
+ <dd>Go through the creative process behind our beloved nudist husky.</dd>
+ </dl>
<hr>
- <a href="https://www.restorebritain.org.uk/" title="Visit to save Britain from the Thousand Year Starmerreich!">
+ <a title="Oh, you're a cute one ain'tcha, Anonie?" href="media/figsmoke.png"><img src="media/smoke.webp" alt="Fig" class="fig"></a>
+ <a href="https://www.restorebritain.org.uk/" title="Visit to save Britain from the Thousand Year Starmerreich!">
<img src="media/restorebritain.gif" alt="RESTORE BRITAIN!">
- </a>
-
+ </a>
<a href="https://www.youtube.com/watch?v=5iyxJ72G0lM" title="Brexit means Brexit">
<img src="media/eu_anim.gif" alt="EUistan Flag">
- </a>
+ </a>
+ </main>
</body>
</html>
diff --git a/fig_origin.html b/fig_origin.html
new file mode 100644
index 0000000..d1a2906
--- /dev/null
+++ b/fig_origin.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+
+ <link rel="stylesheet" href="britons.css?v=6">
+ <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, british, furry">
+ <meta name="description" content="Main page of a British waifur website.">
+ <link rel="icon" type="image/x-icon" href="fig.ico">
+ <title>El Arriero</title>
+
+ </head>
+ <header>
+ <h1><a class="title" href="index.html">El Arriero</a><i>Fig, to my heart, you are the eternal hope.</i></h1>
+ </header>
+ <nav>
+ <a href="about.html"><img src="icons/user-business.png" alt="User Business"> About Me</a>
+ <a href="fig.html"><img src="icons/user-green-female.png" alt="Green Female">About Fig</a>
+ <a href="contact.html"><img src="icons/mail.png" alt="Mail Arrow"> Contact</a>
+ <a href="changelog.html"><img src="icons/new-text.png" alt="NEW!"> Changelog</a>
+ <a href="https://wiki.elarriero.org/"><img src="icons/book-open-text-image.png" alt="Encyclopedia"> Wiki</a>
+ <a href="https://press.elarriero.org"><img src="icons/newspaper.png" alt="Newspaper"> Writing</a>
+ </nav>
+
+ <body>
+ <main>
+ <h2>Fig's Origin Story</h2>
+
+ <h3>The Prelude</h3>
+ <p>On the 21st of January, 2026, I worked up the courage to draw for /hmofa/.
+ I couldn't get the eyes right, and this was before I bought a <a href="https://www.derwentart.us/" title="Derwent Art store page"> proper set of pencils</a>
+ <img src="icons/globe--arrow.png" alt="Outgoing Link">, so it smudged everywhere.
+ This gave her permanent bags under her sharp eyes, and combined with thick eyebrows, made her look like a stereotypical cougar.
+ The way I draw hair makes it look thin if I don't color it in, which only added to her age.
+ </p>
+ <figure>
+ <img src="media/fig.webp" alt="Fig's debut where she flirts with a teenage deli worker.">
+ <figcaption>The first iteration of Fig. This is the POV of a teenager working at a deli.</figcaption>
+ </figure>
+ <p>
+ I thought a bathrobe would go well with her disheveled hair, giving her a comfortable and honest appearance. She knows what she likes, and it's (you).
+ One thing I always associate with bathrobes, apart from sexy older women, are exhibitionists. Combining all of these factors gets you a nudist.
+ </p>
+ <p>Her main quirk, smoking, is explained by me liking the smell of cigarette smoke, and finding the act as <b>pure sex</b>. You also never see young women smoke.
+ I looked around for cigarette stereotypes and found that Parliament would suit her well, although Pall Mall isn't a bad pick.
+ I always draw her with a cigarette, and people have remembered that when they make art.
+ </p>
+
+ <h2>Why Make Her English?</h2>
+ Nudity is something you can only comfortably practice in places with mild temperatures, like Europe or some places of the United States.
+ It also has to be somewhere it's less likely to get you thrown in jail, ruling out the USA.
+ By now I was thinking of writing something with her, and the only place that would make sense for an American protagonist is the <b>United Kingdom</b>.
+ I had to look for a place that is:
+ <ul>
+ <li>In Northern England,</li>
+ <li>Populated enough,</li>
+ <li>Laid back,</li>
+ <li>Close to the shore,</li>
+ <li>And retains its own customs.</li>
+ </ul>
+ These filters left me with <strong>Beverly, East Riding of Yorkshire</strong>. The shoreline it's close to actually has a nudist beach.
+ <br>
+ I looked up what the accent sounded like because it gets more unintelligible the further you go north.
+ It would be funny to give our protagonist the worst case of culture shock.
+
+
+ <hr>
+ <a title="Oh, you're a cute one ain'tcha, Anonie?" href="media/figsmoke.png"><img src="media/smoke.webp" alt="Fig" class="fig"></a>
+ <a href="https://www.restorebritain.org.uk/" title="Visit to save Britain from the Thousand Year Starmerreich!">
+ <img src="media/restorebritain.gif" alt="RESTORE BRITAIN!">
+ </a>
+
+ <a href="https://www.youtube.com/watch?v=5iyxJ72G0lM" title="Brexit means Brexit">
+ <img src="media/eu_anim.gif" alt="EUistan Flag">
+ </a>
+ </main>
+ </body>
+</html>
+
diff --git a/g.html b/g.html
new file mode 100644
index 0000000..6f736c9
--- /dev/null
+++ b/g.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+
+ <link rel="stylesheet" href="britons.css?v=6">
+ <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, british, furry">
+ <meta name="description" content="Main page of a British waifur website.">
+ <link rel="icon" type="image/x-icon" href="fig.ico">
+ <title>El Arriero</title>
+
+ </head>
+ <header>
+ <h1><a class="title" href="index.html">El Arriero</a><i>Fig, to my heart, you are the eternal hope.</i></h1>
+ </header>
+ <nav>
+ <a href="about.html"><img src="icons/user-business.png" alt="User Business"> About Me</a>
+ <a href="fig.html"><img src="icons/user-green-female.png" alt="Green Female">About Fig</a>
+ <a href="contact.html"><img src="icons/mail.png" alt="Mail Arrow"> Contact</a>
+ <a href="changelog.html"><img src="icons/new-text.png" alt="NEW!"> Changelog</a>
+ <a href="https://wiki.elarriero.org/"><img src="icons/book-open-text-image.png" alt="Encyclopedia"> Wiki</a>
+ <a href="https://press.elarriero.org"><img src="icons/newspaper.png" alt="Newspaper"> Writing</a>
+ </nav>
+
+ <body>
+ <main>
+ <h2>Technolo/g/y</h2>
+ <dl>
+ <a href="https://landchad.net/"><dt>Landchad's Guides for Self Hosting <img src="icons/globe--arrow.png" alt="Outgoing link"></dt></a>
+ <small>https://landchad.net/</small>
+ <dd><q>Don't like it? Well then go host your own net!</q> Learn how cheap & easy it is to host your own website and services. <b>Stop being a web peasant today!</b></dd>
+ <a href="https://stallman.org/discord.html"><dt>Stallman says: <q>Stop using Discord!</q> <img src="icons/globe--arrow.png" alt="Outgoing link"></dt></a>
+ <small>https://stallman.org/discord.html</small>
+ <dd><a href="https://stallman.org/">RMS</a> <img src="icons/user-detective.png" alt="Activist">, founder of the GNU Project lists out reasons any self-respecting person should tell Discord to take a hike.</dd>
+ </dl>
+ <hr>
+ <a href="https://www.restorebritain.org.uk/" title="Visit to save Britain from the Thousand Year Starmerreich!">
+ <img src="media/restorebritain.gif" alt="RESTORE BRITAIN!">
+ </a>
+
+ <a href="https://www.youtube.com/watch?v=5iyxJ72G0lM" title="Brexit means Brexit">
+ <img src="media/eu_anim.gif" alt="EUistan Flag">
+ </a>
+ <a title="Oh, you're a cute one ain'tcha, Anonie?" href="media/figsmoke.png"><img src="media/smoke.webp" alt="Fig" class="fig"></a>
+ </main>
+ </body>
+</html>
+
diff --git a/hmofa.html b/hmofa.html
new file mode 100644
index 0000000..59f8b55
--- /dev/null
+++ b/hmofa.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+
+ <link rel="stylesheet" href="britons.css?v=6">
+ <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, british, furry">
+ <meta name="description" content="Main page of a British waifur website.">
+ <link rel="icon" type="image/x-icon" href="fig.ico">
+ <title>El Arriero</title>
+
+ </head>
+ <header>
+ <h1><a class="title" href="index.html">El Arriero</a><i>Fig, to my heart, you are the eternal hope.</i></h1>
+ </header>
+ <nav>
+ <a href="about.html"><img src="icons/user-business.png" alt="User Business"> About Me</a>
+ <a href="fig.html"><img src="icons/user-green-female.png" alt="Green Female">About Fig</a>
+ <a href="contact.html"><img src="icons/mail.png" alt="Mail Arrow"> Contact</a>
+ <a href="changelog.html"><img src="icons/new-text.png" alt="NEW!"> Changelog</a>
+ <a href="https://wiki.elarriero.org/"><img src="icons/book-open-text-image.png" alt="Encyclopedia"> Wiki</a>
+ <a href="https://press.elarriero.org"><img src="icons/newspaper.png" alt="Newspaper"> Writing</a>
+ </nav>
+
+ <body>
+ <main>
+
+
+<!-- <figure>
+ <img src="media/fig_reclining_censored.webp" alt="Fig reclining with her legs propped up on a fence. She's unknowingly showing off her hairy mound.">
+ <figcaption>Fig reclining with her legs propped up on a fence, inadvertently showing her lady garden.</figcaption>
+ </figure>
+ <figure>
+ <img src="media/fig_hamster.webp" alt="Fig cheerfully looking up at the hamster smoking on her messy scalp.">
+ <figcaption>Fig cheerfully looking up at the hamster smoking on her messy scalp.</figcaption>
+ </figure> -->
+
+ <h2>Interesting HMOFA sites</h2>
+ <dl>
+ <a href="https://rentry.org/hmofa"><dt>Masterbin of /hmofa/ <img src="icons/globe--arrow.png" alt="Outgoing link"></dt></a>
+ <small>https://rentry.org/hmofa</small>
+ <dd>A listing of /hmofa/ stories, visual novels, and games sorted by author. <a href="https://hmofa.neocities.org/">You can search by tags here.</a> <img src="icons/globe--plus.png" alt="Outgoing link"></dd>
+ <a href="http://furfagschizophrenia.org:27044/"><dt>Furfag Schizophrenia <img src="icons/globe--arrow.png" alt="Outgoing link"></dt></a>
+ <small>http://furfagschizophrenia.org:27044/femcel/index.php</small>
+ <dd>Debatably /hmofa/. <a href="http://furfagschizophrenia.org:27044/femcel/index.php">This femcel cat</a> <img src="icons/globe--plus.png" alt="Outgoing link"> hates humans, and lives in a HMOFA world.</dd>
+ <a href="https://autononymous.io/"><dt>Autononymous <img src="icons/globe--arrow.png" alt="Outgoing link"></dt></a>
+ <small>https://autononymous.io/</small>
+ <dd>A cool website run by two cool friends that write stories. Has some /hmofa/ stories like <a href="https://autononymous.io/authors-and-stories/oliver-hart/foxing/">Foxing</a> <img src="icons/book.png" alt="Story"> and
+ <a href="https://autononymous.io/authors-and-stories/oliver-hart/the-leaves-of-fall/">The Leaves of Fall</a> <img src="icons/book.png" alt="Story">.
+ </dd>
+ </dl>
+
+ <a title="Oh, you're a cute one ain'tcha, Anonie?" href="media/figsmoke.png"><img src="media/smoke.webp" alt="Fig" class="fig"></a>
+
+ <hr>
+ <a href="https://www.restorebritain.org.uk/" title="Visit to save Britain from the Thousand Year Starmerreich!">
+ <img src="media/restorebritain.gif" alt="RESTORE BRITAIN!">
+ </a>
+
+ <a href="https://www.youtube.com/watch?v=5iyxJ72G0lM" title="Brexit means Brexit">
+ <img src="media/eu_anim.gif" alt="EUistan Flag">
+ </a>
+ </main>
+ </body>
+</html>
+
diff --git a/index.html b/index.html
index 3e632ee..d60b8b1 100644
--- a/index.html
+++ b/index.html
@@ -11,77 +11,50 @@
<title>El Arriero</title>
</head>
- <body>
- <header>
+ <header>
<h1><a class="title" href="index.html">El Arriero</a><i>Fig, to my heart, you are the eternal hope.</i></h1>
- </header>
- <nav>
- <a href="about.html"><img src="icons/user-business.png" alt="User Business"> About</a>
- <a href="contact.html"><img src="icons/mail.png" alt="Mail Arrow"> Contact</a>
- <a href="changelog.html"><img src="icons/new-text.png" alt="NEW!"> Changelog</a>
- <a href="https://wiki.elarriero.org/"><img src="icons/book-open-text-image.png" alt="Encyclopedia"> Wiki</a>
- <a href="https://press.elarriero.org"><img src="icons/newspaper.png" alt="Newspaper"> Writing</a>
- </nav>
+ </header>
+ <nav>
+ <a href="about.html"><img src="icons/user-business.png" alt="User Business"> About Me</a>
+ <a href="fig.html"><img src="icons/user-green-female.png" alt="Green Female">About Fig</a>
+ <a href="contact.html"><img src="icons/mail.png" alt="Mail Arrow"> Contact</a>
+ <a href="changelog.html"><img src="icons/new-text.png" alt="NEW!"> Changelog</a>
+ <a href="https://wiki.elarriero.org/"><img src="icons/book-open-text-image.png" alt="Encyclopedia"> Wiki</a>
+ <a href="https://press.elarriero.org"><img src="icons/newspaper.png" alt="Newspaper"> Writing</a>
+ </nav>
+
+ <body>
+ <main>
<figure>
<img src="media/fig_reclining_censored.webp" alt="Fig reclining with her legs propped up on a fence. She's unknowingly showing off her hairy mound.">
<figcaption>Fig reclining with her legs propped up on a fence, inadvertently showing her lady garden.</figcaption>
</figure>
- <figure>
- <img src="media/fig_hamster.webp" alt="Fig cheerfully looking up at the hamster smoking on her messy scalp.">
- <figcaption>Fig cheerfully looking up at the hamster smoking on her messy scalp.</figcaption>
- </figure>
- <h2>"The Most Britishly Mediocre Thing Ever"</h2>
- <dl>
- <a href="fig.html"><dt>Fig's Origin</dt></a>
- <small>https://elarriero.org/fig.html</small>
- <dd>Showing how, when, and why I made Fig.</dd>
- </dl>
-
- <h2>Interesting HMOFA sites</h2>
- <dl>
- <a href="https://rentry.org/hmofa"><dt>Masterbin of /hmofa/ <img src="icons/globe--arrow.png" alt="Outgoing link"></dt></a>
- <small>https://rentry.org/hmofa</small>
- <dd>A listing of /hmofa/ stories, visual novels, and games sorted by author. <a href="https://hmofa.neocities.org/">You can search by tags here.</a> <img src="icons/globe--plus.png" alt="Outgoing link"></dd>
- <a href="http://furfagschizophrenia.org:27044/"><dt>Furfag Schizophrenia <img src="icons/globe--arrow.png" alt="Outgoing link"></dt></a>
- <small>http://furfagschizophrenia.org:27044/femcel/index.php</small>
- <dd>Debatably /hmofa/. <a href="http://furfagschizophrenia.org:27044/femcel/index.php">This femcel cat</a> <img src="icons/globe--plus.png" alt="Outgoing link"> hates humans, and lives in a HMOFA world.</dd>
- <a href="https://autononymous.io/"><dt>Autononymous <img src="icons/globe--arrow.png" alt="Outgoing link"></dt></a>
- <small>https://autononymous.io/</small>
- <dd>A cool website run by two cool friends that write stories. Has some /hmofa/ stories like <a href="https://autononymous.io/authors-and-stories/oliver-hart/foxing/">Foxing</a> <img src="icons/book.png" alt="Story"> and
- <a href="https://autononymous.io/authors-and-stories/oliver-hart/the-leaves-of-fall/">The Leaves of Fall</a> <img src="icons/book.png" alt="Story">.
- </dd>
- </dl>
-
- <h2>Technolo/g/y</h2>
- <dl>
- <a href="https://landchad.net/"><dt>Landchad's Guides for Self Hosting <img src="icons/globe--arrow.png" alt="Outgoing link"></dt></a>
- <small>https://landchad.net/</small>
- <dd><q>Don't like it? Well then go host your own net!</q> Learn how cheap & easy it is to host your own website and services. <b>Stop being a web peasant today!</b></dd>
- <a href="https://stallman.org/discord.html"><dt>Stallman says: <q>Stop using Discord!</q> <img src="icons/globe--arrow.png" alt="Outgoing link"></dt></a>
- <small>https://stallman.org/discord.html</small>
- <dd><a href="https://stallman.org/">RMS</a> <img src="icons/user-detective.png" alt="Activist">, founder of the GNU Project lists out reasons any self-respecting person should tell Discord to take a hike.</dd>
- </dl>
-
- <h2>Real/pol/itik</h2>
- <dl>
- <a href="https://www.restorebritain.org.uk/" title="Their main site."><dt>Restore Britain <img src="icons/globe--arrow.png" alt="Outgoing link"></dt></a>
- <dd><strong>This is not Reform UK</strong>, it's Britain's chance at peacefully and democratically solving the immigration crisis, impending economic collapse, and creeping Sharia law.
- <strong>Please check it out if you're English</strong>.
- </dd>
- </dl>
-
-
- <a title="Oh, you're a cute one ain'tcha, Anonie?" href="media/figsmoke.png"><img src="media/smoke.webp" alt="Fig" class="fig"></a>
+ <a href="fig.html" title="More about our beloved Yorkshire lass."><h2>Fig: The Most Britishly Mediocre!</h2></a>
+ <small>https://elarriero.org/fig.html</small>
+ <p>For people who are into smoking (hot) old ladies from the wet lands of Northern England.</p>
+ <hr>
+ <a href="hmofa.html" title="Links to more HMOFA content."><h2>Interesting HMOFA sites</h2></a>
+ <small>https://elarriero.org/hmofa.html</small>
+ <p><q>I like furry girls, but I don't want to mingle with the weird community...</q>—Many young men.</p>
+ <hr>
+ <a href="g.html" title="Links to interesting tech content."><h2>Fun and Useful Technolo/g/y</h2></a>
+ <small>https://elarriero.org/g.html</small>
+ <p>Say 'no' to unjust software.</p>
<hr>
+ <a href="pol.html" title="Important geopolitics"><h2>Real/pol/itik</h2></a>
+ <small>https://elarriero.org/pol.html</small>
+ <p>Quit being a fencesitter. This affects you either way.</p>
+ <hr>
+ <a title="Oh, you're a cute one ain'tcha, Anonie?" href="media/figsmoke.png"><img src="media/smoke.webp" alt="Fig" class="fig"></a>
<a href="https://www.restorebritain.org.uk/" title="Visit to save Britain from the Thousand Year Starmerreich!">
<img src="media/restorebritain.gif" alt="RESTORE BRITAIN!">
</a>
-
<a href="https://www.youtube.com/watch?v=5iyxJ72G0lM" title="Brexit means Brexit">
<img src="media/eu_anim.gif" alt="EUistan Flag">
- </a>
+ </a>
+ </main>
</body>
</html>
diff --git a/map.html b/map.html
deleted file mode 100644
index b1d8aa5..0000000
--- a/map.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
- <head>
-
- <link rel="stylesheet" href="britons.css?v=5">
- <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, british, furry">
- <meta name="description" content="Main page, showing off waifurs and my interest in British culture.">
- <title>El Arriero</title>
-
- </head>
-
- <body>
- <header role="banner">
- <a class="title" href="index.html" title="The Muleteer">El Arriero</a>
- <i class="tagline">Home of the Britishly Mediocre</i>
- <div class="navbar" role="navigation">
- <a href="contact.html">(<img src="icons/mail--arrow.png" alt="Mail Arrow">) Contact Me</a>
- <a href="changelog.html">(<img src="icons/new-text.png" alt="New!">) Changelog</a>
- <a href="https://wiki.elarriero.org/">(<img src="icons/book-open-text-image.png" alt="Book Image">) Wiki</a>
- <a href="https://press.elarriero.org/">(<img src="icons/newspaper.png" alt="Newspaper">) The Press</a>
- </div>
- </header>
- <hr>
-
- <h2>Welcome to Beverly</h2>
- We offer many tourist attractions:
- <ul>
- <li><a href="bev_fig.html" title="A tall silohette passes by the curtains">That Old Fig's House</a></li>
- <li><a href="bev_shirley.html" title="Cloying perfume wafts through the door and onto the street">And Her Friend</a></li>
- <li><a href="bev_market.html" title="You touch, you buy.">The Market</a></li>
- </ul>
-
- <img src="media/eucolor.png" class="eu" alt="eucolor">
- <a href="https://www.youtube.com/watch?v=5iyxJ72G0lM" title="Brexit means Brexit">
- <img src="media/stars.png" class="stars" alt="stars">
- </a>
- <a title="Oh, you're a cute one ain'tcha, Anonie?" href="media/figsmoke.png"><img src="media/smoke.webp" alt="Fig" class="fig"></a>
- </body>
-</html>
-
diff --git a/pol.html b/pol.html
new file mode 100644
index 0000000..9be5531
--- /dev/null
+++ b/pol.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+
+ <link rel="stylesheet" href="britons.css?v=6">
+ <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, british, furry">
+ <meta name="description" content="Main page of a British waifur website.">
+ <link rel="icon" type="image/x-icon" href="fig.ico">
+ <title>El Arriero</title>
+
+ </head>
+ <header>
+ <h1><a class="title" href="index.html">El Arriero</a><i>Fig, to my heart, you are the eternal hope.</i></h1>
+ </header>
+ <nav>
+ <a href="about.html"><img src="icons/user-business.png" alt="User Business"> About Me</a>
+ <a href="fig.html"><img src="icons/user-green-female.png" alt="Green Female">About Fig</a>
+ <a href="contact.html"><img src="icons/mail.png" alt="Mail Arrow"> Contact</a>
+ <a href="changelog.html"><img src="icons/new-text.png" alt="NEW!"> Changelog</a>
+ <a href="https://wiki.elarriero.org/"><img src="icons/book-open-text-image.png" alt="Encyclopedia"> Wiki</a>
+ <a href="https://press.elarriero.org"><img src="icons/newspaper.png" alt="Newspaper"> Writing</a>
+ </nav>
+
+ <body>
+ <main>
+ <h2>Real/pol/itik</h2>
+ <dl>
+ <a href="https://www.restorebritain.org.uk/" title="Their main site."><dt>Restore Britain <img src="icons/globe--arrow.png" alt="Outgoing link"></dt></a>
+ <dd><strong>This is not Reform UK</strong>, it's Britain's chance at peacefully and democratically solving the immigration crisis, impending economic collapse, and creeping Sharia law.
+ <strong>Please check it out if you're English</strong>.
+ </dd>
+ </dl>
+ <hr>
+ <a title="Oh, you're a cute one ain'tcha, Anonie?" href="media/figsmoke.png"><img src="media/smoke.webp" alt="Fig" class="fig"></a>
+ <a href="https://www.restorebritain.org.uk/" title="Visit to save Britain from the Thousand Year Starmerreich!">
+ <img src="media/restorebritain.gif" alt="RESTORE BRITAIN!">
+ </a>
+
+ <a href="https://www.youtube.com/watch?v=5iyxJ72G0lM" title="Brexit means Brexit">
+ <img src="media/eu_anim.gif" alt="EUistan Flag">
+ </a>
+ </main>
+ </body>
+</html>
+