diff options
| -rw-r--r-- | about.html | 41 | ||||
| -rw-r--r-- | contact.html | 45 | ||||
| -rw-r--r-- | donate.html | 41 | ||||
| -rw-r--r-- | g/g.html | 103 | ||||
| -rw-r--r-- | hmofa/hmofa.html | 123 | ||||
| -rw-r--r-- | index.html | 128 | ||||
| -rw-r--r-- | media/adelaide_grope.jpeg | bin | 0 -> 292355 bytes | |||
| -rw-r--r-- | media/adelaide_wicca.jpeg | bin | 0 -> 1161618 bytes | |||
| -rw-r--r-- | media/femcel.jpeg | bin | 0 -> 97678 bytes | |||
| -rw-r--r-- | media/femcel_mv.mp4 | bin | 0 -> 10336206 bytes | |||
| -rw-r--r-- | media/fig_reclining.webp | bin | 0 -> 249160 bytes | |||
| -rw-r--r-- | media/good_rolemodel.jpeg | bin | 0 -> 886121 bytes | |||
| -rw-r--r-- | media/lowe_pussyout.mp4 | bin | 0 -> 1317985 bytes | |||
| -rw-r--r-- | media/monero_anubis.jpeg | bin | 0 -> 1180196 bytes | |||
| -rw-r--r-- | media/restore_pakistan.mp4 | bin | 0 -> 1251227 bytes | |||
| -rw-r--r-- | media/thumb/adelaide_grope.webp | bin | 0 -> 8248 bytes | |||
| -rw-r--r-- | media/thumb/adelaide_wicca.webp | bin | 0 -> 13198 bytes | |||
| -rw-r--r-- | media/thumb/femcel_musicvideo.webp | bin | 0 -> 9040 bytes | |||
| -rw-r--r-- | media/thumb/good_rolemodel.webp | bin | 0 -> 11162 bytes | |||
| -rw-r--r-- | media/thumb/monero_anubis.webp | bin | 0 -> 11572 bytes | |||
| -rw-r--r-- | neuarriero.css | 90 | ||||
| -rw-r--r-- | pol/pol.html | 85 |
22 files changed, 569 insertions, 87 deletions
@@ -21,42 +21,45 @@ </header> <nav> <a href="/index.html"> - <img src="/icons/house.png"> + <img src="/icons/house.png" alt="house icon"> Home </a> - <a href="/about.html"> - <img src="/icons/information.png"> + <a href="/about.html" class="here"> + <img src="/icons/information.png" alt="information icon"> About Me </a> <a href="/contact.html"> - <img src="/icons/email.png"> + <img src="/icons/email.png" alt="email icon"> Contact </a> <a href="/donate.html"> - <img src="/icons/money.png"> - <del>Donate</del> + <img src="/icons/money.png" alt="money icon"> + Donate </a> - <a href="thingy"> - <img src="/icons/group.png " alt=""> - <del>More HMOFA</del> + <a href="/hmofa/hmofa.html" > + <img src="/icons/group.png" alt="group of people icon"> + More HMOFA </a> - <a href="thingy"> - <img src="/icons/computer.png"> - <del>Fun Technology</del> + <a href="/g/g.html"> + <img src="/icons/computer.png" alt="computer icon"> + Fun Technology </a> - <a href="thingy"> - <img src="/icons/film.png"> + <a href="/pol/pol.html"> + <img src="/icons/transmit_red.png" alt="radio transmission icon"> + Realpolitik + </a> + <a href="/tv/tv.html"> + <img src="/icons/film.png" alt="film icon"> <del>The Kinoplex</del> </a> - <a href="" > - <img src="/icons/comments.png" alt=""> + <a href="/int/int.html" > + <img src="/icons/comments.png" alt="person talking icon"> <del>Language Resources</del> </a> - <a href="" > - <img src="/icons/bomb.png" alt=""> + <a href="/k/k.html" > + <img src="/icons/bomb.png" alt="bomb icon"> <del>Gunpowder & More</del> </a> - </nav> <hr> <main> diff --git a/contact.html b/contact.html index 412094b..1a60d7c 100644 --- a/contact.html +++ b/contact.html @@ -21,42 +21,45 @@ </header> <nav> <a href="/index.html"> - <img src="/icons/house.png"> + <img src="/icons/house.png" alt="house icon"> Home </a> <a href="/about.html"> - <img src="/icons/information.png"> + <img src="/icons/information.png" alt="information icon"> About Me </a> - <a href="/contact.html"> - <img src="/icons/email.png"> + <a href="/contact.html" class="here"> + <img src="/icons/email.png" alt="email icon"> Contact </a> <a href="/donate.html"> - <img src="/icons/money.png"> - <del>Donate</del> + <img src="/icons/money.png" alt="money icon"> + Donate </a> - <a href="thingy"> - <img src="/icons/group.png " alt=""> - <del>More HMOFA</del> + <a href="/hmofa/hmofa.html" > + <img src="/icons/group.png" alt="group of people icon"> + More HMOFA </a> - <a href="thingy"> - <img src="/icons/computer.png"> - <del>Fun Technology</del> + <a href="/g/g.html"> + <img src="/icons/computer.png" alt="computer icon"> + Fun Technology </a> - <a href="thingy"> - <img src="/icons/film.png"> + <a href="/pol/pol.html"> + <img src="/icons/transmit_red.png" alt="radio transmission icon"> + Realpolitik + </a> + <a href="/tv/tv.html"> + <img src="/icons/film.png" alt="film icon"> <del>The Kinoplex</del> </a> - <a href="" > - <img src="/icons/comments.png" alt=""> + <a href="/int/int.html" > + <img src="/icons/comments.png" alt="person talking icon"> <del>Language Resources</del> </a> - <a href="" > - <img src="/icons/bomb.png" alt=""> + <a href="/k/k.html" > + <img src="/icons/bomb.png" alt="bomb icon"> <del>Gunpowder & More</del> </a> - </nav> <hr> <main> @@ -65,8 +68,8 @@ </div> <p>You can contact me here through these methods:</p> <ul> - <li><a href="mailto:yorkshirefigs@posteo.uk">Email <img src="/icons/email_edit.png"></a></li> - <li><a href="https://cytu.be/r/HmofaTV">Cytube Chatroom <img src="/icons/television.png"><img src="/icons/link_go.png"></a></li> + <li><a href="mailto:yorkshirefigs@posteo.uk" class="email">Email</a></li> + <li><a href="https://signal.org" class="msg">Signal Messenger</a>: @SFR.512</li> </ul> </main> <img title="Oh, aren't you a cutie." class="fig" src="/media/fig_smoke.webp"> diff --git a/donate.html b/donate.html index ca40c9a..3d5a78b 100644 --- a/donate.html +++ b/donate.html @@ -21,42 +21,45 @@ </header> <nav> <a href="/index.html"> - <img src="/icons/house.png"> + <img src="/icons/house.png" alt="house icon"> Home </a> <a href="/about.html"> - <img src="/icons/information.png"> + <img src="/icons/information.png" alt="information icon"> About Me </a> <a href="/contact.html"> - <img src="/icons/email.png"> + <img src="/icons/email.png" alt="email icon"> Contact </a> - <a href="/donate.html"> - <img src="/icons/money.png"> - <del>Donate</del> + <a href="/donate.html" class="here"> + <img src="/icons/money.png" alt="money icon"> + Donate </a> - <a href="thingy"> - <img src="/icons/group.png " alt=""> - <del>More HMOFA</del> + <a href="/hmofa/hmofa.html"> + <img src="/icons/group.png" alt="group of people icon"> + More HMOFA </a> - <a href="thingy"> - <img src="/icons/computer.png"> - <del>Fun Technology</del> + <a href="/g/g.html"> + <img src="/icons/computer.png" alt="computer icon"> + Fun Technology </a> - <a href="thingy"> - <img src="/icons/film.png"> + <a href="/pol/pol.html"> + <img src="/icons/transmit_red.png" alt="radio transmission icon"> + Realpolitik + </a> + <a href="/tv/tv.html"> + <img src="/icons/film.png" alt="film icon"> <del>The Kinoplex</del> </a> - <a href="" > - <img src="/icons/comments.png" alt=""> + <a href="/int/int.html" > + <img src="/icons/comments.png" alt="person talking icon"> <del>Language Resources</del> </a> - <a href="" > - <img src="/icons/bomb.png" alt=""> + <a href="/k/k.html" > + <img src="/icons/bomb.png" alt="bomb icon"> <del>Gunpowder & More</del> </a> - </nav> <hr> <main> diff --git a/g/g.html b/g/g.html new file mode 100644 index 0000000..acd6c1e --- /dev/null +++ b/g/g.html @@ -0,0 +1,103 @@ +<html lang="en"> + <head> + <meta name="author" content="Salvador Franco de Rivera"> + <meta name="description" content="Handy technology for the average user"> + <meta name="keywords" content="furry,hmofa,art,homepage,linux"> + <title>El Arriero's Directory - Technology</title> + <link href="/neuarriero.css" rel="stylesheet"> + </head> + + <body> + <header> + <a href="https://www.youtube.com/playlist?list=PLa2uXwVHk-lgRQDTyjF6wrB_GDE8yRC-J"> + <img src="/media/icon.webp"> + </a> + <div> + <h1> + <a href="/index.html" title="The Muleteer's Directory">El Arriero's Directory</a> + </h1> + <small>Tirelessly traveling the web for <b>furry girls, computers, weapons, and more</b>.</small> + </div> + </header> + <nav> + <a href="/index.html"> + <img src="/icons/house.png" alt="house icon"> + Home + </a> + <a href="/about.html"> + <img src="/icons/information.png" alt="information icon"> + About Me + </a> + <a href="/contact.html"> + <img src="/icons/email.png" alt="email icon"> + Contact + </a> + <a href="/donate.html"> + <img src="/icons/money.png" alt="money icon"> + Donate + </a> + <a href="/hmofa/hmofa.html"> + <img src="/icons/group.png" alt="group of people icon"> + More HMOFA + </a> + <a href="/g/g.html" class="here"> + <img src="/icons/computer.png" alt="computer icon"> + Fun Technology + </a> + <a href="/pol/pol.html"> + <img src="/icons/transmit_red.png" alt="radio transmission icon"> + Realpolitik + </a> + <a href="/tv/tv.html"> + <img src="/icons/film.png" alt="film icon"> + <del>The Kinoplex</del> + </a> + <a href="/int/int.html" > + <img src="/icons/comments.png" alt="person talking icon"> + <del>Language Resources</del> + </a> + <a href="/k/k.html" > + <img src="/icons/bomb.png" alt="bomb icon"> + <del>Gunpowder & More</del> + </a> + </nav> + <hr> + <main> + <div class="subtitle"> + <h2>Interesting Technolo/g/y</h2> + </div> + <div > + <div class="category"> + <h2>For Admins & Hosts</h2> + </div> + <dl> + <dt> + <a href="https://landchad.net/" class="link">Landchad's Guides for web-hosting by yourself</a> + <i>by Luke Smith</i> + <small>https://landchad.net/</small> + </dt> + <dd> + <q>Don't like it? Well then go host your own net!</q> <span>—</span> <i>a dipshit.</i> <br> + Learn how <i>cheap & easy</i> it is to host your own website and services. <b>Stop being a web peasant today!</b> + </dd> + </dl> + <div class="category"> + <h2>For Consumers</h2> + </div> + <dl> + <dt> + <a href="https://stallman.org/discord.html" class="link">Stallman says: <q>Stop using Discord!</q></a> + <i>by Richard M. Stallman</i> + <small>https://landchad.net/</small> + </dt> + <dd> + The founder of the <a href="https://gnu.org" class="link">GNU Project</a> explains why any self-respecting person should tell Discord to take a flying leap. + </dd> + </dl> + </div> + + </main> + <img title="Oh, aren't you a cutie." class="fig" src="/media/fig_smoke.webp"> + </body> + +</html> diff --git a/hmofa/hmofa.html b/hmofa/hmofa.html new file mode 100644 index 0000000..eb63792 --- /dev/null +++ b/hmofa/hmofa.html @@ -0,0 +1,123 @@ +<html lang="en"> + <head> + <meta name="author" content="Salvador Franco de Rivera"> + <meta name="description" content="Aggregation of HMOFA content"> + <meta name="keywords" content="furry,hmofa,art,homepage,linux"> + <title>El Arriero's Directory - HMOFA</title> + <link href="/neuarriero.css" rel="stylesheet"> + </head> + + <body> + <header> + <a href="https://www.youtube.com/playlist?list=PLa2uXwVHk-lgRQDTyjF6wrB_GDE8yRC-J"> + <img src="/media/icon.webp"> + </a> + <div> + <h1> + <a href="/index.html" title="The Muleteer's Directory">El Arriero's Directory</a> + </h1> + <small>Tirelessly traveling the web for <b>furry girls, computers, weapons, and more</b>.</small> + </div> + </header> + <nav> + <a href="/index.html"> + <img src="/icons/house.png" alt="house icon"> + Home + </a> + <a href="/about.html"> + <img src="/icons/information.png" alt="information icon"> + About Me + </a> + <a href="/contact.html"> + <img src="/icons/email.png" alt="email icon"> + Contact + </a> + <a href="/donate.html"> + <img src="/icons/money.png" alt="money icon"> + Donate + </a> + <a href="/hmofa/hmofa.html" class="here"> + <img src="/icons/group.png" alt="group of people icon"> + More HMOFA + </a> + <a href="/g/g.html"> + <img src="/icons/computer.png" alt="computer icon"> + Fun Technology + </a> + <a href="/pol/pol.html"> + <img src="/icons/transmit_red.png" alt="radio transmission icon"> + Realpolitik + </a> + <a href="/tv/tv.html"> + <img src="/icons/film.png" alt="film icon"> + <del>The Kinoplex</del> + </a> + <a href="/int/int.html" > + <img src="/icons/comments.png" alt="person talking icon"> + <del>Language Resources</del> + </a> + <a href="/k/k.html" > + <img src="/icons/bomb.png" alt="bomb icon"> + <del>Gunpowder & More</del> + </a> + </nav> + <hr> + <main> + <div class="subtitle"> + <h2>Other HMOFA Websites</h2> + </div> + <div> + <figure> + <img src="/media/thumb/femcel_musicvideo.webp"> + <figcaption> + <a href="/media/femcel_mv.mp4">Femcel meets Chud</a> - animation parody of "It's a Man" by Betty Hutton. Animated by <a href="https://xcancel.com/mitslaw_aha">Mitslaw</a> + </figcaption> + </figure> + <div class="category"><h2>Thread Stuff</h2></div> + <dl> + <dt> + <a href="https://wiki.elarriero.org/">/hmofa/ Wiki</a> + <i>by Me</i> + </dt> + <dd>A collaborative project to document all past and current /hmofa/ OCs. Contribute, it's free!</dd> + <dt> + <a href="https://rentry.org/hmofa" class="link">/hmofa/ Masterbin</a> + <i>by Azuhmier</i> + <small>https://rentry.org/hmofa</small> + + </dt> + <dd> + A listing of /hmofa/ stories, visual novels, and games sorted by author. You can <a href="https://hmofa.neocities.org/" class="link">search by tags here</a>. + </dd> + <dt> + <a href="http://furfagschizophrenia.org:27044/" class="link">Furfag Schizophrenia</a> + <i>by Unknown</i> + <small>http://furfagschizophrenia.org:27044/</small> + </dt> + + <dd> + Debatably /hmofa/. <a href="http://furfagschizophrenia.org:27044/femcel/index.php" class="link">This femcel cat</a> hates human and lives in a HMOFA world. Surely we can fix her. <i>Right?</i> + </dd> + <dt> + <a href="https://autononymous.io/" class="link">Autononymous</a> + <i>by Oliver Hart & Savant-Guarde</i> + <small>https://autononymous.io/</small> + </dt> + <dd> + A cool website run by two cool friends that write stories. Has some popular HMOFA stories like <a href="https://autononymous.io/authors-and-stories/oliver-hart/foxing/" class="link">Foxing</a> and <a href="https://autononymous.io/authors-and-stories/oliver-hart/the-leaves-of-fall/" class="link">The Leaves of Fall</a>. + </dd> + <dt> + <a href="https://boxcrate.me/" class="link">Boxcrate's Site</a> + <i>by Boxcrate</i> + <small>https://boxcrate.me/</small> + </dt> + <dd> + Author of <a class="link" href="https://electroluxe.boxcrate.me/">Electroluxe!</a> and many more HMOFA stories. + </dd> + </dl> + </div> + </main> + <img title="Oh, aren't you a cutie." class="fig" src="/media/fig_smoke.webp"> + </body> + +</html> @@ -20,53 +20,137 @@ </div> </header> <nav> - <a href="/index.html"> - <img src="/icons/house.png"> + <a href="/index.html" class="here"> + <img src="/icons/house.png" alt="house icon"> Home </a> <a href="/about.html"> - <img src="/icons/information.png"> + <img src="/icons/information.png" alt="information icon"> About Me </a> <a href="/contact.html"> - <img src="/icons/email.png"> + <img src="/icons/email.png" alt="email icon"> Contact </a> <a href="/donate.html"> - <img src="/icons/money.png"> - <del>Donate</del> + <img src="/icons/money.png" alt="money icon"> + Donate </a> - <a href="thingy"> - <img src="/icons/group.png " alt=""> - <del>More HMOFA</del> + <a href="/hmofa/hmofa.html" > + <img src="/icons/group.png" alt="group of people icon"> + More HMOFA </a> - <a href="thingy"> - <img src="/icons/computer.png"> - <del>Fun Technology</del> + <a href="/g/g.html"> + <img src="/icons/computer.png" alt="computer icon"> + Fun Technology </a> - <a href="thingy"> - <img src="/icons/film.png"> + <a href="/pol/pol.html"> + <img src="/icons/transmit_red.png" alt="radio transmission icon"> + Realpolitik + </a> + <a href="/tv/tv.html"> + <img src="/icons/film.png" alt="film icon"> <del>The Kinoplex</del> </a> - <a href="" > - <img src="/icons/comments.png" alt=""> + <a href="/int/int.html" > + <img src="/icons/comments.png" alt="person talking icon"> <del>Language Resources</del> </a> - <a href="" > - <img src="/icons/bomb.png" alt=""> + <a href="/k/k.html" > + <img src="/icons/bomb.png" alt="bomb icon"> <del>Gunpowder & More</del> </a> - </nav> <hr> <main> <div class="subtitle"> <h2>El Arriero's Choice</h2> - Here's what I found! + Just samples! + </div> + <div> + <figure> + <a href="/media/fig_reclining.jpeg"> + <img src="/media/fig_reclining.webp"> + </a> + <figcap>My lazy fat(ass) wife having a smoke outside and showing her junk off to any passerbys.</figcap> + </figure> + <figure> + <img src="/media/thumb/femcel_musicvideo.webp"> + <figcaption> + <a href="/media/femcel_mv.mp4" class="vid">Femcel meets Chud</a> - animation parody of "It's a Man" by Betty Hutton. Animated by <a href="https://xcancel.com/mitslaw_aha">Mitslaw</a> + </figcaption> + </figure> + <div class="category"><h2>New HMOFA!</h2> </div> + <dl> + <dt> + <a href="https://autononymous.io/" class="link">Autononymous</a> + <i>by Oliver Hart & Savant-Guarde</i> + <small>https://autononymous.io/</small> + </dt> + <dd> + A cool website run by two cool friends that write stories. Has some popular HMOFA stories like <a href="https://autononymous.io/authors-and-stories/oliver-hart/foxing/" class="link">Foxing</a> and <a href="https://autononymous.io/authors-and-stories/oliver-hart/the-leaves-of-fall/" class="link">The Leaves of Fall</a>. + </dd> + <dt> + <a href="https://boxcrate.me/" class="link">Boxcrate's Site</a> + <i>by Boxcrate</i> + <small>https://boxcrate.me/</small> + </dt> + <dd> + Author of <a class="link" href="https://electroluxe.boxcrate.me/">Electroluxe!</a> and many more HMOFA stories. + </dd> + </dl> + <div class="category"><h2>New Tech!</h2></div> + <dl> + <dt> + <a href="https://landchad.net/" class="link">Landchad's Guides for web-hosting by yourself</a> + <i>by Luke Smith</i> + <small>https://landchad.net/</small> + </dt> + <dd> + <q>Don't like it? Well then go host your own net!</q> <span>—</span> <i>a dipshit.</i> <br> + Learn how <i>cheap & easy</i> it is to host your own website and services. <b>Stop being a web peasant today!</b> + </dd> + </dl> + <dl> + <dt> + <a href="https://stallman.org/discord.html" class="link">Stallman says: <q>Stop using Discord!</q></a> + <i>by Richard M. Stallman</i> + <small>https://landchad.net/</small> + </dt> + <dd> + The founder of the <a href="https://gnu.org" class="link">GNU Project</a> explains why any self-respecting person should tell Discord to take a flying leap. + </dd> + </dl> + <div class="category"><h2>New Art!</h2></div> + <div class="gallery"> + <figure class="galleryimg"> + <a href="/media/adelaide_grope.jpeg"> + <img src="/media/thumb/adelaide_grope.webp"> + </a> + <figcaption>Adelaide Grope</figcaption> + </figure> + <figure class="galleryimg"> + <a href="/media/adelaide_wicca.jpeg"> + <img src="/media/thumb/adelaide_wicca.webp"> + </a> + <figcaption>Adelaide Wicca</figcaption> + </figure> + <figure class="galleryimg"> + <a href="/media/monero_anubis.jpeg"> + <img src="/media/thumb/monero_anubis.webp"> + </a> + <figcaption><a href="https://getmonero.org">Monero</a> Anubis</figcaption> + </figure> + <figure class="galleryimg"> + <a href="/media/good_rolemodel.jpeg"> + <img src="/media/thumb/good_rolemodel.webp"> + </a> + <figcaption>A Good Rolemodel</figcaption> + </figure> + </div> </div> - </main> - <img title="Oh, aren't you a cutie." class="fig" src="/media/fig_smoke.webp"> + <img title="Oh, aren't you a cutie." class="fig" src="/media/fig_smoke.webp" alt="a reclining husky anthro having a smoke and flashing her pubic mound"> </body> </html> diff --git a/media/adelaide_grope.jpeg b/media/adelaide_grope.jpeg Binary files differnew file mode 100644 index 0000000..c22a473 --- /dev/null +++ b/media/adelaide_grope.jpeg diff --git a/media/adelaide_wicca.jpeg b/media/adelaide_wicca.jpeg Binary files differnew file mode 100644 index 0000000..89ef033 --- /dev/null +++ b/media/adelaide_wicca.jpeg diff --git a/media/femcel.jpeg b/media/femcel.jpeg Binary files differnew file mode 100644 index 0000000..e3bfb8c --- /dev/null +++ b/media/femcel.jpeg diff --git a/media/femcel_mv.mp4 b/media/femcel_mv.mp4 Binary files differnew file mode 100644 index 0000000..2777f30 --- /dev/null +++ b/media/femcel_mv.mp4 diff --git a/media/fig_reclining.webp b/media/fig_reclining.webp Binary files differnew file mode 100644 index 0000000..7a8e977 --- /dev/null +++ b/media/fig_reclining.webp diff --git a/media/good_rolemodel.jpeg b/media/good_rolemodel.jpeg Binary files differnew file mode 100644 index 0000000..43c32c4 --- /dev/null +++ b/media/good_rolemodel.jpeg diff --git a/media/lowe_pussyout.mp4 b/media/lowe_pussyout.mp4 Binary files differnew file mode 100644 index 0000000..9744784 --- /dev/null +++ b/media/lowe_pussyout.mp4 diff --git a/media/monero_anubis.jpeg b/media/monero_anubis.jpeg Binary files differnew file mode 100644 index 0000000..237c343 --- /dev/null +++ b/media/monero_anubis.jpeg diff --git a/media/restore_pakistan.mp4 b/media/restore_pakistan.mp4 Binary files differnew file mode 100644 index 0000000..d3078b6 --- /dev/null +++ b/media/restore_pakistan.mp4 diff --git a/media/thumb/adelaide_grope.webp b/media/thumb/adelaide_grope.webp Binary files differnew file mode 100644 index 0000000..cb06720 --- /dev/null +++ b/media/thumb/adelaide_grope.webp diff --git a/media/thumb/adelaide_wicca.webp b/media/thumb/adelaide_wicca.webp Binary files differnew file mode 100644 index 0000000..c9c7135 --- /dev/null +++ b/media/thumb/adelaide_wicca.webp diff --git a/media/thumb/femcel_musicvideo.webp b/media/thumb/femcel_musicvideo.webp Binary files differnew file mode 100644 index 0000000..7aa8312 --- /dev/null +++ b/media/thumb/femcel_musicvideo.webp diff --git a/media/thumb/good_rolemodel.webp b/media/thumb/good_rolemodel.webp Binary files differnew file mode 100644 index 0000000..c7a97d1 --- /dev/null +++ b/media/thumb/good_rolemodel.webp diff --git a/media/thumb/monero_anubis.webp b/media/thumb/monero_anubis.webp Binary files differnew file mode 100644 index 0000000..39de5ed --- /dev/null +++ b/media/thumb/monero_anubis.webp diff --git a/neuarriero.css b/neuarriero.css index 43256ba..13282dd 100644 --- a/neuarriero.css +++ b/neuarriero.css @@ -6,7 +6,7 @@ } body { - font-family:Verdana, Geneva, Tahoma, sans-serif; + font-family: Georgia, 'Times New Roman', Times, serif; margin: 0; } header { @@ -21,6 +21,19 @@ header { a.link::after { content: url("/icons/link_go.png"); + margin: 0 0.25rem 0 0.25rem; +} +a.msg::after { + content: url("icons/user_comment.png"); + margin: 0 0.25rem 0 0.25rem; +} +a.email::after { + content: url("icons/email.png"); + margin: 0 0.25rem 0 0.25rem; +} +a.vid::after { + content: url("/icons/film.png"); + margin: 0 0.25rem 0 0.25rem; } header img { @@ -33,11 +46,10 @@ nav { display: flex; flex-direction: row; align-items: center; - font-size: 95%; background-color: whitesmoke; } nav a { - margin: 0 0.5rem; + padding: 0 0.5rem; display: flex; flex-direction: row; align-items: center; @@ -45,6 +57,9 @@ nav a { nav img { margin-right: 0.5rem; } +nav a.here { + background-color: gainsboro; +} header h1 { margin: 0; color: white; @@ -57,13 +72,14 @@ header h1 a { .subtitle { display: flex; + font-size: 80%; background-color: var(--main-ac-color); color: white; flex-direction: row; max-height: 2.5rem; align-items: center; gap: 1.5rem; - + margin: 0.5rem 0 0 0; } .subtitle::before { @@ -71,18 +87,80 @@ header h1 a { flex: 0 0 2.5rem; height: 2.5rem; background: url("/media/muleteer.png") center / contain no-repeat; +} + +.category { + display: flex; + font-size: 80%; + background-color: var(--main-fg-color); + opacity: 50%; + color: white; + flex-direction: row; + max-height: 2rem; + align-items: center; + margin: 0.5rem 0 0 0; + padding: 0 0 0 1.5rem; + gap: 1.5rem; } +main div { + margin: 0 0 0 2rem; +} +dl { + display: flex; + flex-direction: column; + margin: 0 0 0 1.5rem; + +} +dl small { + font-size: 75%; + color: gray; + margin: 0 0 0 1rem; + font-style: italic; +} +dt { + margin: 0.25rem 0 0 0; + background-color: rgba(0,0,0,.1); + padding: 0.15rem; +} + hr { padding: 0; margin: 0; border-color: white; } - main { margin: 0 0 0 2.5rem; } +figure { + float: right; + clear: right; + display: flex; + flex-flow: column; + max-width: 15em; + min-width: 15em; + border-style: solid; + border-width: thin; + border-color: black; + background-color: white; + padding: 0.5rem; + margin: 1rem 1rem 0 1rem; +} + +.gallery { + display: flex; + flex-wrap: wrap; + gap: 0.5rem; +} + + +figure img { + max-width: 100%; + max-height: 15em; + min-height: 15em; + object-fit: cover; +} .fig { position: fixed; bottom: 0%; @@ -90,7 +168,7 @@ main { opacity: 0.15; transition: opacity 0.25s ease-in; z-index: -1; - width: 25%; + width: 20%; } .fig:hover { z-index: 5; diff --git a/pol/pol.html b/pol/pol.html new file mode 100644 index 0000000..14ff1bf --- /dev/null +++ b/pol/pol.html @@ -0,0 +1,85 @@ +<html lang="en"> + <head> + <meta name="author" content="Salvador Franco de Rivera"> + <meta name="description" content="Handy technology for the average user"> + <meta name="keywords" content="furry,hmofa,art,homepage,linux"> + <title>El Arriero's Directory - Technology</title> + <link href="/neuarriero.css" rel="stylesheet"> + </head> + + <body> + <header> + <a href="https://www.youtube.com/playlist?list=PLa2uXwVHk-lgRQDTyjF6wrB_GDE8yRC-J"> + <img src="/media/icon.webp"> + </a> + <div> + <h1> + <a href="/index.html" title="The Muleteer's Directory">El Arriero's Directory</a> + </h1> + <small>Tirelessly traveling the web for <b>furry girls, computers, weapons, and more</b>.</small> + </div> + </header> + <nav> + <a href="/index.html"> + <img src="/icons/house.png" alt="house icon"> + Home + </a> + <a href="/about.html"> + <img src="/icons/information.png" alt="information icon"> + About Me + </a> + <a href="/contact.html"> + <img src="/icons/email.png" alt="email icon"> + Contact + </a> + <a href="/donate.html"> + <img src="/icons/money.png" alt="money icon"> + Donate + </a> + <a href="/hmofa/hmofa.html" > + <img src="/icons/group.png" alt="group of people icon"> + More HMOFA + </a> + <a href="/g/g.html"> + <img src="/icons/computer.png" alt="computer icon"> + Fun Technology + </a> + <a href="/pol/pol.html" class="here"> + <img src="/icons/transmit_red.png" alt="radio transmission icon"> + Realpolitik + </a> + <a href="/tv/tv.html"> + <img src="/icons/film.png" alt="film icon"> + <del>The Kinoplex</del> + </a> + <a href="/int/int.html" > + <img src="/icons/comments.png" alt="person talking icon"> + <del>Language Resources</del> + </a> + <a href="/k/k.html" > + <img src="/icons/bomb.png" alt="bomb icon"> + <del>Gunpowder & More</del> + </a> + </nav> + <hr> + <main> + <div class="subtitle"> + <h2>Real/pol/itik</h2> + </div> + <div> + <div class="category"><h2>Oi Guvna</h2></div> + <dl> + <dt> + <a href="/media/restore_pakistan.mp4" class="vid">Restore Pakistan: England for the Pakis!</a> + </dt> + <dd> + Unfortunately Restore Britain <a href="/media/lowe_pussyout.mp4" class="vid">pussied out</a> and just became Reform UK without the Tories. <b>And just like that, the UK was lost forever.</b> + </dd> + </dl> + </div> + + </main> + <img title="Oh, aren't you a cutie." class="fig" src="/media/fig_smoke.webp"> + </body> + +</html> |
