diff options
| -rw-r--r-- | bev_fig.html | 4 | ||||
| -rw-r--r-- | britons.css | 35 | ||||
| -rw-r--r-- | changelog.html | 54 | ||||
| -rw-r--r-- | contact.html | 17 | ||||
| -rw-r--r-- | fig.html | 18 | ||||
| -rw-r--r-- | index.html | 27 | ||||
| -rw-r--r-- | map.html | 8 | ||||
| -rw-r--r-- | media/eu.gif | bin | 0 -> 7920 bytes | |||
| -rw-r--r-- | media/eu_anim.gif | bin | 0 -> 50616 bytes | |||
| -rw-r--r-- | media/stars.png | bin | 4873 -> 4564 bytes |
10 files changed, 107 insertions, 56 deletions
diff --git a/bev_fig.html b/bev_fig.html index 0b88d0a..028db9b 100644 --- a/bev_fig.html +++ b/bev_fig.html @@ -2,7 +2,7 @@ <html lang="en"> <head> - <link rel="stylesheet" href="britons.css?v=3"> + <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"> @@ -31,6 +31,6 @@ <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> + </body> </html> diff --git a/britons.css b/britons.css index 079f099..391fa40 100644 --- a/britons.css +++ b/britons.css @@ -10,11 +10,12 @@ body { font-family: "Liberation Serif", "Times New Roman"; display: block; background-color: whitesmoke; - width: 70%; + padding: 2%; padding-top: 1%; - margin: 2%; - border-style: dotted; + margin: 2.5%; + border-style: solid; + border-width: thick; border-color: var(--main-fg-color); } @@ -25,7 +26,7 @@ small { .title { - font-size: 250%; + font-size: 250%;<img src="fig.ico" alt="" /> color: var(--main-fg-color); font-weight: bold; @@ -70,9 +71,9 @@ header i { position: fixed; bottom: 0%; right: -2%; - opacity: 0.5; + opacity: 0.25; transition: opacity 0.25s ease-in; - z-index: -1; + z-index: 1; width: 25%; } @@ -81,26 +82,14 @@ header i { } .eu { - position: fixed; - bottom: 70%; - left: 80%; - opacity: 1; - z-index: -1; - scale: 0.25; - width: 25%; -} - -.stars { - position: fixed; - bottom: 70%; - left: 80%; + position: absolute; + right: 0%; + top: 0%; opacity: 1; - z-index: -1; - scale: 0.25; - width: 25%; + scale: 25%; } -.stars:hover { +.eu:hover { animation: spin 5s linear infinite; } diff --git a/changelog.html b/changelog.html new file mode 100644 index 0000000..bfe1f63 --- /dev/null +++ b/changelog.html @@ -0,0 +1,54 @@ +<!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 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">(<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> + + <dl> + <dt>28-06-2026</dt> + <dd> + <ul> + <li>Added Changelog</li> + <li>Changed E-Mail address.</li> + <li>Navbar made more lively.</li> + <li>Added Restore Britain button.</li> + <li>Replaced EU Easter egg with mobile-friendly version.</li> + <li>Fixed text on main page.</li> + </ul> + </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> + </body> +</html> diff --git a/contact.html b/contact.html index a3de72f..56b2e2e 100644 --- a/contact.html +++ b/contact.html @@ -1,7 +1,7 @@ <!DOCTYPE html> <html> <head> - <link rel="stylesheet" href="britons.css?v=3"> + <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, tech, writing, index"> @@ -16,6 +16,7 @@ <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> @@ -25,16 +26,20 @@ <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> - <dd>I finally got a new address that should be compatible with all services. Sorry about the arbitrary restrictions from last time. You shouldn't have to deal with them anymore now.</dd> + <dd>I finally got a new address that should be compatible with all services. + Sorry about the arbitrary restrictions from last time. You shouldn't have to deal with them anymore now.</dd> <dt>Future Ideas</dt> <dd>I want people to contact me in other ways, but I haven't thought of anything that wouldn't violate my freedom or be super weird. Maybe I could open a Jami/Tox for the two people left on the planet that still use 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> - <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 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> </body> </html> @@ -2,7 +2,7 @@ <html lang="en"> <head> - <link rel="stylesheet" href="britons.css?v=3"> + <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"> @@ -13,12 +13,12 @@ </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> @@ -63,10 +63,14 @@ 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> + <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> + </body> </html> @@ -2,7 +2,7 @@ <html lang="en"> <head> - <link rel="stylesheet" href="britons.css?v=4"> + <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"> @@ -11,14 +11,13 @@ <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> @@ -61,22 +60,22 @@ <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 peacefully and democratically solving the immigration crisis, impending economic collapse, and Sharia law in the UK - 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><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> - <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> + + <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.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> + </body> </html> @@ -2,7 +2,7 @@ <html lang="en"> <head> - <link rel="stylesheet" href="britons.css?v=3"> + <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"> @@ -12,16 +12,16 @@ </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> + </header> <hr> <h2>Welcome to Beverly</h2> @@ -37,6 +37,6 @@ <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> + </body> </html> diff --git a/media/eu.gif b/media/eu.gif Binary files differnew file mode 100644 index 0000000..0ac5343 --- /dev/null +++ b/media/eu.gif diff --git a/media/eu_anim.gif b/media/eu_anim.gif Binary files differnew file mode 100644 index 0000000..0ba7944 --- /dev/null +++ b/media/eu_anim.gif diff --git a/media/stars.png b/media/stars.png Binary files differindex 1ab3f29..cce9576 100644 --- a/media/stars.png +++ b/media/stars.png |
