diff options
| -rw-r--r-- | about.html | 27 | ||||
| -rw-r--r-- | britons.css | 51 | ||||
| -rw-r--r-- | changelog.html | 29 | ||||
| -rw-r--r-- | contact.html | 31 | ||||
| -rw-r--r-- | fig.html | 44 | ||||
| -rw-r--r-- | fig/fig.html | 53 | ||||
| -rw-r--r-- | fig/fig_origin.html (renamed from fig_origin.html) | 40 | ||||
| -rw-r--r-- | g.html | 49 | ||||
| -rw-r--r-- | g/g.html | 58 | ||||
| -rw-r--r-- | hmofa.html | 67 | ||||
| -rw-r--r-- | hmofa/hmofa.html | 65 | ||||
| -rw-r--r-- | index.html | 48 | ||||
| -rw-r--r-- | pol.html | 47 | ||||
| -rw-r--r-- | pol/pol.html | 56 |
14 files changed, 360 insertions, 305 deletions
@@ -1,24 +1,27 @@ <!DOCTYPE html> <html> <head> - <link rel="stylesheet" href="britons.css?v=6"> + <link rel="stylesheet" href="/britons.css?v=7"> <meta http-equiv="content-type" content="text/html; charset=windows-1252"> <meta name="author" content="Jodian Buenaventura"> <meta name="keywords" content="/hmofa/, furry, hmofa, tech, writing, index"> <meta name="description" content="About the owner of El Arriero."> - <link rel="icon" type="image/x-icon" href="fig.ico"> + <link rel="icon" type="image/x-icon" href="/fig.ico"> <title>El Arriero - Contact</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> + <h1> + <a href="/index.html">El Arriero</a> + </h1> + <i class="tagline">Fig, to my heart, you are the eternal hope.</i> </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> + <a href="/about.html" class="selected"><img src="/icons/user-business.png" alt="User Business"> About Me</a> + <a href="/fig/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> @@ -46,13 +49,13 @@ </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 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!"> + <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"> + <img src="/media/eu_anim.gif" alt="EUistan Flag"> </a> </main> </body> diff --git a/britons.css b/britons.css index 63d2cb2..62407fa 100644 --- a/britons.css +++ b/britons.css @@ -1,6 +1,6 @@ :root { --main-fg-color: #003400; - --main-ac-color: #007400; + --main-ac-color: #00A800; background-image: url(media/bg.gif); } @@ -9,13 +9,14 @@ body { font-family: "Liberation Serif", "Times New Roman"; display: block; background-color: rgba(255, 255, 255, 0.8); - margin: 2.5%; + margin: 1% 5%; + border-style: double; double double double; + border-width: thick; + border-color: var(--main-fg-color); } main { padding: 0 1%; - border-style: solid; - border-color: var(--main-fg-color); } small { @@ -24,11 +25,19 @@ small { } header { - background-color: var(--main-fg-color); - border-color: var(--main-fg-color); - border-width: thick; - border-style: solid; - padding: 0 1%; + background-color: var(--main-fg-color); + display: flex; + justify-content: space-between; + align-items: baseline; + padding: 0 1%; +} + +.tagline { + margin-left: auto; + color: whitesmoke; + font-size: 125%; + margin-left: 1%; + text-decoration: underline; } p { @@ -37,6 +46,7 @@ p { h1 { margin: 0%; + white-space: nowrap; } h2 { @@ -48,20 +58,15 @@ h1 a { color: white; font-weight: bold; text-decoration: none; + background-color: var(--main-fg-color); + padding: 0 1%; } -h1 i { - font-size: 75%; - color: olivedrab; - margin-left: 5%; - text-decoration: underline; -} + 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); + background: linear-gradient(180deg, #003400 40%, var(--main-ac-color) 100%); } nav a { margin-top: 0; @@ -69,7 +74,9 @@ nav a { text-decoration: none; color: white; font-weight: bold; - + border-style: none solid none none; + border-width: thin; + box-shadow: inset 8px rgba(0, 0, 0, 0.20); } nav a:hover { @@ -77,7 +84,7 @@ nav a:hover { color: white; } nav .selected { - background-color: var(--main-fg-color); + background: linear-gradient(180deg, #003400 50%, #007400 100%); } .fig { @@ -116,4 +123,8 @@ figure { figure img { max-width: 100%; +} + +.yah { + padding-left: 1%; }
\ No newline at end of file diff --git a/changelog.html b/changelog.html index a382fb3..95f641f 100644 --- a/changelog.html +++ b/changelog.html @@ -2,26 +2,29 @@ <html lang="en"> <head> - <link rel="stylesheet" href="britons.css?v=6"> + <link rel="stylesheet" href="/britons.css?v=7"> <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="Changelog for the El Arriero website."> - <link rel="icon" type="image/x-icon" href="fig.ico"> + <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> + <h1> + <a href="/index.html">El Arriero</a> + </h1> + <i class="tagline">Fig, to my heart, you are the eternal hope.</i> </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> + <a href="/about.html"><img src="/icons/user-business.png" alt="User Business"> About Me</a> + <a href="/fig/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> @@ -48,14 +51,14 @@ </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 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!"> + <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"> + <img src="/media/eu_anim.gif" alt="EUistan Flag"> </a> </main> </body> diff --git a/contact.html b/contact.html index 38ab246..df54d6c 100644 --- a/contact.html +++ b/contact.html @@ -1,42 +1,45 @@ <!DOCTYPE html> <html> <head> - <link rel="stylesheet" href="britons.css?v=6"> + <link rel="stylesheet" href="/britons.css?v=7"> <meta http-equiv="content-type" content="text/html; charset=windows-1252"> <meta name="author" content="Jodian Buenaventura"> <meta name="keywords" content="/hmofa/, furry, hmofa, tech, writing, index"> <meta name="description" content="Contact information for the owner of El Arriero."> - <link rel="icon" type="image/x-icon" href="fig.ico"> + <link rel="icon" type="image/x-icon" href="/fig.ico"> <title>El Arriero - Contact</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> + <h1> + <a href="/index.html">El Arriero</a> + </h1> + <i class="tagline">Fig, to my heart, you are the eternal hope.</i> </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> + <a href="/about.html"><img src="/icons/user-business.png" alt="User Business"> About Me</a> + <a href="/fig/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> + <dt>Write to my <a href="mailto:yorkshirefigs@posteo.uk">Email <img src="/icons/mail--pencil.png" alt="Email Write!"></a></dt> <dd>I check my email multiple times a day, but responses may take a day or two to come in. I like responding to your messages, so please send me lots!</dd> - <dt>Contact Suggestions <img src="icons/question-balloon.png" alt="Question balloon"></dt> + <dt>Contact Suggestions <img src="/icons/question-balloon.png" alt="Question balloon"></dt> <dd>I want people to have the option to contact me many ways, but most options violate our <a href="https://www.gnu.org/philosophy/free-sw.en.html">freedom</a>, or are too inconvenient. If you'd like to suggest a contact method then I'd be glad to look into it.</dd> </ul> - <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 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!"> + <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"> + <img src="/media/eu_anim.gif" alt="EUistan Flag"> </a> </main> </body> diff --git a/fig.html b/fig.html deleted file mode 100644 index 137e842..0000000 --- a/fig.html +++ /dev/null @@ -1,44 +0,0 @@ -<!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="Fig, the nudist husky's origin story."> - <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" 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 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/fig/fig.html b/fig/fig.html new file mode 100644 index 0000000..e282d37 --- /dev/null +++ b/fig/fig.html @@ -0,0 +1,53 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + + <link rel="stylesheet" href="/britons.css?v=7"> + <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="Index for more about Fig, the nudist husky."> + <link rel="icon" type="image/x-icon" href="/fig.ico"> + <title>El Arriero</title> + + </head> + <header> + <h1> + <a href="/index.html">El Arriero</a> + </h1> + <i class="tagline">Fig, to my heart, you are the eternal hope.</i> + </header> + <nav> + <a href="/about.html"><img src="/icons/user-business.png" alt="User Business"> About Me</a> + <a href="/fig/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> + <div class="yah"> + <small> + <a href="/index.html">Index</a> > + <a href="/fig/fig.html">Fig: The Most Britishly Mediocre!</a> + </small> + </div> + <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 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/fig_origin.html b/fig/fig_origin.html index d1a2906..084e2bf 100644 --- a/fig_origin.html +++ b/fig/fig_origin.html @@ -2,40 +2,50 @@ <html lang="en"> <head> - <link rel="stylesheet" href="britons.css?v=6"> + <link rel="stylesheet" href="/britons.css?v=7"> <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"> + <meta name="description" content="Origin story of a Fig, the nudist husky waifur."> + <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> + <h1> + <a href="/index.html">El Arriero</a> + </h1> + <i class="tagline">Fig, to my heart, you are the eternal hope.</i> </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> + <a href="/about.html"><img src="/icons/user-business.png" alt="User Business"> About Me</a> + <a href="/fig/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> + <div class="yah"> + <small> + <a href="/index.html">Index</a> > + <a href="/fig/fig.html">Fig: The Most Britishly Mediocre!</a> > + <a href="/fig/fig_origin.html">Fig's Origin Story</a> + </small> + </div> <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. + <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."> + <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> @@ -66,13 +76,13 @@ <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 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!"> + <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"> + <img src="/media/eu_anim.gif" alt="EUistan Flag"> </a> </main> </body> @@ -1,49 +0,0 @@ -<!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/g/g.html b/g/g.html new file mode 100644 index 0000000..57d7a62 --- /dev/null +++ b/g/g.html @@ -0,0 +1,58 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + + <link rel="stylesheet" href="/britons.css?v=7"> + <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="Index of technology sites."> + <link rel="icon" type="image/x-icon" href="/fig.ico"> + <title>El Arriero</title> + + </head> + <header> + <h1> + <a href="/index.html">El Arriero</a> + </h1> + <i class="tagline">Fig, to my heart, you are the eternal hope.</i> + </header> + <nav> + <a href="/about.html"><img src="/icons/user-business.png" alt="User Business"> About Me</a> + <a href="/fig/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> + <div class="yah"> + <small> + <a href="/index.html">Index</a> > + <a href="/g/g.html">Handy Technolo/g/y</a> + </small> + </div> + <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 deleted file mode 100644 index 59f8b55..0000000 --- a/hmofa.html +++ /dev/null @@ -1,67 +0,0 @@ -<!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/hmofa/hmofa.html b/hmofa/hmofa.html new file mode 100644 index 0000000..6eba714 --- /dev/null +++ b/hmofa/hmofa.html @@ -0,0 +1,65 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + + <link rel="stylesheet" href="/britons.css?v=7"> + <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="Index of HMOFA sites."> + <link rel="icon" type="image/x-icon" href="/fig.ico"> + <title>El Arriero</title> + + </head> + <header> + <h1> + <a href="/index.html">El Arriero</a> + </h1> + <i class="tagline">Fig, to my heart, you are the eternal hope.</i> + </header> + <nav> + <a href="/about.html"><img src="/icons/user-business.png" alt="User Business"> About Me</a> + <a href="/fig/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> + <div class="yah"> + <small> + <a href="/index.html">Index</a> > + <a href="/hmofa/hmofa.html">Popular HMOFA</a> + </small> + </div> + <main> + <h2>Popular HMOFA</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> + @@ -2,57 +2,57 @@ <html lang="en"> <head> - <link rel="stylesheet" href="britons.css?v=6"> + <link rel="stylesheet" href="/britons.css?v=7"> <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"> + <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> + <h1> + <a href="/index.html">El Arriero</a> + </h1> + <i class="tagline">Fig, to my heart, you are the eternal hope.</i> </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> + <a href="/about.html"><img src="/icons/user-business.png" alt="User Business"> About Me</a> + <a href="/fig/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> + <div class="yah"> + <small><a href="/index.html">Index</a></small> + </div> <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."> + <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> - - - <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> + <a href="/fig/fig.html" title="More about our beloved Yorkshire lass."><h2>Fig: The Most Britishly Mediocre!</h2></a> <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> + <a href="/hmofa/hmofa.html" title="Links to more HMOFA content."><h2>Popular HMOFA</h2></a> <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> + <a href="/g/g.html" title="Links to interesting tech content."><h2>Handy Technolo/g/y</h2></a> + <p>You should be in control of your devices. Find out how.</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> + <a href="/pol/pol.html" title="Important geopolitics"><h2>Real/pol/itik</h2></a> + <p><q>But we well know that we cannot escape danger, or the fear of danger, by crawling into bed and pulling the covers over our heads.</q>—Franklin D. Roosevelt, 1940.</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!"> + <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"> + <img src="/media/eu_anim.gif" alt="EUistan Flag"> </a> </main> </body> diff --git a/pol.html b/pol.html deleted file mode 100644 index 9be5531..0000000 --- a/pol.html +++ /dev/null @@ -1,47 +0,0 @@ -<!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> - diff --git a/pol/pol.html b/pol/pol.html new file mode 100644 index 0000000..0540e5a --- /dev/null +++ b/pol/pol.html @@ -0,0 +1,56 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + + <link rel="stylesheet" href="/britons.css?v=7"> + <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 href="/index.html">El Arriero</a> + </h1> + <i class="tagline">Fig, to my heart, you are the eternal hope.</i> + </header> + <nav> + <a href="/about.html"><img src="/icons/user-business.png" alt="User Business"> About Me</a> + <a href="/fig/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> + <div class="yah"> + <small> + <a href="/index.html">Index</a> > + <a href="/pol/pol.html">Real/pol/itik</a> + </small> + </div> + <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> + |