From 95fe9ec7b1b51f449a0c0b733fe05798c8c12024 Mon Sep 17 00:00:00 2001 From: ElDoc-s Date: Wed, 1 Jul 2026 01:41:10 -0700 Subject: Major redesign --- about.html | 58 ++++++++++++++++++++++++ britons.css | 93 ++++++++++++++++++++------------------ changelog.html | 38 +++++++++------- contact.html | 33 ++++++-------- fig.html | 27 +++++------ index.html | 35 ++++++++------ media/civil_servant.gif | Bin 0 -> 40248 bytes media/fig_hamster.jpg | Bin 0 -> 586622 bytes media/fig_hamster.webp | Bin 0 -> 199950 bytes media/fig_reclining_censored.jpg | Bin 0 -> 404509 bytes media/fig_reclining_censored.webp | Bin 0 -> 164698 bytes 11 files changed, 177 insertions(+), 107 deletions(-) create mode 100644 about.html create mode 100644 media/civil_servant.gif create mode 100644 media/fig_hamster.jpg create mode 100644 media/fig_hamster.webp create mode 100644 media/fig_reclining_censored.jpg create mode 100644 media/fig_reclining_censored.webp diff --git a/about.html b/about.html new file mode 100644 index 0000000..125609c --- /dev/null +++ b/about.html @@ -0,0 +1,58 @@ + + + + + + + + + + El Arriero - Contact + + + +
+

El ArrieroFig, to my heart, you are the eternal hope.

+
+ +

About Me

+

You may know me online as FigAnon or El Arriero. Some of my friends call me Jodian (pronounced Joe-dee-ann). I'm the guy who made and draws + Fig. I haven't drawn a proper portrait of myself, so just imagine the "Unknown Civil Servant" from + Rebel Inc: Escalation Outgoing link, one of my favorite games.

+

I do traditional art with some fine and affordable tools. Unfortunately I can't display most of my art because of web provider guidelines.

+ + +

Apart from drawing, I'm a techie, so my computers are well maintained.

+
+
My Desktop, Fig:
+
She runs Gentoo Outgoing link (x86_64) with a custom kernel. I've noticed a ~10% performance gain compared to the standard kernel options. It certainly was worth the headache of figuring everything out. I've had this install running since January 2024.
+
My Laptop, Adelaide:
+
She's made to be a reliable backup. So I have her dualbooting Linux Mint 22 Outgoing link and + Windows 11 Outgoing link (unfortunately). You just never know when you're gonna need Windows. + I haven't booted into it since last year so it's not like I'm sacrificing much. She's always there for when I bork my computer after her yearly update.
+
+ +
+ Fig + + RESTORE BRITAIN! + + + + EUistan Flag + + + + diff --git a/britons.css b/britons.css index 391fa40..16d4c09 100644 --- a/britons.css +++ b/britons.css @@ -5,11 +5,10 @@ background-image: url(media/bg.gif); } body { - font-size: 100%; font-family: "Liberation Serif", "Times New Roman"; display: block; - background-color: whitesmoke; + background-color: rgba(255, 255, 255, 0.8); padding: 2%; padding-top: 1%; @@ -21,66 +20,57 @@ body { small { font-style: italic; - color: gray; + color: gray; +} + +h1 { + margin: 0%; } -.title { +h1 a { - font-size: 250%; + font-size: 125%; color: var(--main-fg-color); font-weight: bold; - + text-decoration: none; } - -header i { +h1 i { + font-size: 75%; + color: darkolivegreen; margin-left: 5%; - font-size: 125%; + text-decoration: underline; } - -.navbar { +nav { display: flex; - justify-content: space-evenly; ; - margin-top: 1%; + justify-content: flex-start; + flex-wrap: wrap; } - -.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%; +nav a { + margin-top: 0; + padding: 0.5% 4%; + text-decoration: none; + color: white; + background-color: var(--main-fg-color); + font-weight: bold; } - +nav a:hover { + background-color: var(--main-ac-color); + color: white; +} .fig { position: fixed; bottom: 0%; right: -2%; - opacity: 0.25; + opacity: 1; transition: opacity 0.25s ease-in; - z-index: 1; + z-index: -1; width: 25%; } - .fig:hover { - opacity: 1; + z-index: 5; } - .eu { position: absolute; right: 0%; @@ -88,13 +78,30 @@ header i { opacity: 1; scale: 25%; } - .eu:hover { animation: spin 5s linear infinite; } - - @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } +/* +figure { + margin-left: auto; + max-width: 25%; + float: right; + background-color: white; + padding: 1%; +} +*/ + +figure { + float: right; + clear: right; + max-width: 25%; + +} + +figure img { + max-width: 100%; +} \ No newline at end of file diff --git a/changelog.html b/changelog.html index bfe1f63..ac6096c 100644 --- a/changelog.html +++ b/changelog.html @@ -2,32 +2,38 @@ - + - + - + El Arriero - -
- El Arriero - Home of the Britishly Mediocre - +
+

El ArrieroFig, to my heart, you are the eternal hope.

- -
- +
+
01-07-2026
+
+ Major Site Redesign! +
    +
  • Changed header and navbar to be more appealing.
    • +
  • Replaced innaccurate website tagline.
    • +
  • Added images to index page, making it more lively.
    • +
  • Added "About" section.
    • +
+
28-06-2026
    diff --git a/contact.html b/contact.html index 56b2e2e..7650e74 100644 --- a/contact.html +++ b/contact.html @@ -1,35 +1,32 @@ - + - - + + El Arriero - Contact -
    - El Arriero - Home of the Britishly Mediocre - +
    +

    El ArrieroFig, to my heart, you are the eternal hope.

    -
    - +

    How to Contact Me

      Write to my Email Email Write!
      -
      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.
      -
      Future Ideas
      -
      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.
      +
      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!
      +
      Contact Suggestions Question balloon
      +
      I want people to have the option to contact me many ways, but most options violate our freedom, or are too inconvenient. If you'd like to suggest a contact method then I'd be glad to look into it.
    Fig diff --git a/fig.html b/fig.html index 213e824..3ef2882 100644 --- a/fig.html +++ b/fig.html @@ -2,30 +2,27 @@ - + - + - + El Arriero -
    - El Arriero - Home of the Britishly Mediocre - +
    +

    El ArrieroFig, to my heart, you are the eternal hope.

    - -
    - +

    A Complete Accident

    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 proper set of pencils diff --git a/index.html b/index.html index 83826f1..229e875 100644 --- a/index.html +++ b/index.html @@ -2,29 +2,34 @@ - + - + - + El Arriero -

    - El Arriero - Home of the Britishly Mediocre - +
    +

    El ArrieroFig, to my heart, you are the eternal hope.

    - -
    - + +
    + Fig cheerfully looking up at the hamster smoking on her messy scalp. +
    Fig cheerfully looking up at the hamster smoking on her messy scalp.
    +
    +
    + Fig reclining with her legs propped up on a fence. She's unknowingly showing off her hairy mound. +
    Fig reclining with her legs propped up on a fence, inadvertently showing her lady garden.
    +

    "The Most Britishly Mediocre Thing Ever"

    Fig's Origin
     diff --git a/media/civil_servant.gif b/media/civil_servant.gif new file mode 100644 index 0000000..b9bc148 Binary files /dev/null and b/media/civil_servant.gif differ diff --git a/media/fig_hamster.jpg b/media/fig_hamster.jpg new file mode 100644 index 0000000..41e2567 Binary files /dev/null and b/media/fig_hamster.jpg differ diff --git a/media/fig_hamster.webp b/media/fig_hamster.webp new file mode 100644 index 0000000..9b6542e Binary files /dev/null and b/media/fig_hamster.webp differ diff --git a/media/fig_reclining_censored.jpg b/media/fig_reclining_censored.jpg new file mode 100644 index 0000000..e905528 Binary files /dev/null and b/media/fig_reclining_censored.jpg differ diff --git a/media/fig_reclining_censored.webp b/media/fig_reclining_censored.webp new file mode 100644 index 0000000..e3e04ef Binary files /dev/null and b/media/fig_reclining_censored.webp differ -- cgit v1.2.3