diff options
25 files changed, 574 insertions, 0 deletions
diff --git a/britons.css~ b/britons.css~ new file mode 100644 index 0000000..2c94226 --- /dev/null +++ b/britons.css~ @@ -0,0 +1,111 @@ +:root { + --main-fg-color: #003400; + --main-ac-color: #007400; +background-image: url(media/bg.gif); +} + +body { + + font-size: 100%; + font-family: "Liberation Serif", "Times New Roman"; + display: block; + background-color: whitesmoke; + width: 70%; + padding: 2%; + padding-top: 1%; + margin: 2%; + border-style: dotted; + border-color: var(--main-fg-color); +} + +small { + font-style: italic; + color: gray; +} + +.title { + + font-size: 250%; + color: var(--main-fg-color); + font-weight: bold; + +} + +header i { + margin-left: 5%; + font-size: 125%; +} + +.navbar { + display: flex; + justify-content: space-evenly; ; + margin-top: 1%; + +} + +.content { + width: 80%; + background-color: whitesmoke; +} + +.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%; + +} + +.fig { + position: fixed; + bottom: 0%; + right: -2%; + opacity: 0.5; + transition: opacity 0.25s ease-in; + z-index: -1; + width: 25%; +} + +.fig:hover { + opacity: 1; +} + +.eu { + position: fixed; + bottom: 75%; + left: 80%; + opacity: 1; + z-index: -1; + scale: 0.25; + width: 25%; +} + +.stars { + position: fixed; + bottom: 70%; + left: 80%; + opacity: 1; + z-index: -1; + scale: 0.25; + width: 25%; +} + +.stars:hover { + animation: spin 5s linear infinite; +} + + +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } +} diff --git a/fig.html~ b/fig.html~ new file mode 100644 index 0000000..8596d14 --- /dev/null +++ b/fig.html~ @@ -0,0 +1,72 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + + <link rel="stylesheet" href="britons.css?v=3"> + <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="Showcasing Fig's origin."> + <link rel="icon" type="image/x-icon" href="fig.ico"> + <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">Contact</a> + <a href="https://wiki.elarriero.org/">Wiki</a> + <a href="https://press.elarriero.org/">The Press</a> + </div> + </header> + + <hr> + + <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> + <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> +</body> +</html> + @@ -58,11 +58,25 @@ <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 is Britain's last hope at solving the immigration crisis, impending economic collapse, and Sharia law in the UK peacefully and democratically. + They are the fastest growing political party in the UK, being only ~5 months old <small>(21/June/2026)</small>. + <strong>Please check it out if you're English</strong>. The media is heavily censoring this poltical party and its recent steamroll in Great Yarmouth. + </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> <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> </body> + + <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> </html> diff --git a/index.html~ b/index.html~ new file mode 100644 index 0000000..fd179aa --- /dev/null +++ b/index.html~ @@ -0,0 +1,82 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + + <link rel="stylesheet" href="britons.css?v=4"> + <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 waifur and British website."> + <link rel="icon" type="image/x-icon" href="fig.ico"> + <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">Contact</a> + <a href="https://wiki.elarriero.org/">Wiki</a> + <a href="https://press.elarriero.org/">The Press</a> + </div> + </header> + + <hr> + + <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 is Britain's last hope at solving the immigration crisis peacefully and democratically. + They are the fastest growing political party in the UK, being only ~5 months old <small>(21/June/2026)</small>. + <strong>Please check it out if you're English</strong>. The media is heavily censoring this poltical party and its recent steamroll in Great Yarmouth. + </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> + <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> + </body> + + <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> +</html> + diff --git a/media/restorebritain.gif b/media/restorebritain.gif Binary files differnew file mode 100644 index 0000000..6f27e5c --- /dev/null +++ b/media/restorebritain.gif diff --git a/pmc/img/Lore notes.txt b/pmc/img/Lore notes.txt new file mode 100644 index 0000000..320341c --- /dev/null +++ b/pmc/img/Lore notes.txt @@ -0,0 +1,3 @@ +Sniper awoo's name is Rosanne
+https://desuarchive.org/trash/thread/69225190/#69394951
+
diff --git a/pmc/img/awoo_sniper.png b/pmc/img/awoo_sniper.png Binary files differnew file mode 100644 index 0000000..870bbcd --- /dev/null +++ b/pmc/img/awoo_sniper.png diff --git a/pmc/img/border_collie_communications_waifur technology.png b/pmc/img/border_collie_communications_waifur technology.png Binary files differnew file mode 100644 index 0000000..ae1e569 --- /dev/null +++ b/pmc/img/border_collie_communications_waifur technology.png diff --git a/pmc/img/gwen_thinking_of_those_beans.png b/pmc/img/gwen_thinking_of_those_beans.png Binary files differnew file mode 100644 index 0000000..1f0adcb --- /dev/null +++ b/pmc/img/gwen_thinking_of_those_beans.png diff --git a/pmc/img/kaboom.png b/pmc/img/kaboom.png Binary files differnew file mode 100644 index 0000000..f9caa2f --- /dev/null +++ b/pmc/img/kaboom.png diff --git a/pmc/img/red.png b/pmc/img/red.png Binary files differnew file mode 100644 index 0000000..50f65a1 --- /dev/null +++ b/pmc/img/red.png diff --git a/pmc/img/spacedimsum_absolute_unit_snep_gf_technology.png b/pmc/img/spacedimsum_absolute_unit_snep_gf_technology.png Binary files differnew file mode 100644 index 0000000..79bf175 --- /dev/null +++ b/pmc/img/spacedimsum_absolute_unit_snep_gf_technology.png diff --git a/pmc/img/spacedimsum_close_quarters_caracal_gf_technology.png b/pmc/img/spacedimsum_close_quarters_caracal_gf_technology.png Binary files differnew file mode 100644 index 0000000..888ad8a --- /dev/null +++ b/pmc/img/spacedimsum_close_quarters_caracal_gf_technology.png diff --git a/pmc/img/spacedimsum_freedom_fox_gf_technology.png b/pmc/img/spacedimsum_freedom_fox_gf_technology.png Binary files differnew file mode 100644 index 0000000..6d93cdc --- /dev/null +++ b/pmc/img/spacedimsum_freedom_fox_gf_technology.png diff --git a/pmc/img/spacedimsum_patent_penting_gf_technology_blueprint_top_secret.png b/pmc/img/spacedimsum_patent_penting_gf_technology_blueprint_top_secret.png Binary files differnew file mode 100644 index 0000000..93f91d9 --- /dev/null +++ b/pmc/img/spacedimsum_patent_penting_gf_technology_blueprint_top_secret.png diff --git a/pmc/img/spacedimsum_sniper_awoo_gf_technology.png b/pmc/img/spacedimsum_sniper_awoo_gf_technology.png Binary files differnew file mode 100644 index 0000000..b116bc1 --- /dev/null +++ b/pmc/img/spacedimsum_sniper_awoo_gf_technology.png diff --git a/pmc/img/spacedimsum_tactical_handholding_maneuver_diagram.png b/pmc/img/spacedimsum_tactical_handholding_maneuver_diagram.png Binary files differnew file mode 100644 index 0000000..21d69ab --- /dev/null +++ b/pmc/img/spacedimsum_tactical_handholding_maneuver_diagram.png diff --git a/pmc/img/spacedimsum_tactical_handholding_maneuver_diagram_vertical.png b/pmc/img/spacedimsum_tactical_handholding_maneuver_diagram_vertical.png Binary files differnew file mode 100644 index 0000000..e07caed --- /dev/null +++ b/pmc/img/spacedimsum_tactical_handholding_maneuver_diagram_vertical.png diff --git a/pmc/img/spacedimsum_tacticute_communications_collie_gf_technology.png b/pmc/img/spacedimsum_tacticute_communications_collie_gf_technology.png Binary files differnew file mode 100644 index 0000000..ae1e569 --- /dev/null +++ b/pmc/img/spacedimsum_tacticute_communications_collie_gf_technology.png diff --git a/pmc/img/super_sneaky_spy.png b/pmc/img/super_sneaky_spy.png Binary files differnew file mode 100644 index 0000000..3b1f308 --- /dev/null +++ b/pmc/img/super_sneaky_spy.png diff --git a/pmc/img/waifur_blue_album.png b/pmc/img/waifur_blue_album.png Binary files differnew file mode 100644 index 0000000..cb1ca43 --- /dev/null +++ b/pmc/img/waifur_blue_album.png diff --git a/pmc/index.html b/pmc/index.html new file mode 100644 index 0000000..ccda233 --- /dev/null +++ b/pmc/index.html @@ -0,0 +1,61 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + + <link rel="stylesheet" href="pmc.css?v=1"> + <meta http-equiv="content-type" content="text/html; charset=windows-1252"> + <meta name="author" content="Jodian Buenaventura" > + <meta name="keywords" content="PMC, /hmofa/, hmofa, index, furry, military, humor"> + <meta name="description" content="PMC Contractor by and for /hmofa/"> + <link rel="icon" type="image/x-icon" href="placeholder.ico"> + <title>Chimera PMC</title> + </head> + + <body> + <header> + <h1>CHIMERA DEFENSE GROUP</h1> + <h2><q>Protection at an affordable price.</q></h2> + </header> + + <hr> + + <nav> + <a href="website.com">Ground Operations</a> + <a href="website.com">Aerial Support</a> + <a href="website.com">Maritime Defense</a> + <a href="website.com">Civilian & Police Training</a> + </nav> + <hr> + + <main> + <h2>Why Choose Us?</h2> + <figure> + <img src="img/kaboom.png" alt="Kaboom"> + <figcaption>Peacekeeping operation in Kekistan (2016). <small>SpaceDimSum drew this.</small></figcaption> + </figure> + <hr> + <div class="mainindent"> + <h3>Security Wherever You Need It</h3> + <p>We discretely operate around the world, ensuring that your integrity, assets, secrets, and foreign interests are well protected.</p> + + <h3>Advanced Weaponry</h3> + <p>We source gear from reputable runners and trusted manufacturers. Our wide range of equipment is tailored to your specific needs and price range, and is rigorously tested before any mission.</p> + + <h3>Elite Operators</h3> + <p>Our team of veterans and specialists bring unmatched experience and precision to every mission. From civilian training to political destabilization, we do it all.</p> + </div> + <h2>Flawless Track Record</h2> + <hr> + <div class="mainindent"> + <ul> + <li>10+ Years of Experience</li> + <li>25+ Countries</li> + <li>24/7/365 Operations</li> + <li>0 Reported Casualties</li> + </ul> + </div> + </main> + + </body> +</html> + diff --git a/pmc/index.html~ b/pmc/index.html~ new file mode 100644 index 0000000..32207e4 --- /dev/null +++ b/pmc/index.html~ @@ -0,0 +1,61 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + + <link rel="stylesheet" href="pmc.css?v=1"> + <meta http-equiv="content-type" content="text/html; charset=windows-1252"> + <meta name="author" content="Jodian Buenaventura" > + <meta name="keywords" content="PMC, /hmofa/, hmofa, index, furry, military, humor"> + <meta name="description" content="PMC Contractor by and for /hmofa/"> + <link rel="icon" type="image/x-icon" href="placeholder.ico"> + <title>Chimera PMC</title> + </head> + + <body> + <header> + <h1>CHIMERA DEFENSE GROUP</h1> + <h2><q>We get it done for a price.</q></h2> + </header> + + <hr> + + <nav> + <a href="website.com">Ground Operations</a> + <a href="website.com">Aerial Support</a> + <a href="website.com">Maritime Defense</a> + <a href="website.com">Civilian & Police Training</a> + </nav> + <hr> + + <main> + <h2>Why Choose Us?</h2> + <figure> + <img src="img/kaboom.png" alt="Kaboom"> + <figcaption>Peacekeeping operation in Kekistan (2016). <small>SpaceDimSum drew this.</small></figcaption> + </figure> + <hr> + <div class="mainindent"> + <h3>Security Wherever You Need It</h3> + <p>We discretely operate around the world, ensuring that your integrity, assets, secrets, and foreign interests are well protected.</p> + + <h3>Advanced Weaponry</h3> + <p>We source gear from reputable runners and trusted manufacturers. Our wide range of equipment is tailored to your specific needs and price range, and is rigorously tested before any mission.</p> + + <h3>Elite Operators</h3> + <p>Our team of veterans and specialists bring unmatched experience and precision to every mission. From civilian training to political destabilization, we do it all.</p> + </div> + <h2>Flawless Track Record</h2> + <hr> + <div class="mainindent"> + <ul> + <li>10+ Years of Experience</li> + <li>25+ Countries</li> + <li>24/7/365 Operations</li> + <li>0 Reported Casualties</li> + </ul> + </div> + </main> + + </body> +</html> + diff --git a/pmc/pmc.css b/pmc/pmc.css new file mode 100644 index 0000000..008b108 --- /dev/null +++ b/pmc/pmc.css @@ -0,0 +1,85 @@ +:root { + --main-fg-color: #003400; + --main-ac-color: #007400; +background-color: black; +} + +header { + font-size: 150%; + color: crimson; + text-align: center; + background-image: linear-gradient(to bottom, white, black 40%); + padding: 1.5%; +} + +header h1, h2 { + margin: 0 0 0 0; /* top right bottom left */ +} + +header h2 { + font-style: italic; +} + +header h2 { + font-size: 1.5rem; +} + +body { + font-family: sans-serif; + font-size: 100%; + margin: 0%; +} + +h3 { + +} + +nav { + display: flex; + justify-content: center; +} + +nav a { + margin-top: 0; + padding: 0.5% 4%; + text-decoration: none; + color: crimson; + font-weight: bold; +} + +nav a:hover { + background-color: gray; +} + +hr { + color: crimson; + margin: 0%; +} + +main { + color: white; + padding: 2% 5%; +} + +figure { + float: right; + width: 25%; + margin: 0 0 10% 10%; +} + +.mainindent { + padding-left: 1.5%; +} + +figure img { + width: 100%; + height: auto; + border-style: groove; + border-width: 1vw; + border-color: brown; +} +small { + font-style: italic; + color: gray; +} + diff --git a/pmc/pmc.css~ b/pmc/pmc.css~ new file mode 100644 index 0000000..ea57cc0 --- /dev/null +++ b/pmc/pmc.css~ @@ -0,0 +1,85 @@ +:root { + --main-fg-color: #003400; + --main-ac-color: #007400; +background-color: darkgray;; +} + +header { + font-size: 150%; + color: crimson; + text-align: center; + background-image: linear-gradient(to bottom, white, black 40%); + padding: 1.5%; +} + +header h1, h2 { + margin: 0 0 0 0; /* top right bottom left */ +} + +header h2 { + font-style: italic; +} + +header h2 { + font-size: 1.5rem; +} + +body { + font-family: sans-serif; + font-size: 100%; + margin: 0%; +} + +h3 { + +} + +nav { + display: flex; + justify-content: center; +} + +nav a { + margin-top: 0; + padding: 0.5% 4%; + text-decoration: none; + color: crimson; + font-weight: bold; +} + +nav a:hover { + background-color: gray; +} + +hr { + color: crimson; + margin: 0%; +} + +main { + color: white; + padding: 2% 5%; +} + +figure { + float: right; + width: 25%; + margin: 0 0 10% 10%; +} + +.mainindent { + padding-left: 1.5%; +} + +figure img { + width: 100%; + height: auto; + border-style: groove; + border-width: 1vw; + border-color: brown; +} +small { + font-style: italic; + color: gray; +} + |
