El Arriero"

From 1c39b4808341ee6b37411f01857172927991f884 Mon Sep 17 00:00:00 2001 From: ParliamentMan Date: Thu, 23 Apr 2026 23:49:33 -0700 Subject: Redesigned CSS, HTML, and added little detail. --- britons.css | 77 +++++++++++++++++++++-------------------------------- contact.html | 15 +++++------ index.html | 33 +++++++++++------------ media/figsmoke.png | Bin 0 -> 127312 bytes media/smoke.webp | Bin 0 -> 17518 bytes 5 files changed, 51 insertions(+), 74 deletions(-) create mode 100644 media/figsmoke.png create mode 100644 media/smoke.webp diff --git a/britons.css b/britons.css index 9e9632e..d128481 100644 --- a/britons.css +++ b/britons.css @@ -1,69 +1,45 @@ :root { --main-fg-color: #003400; --main-ac-color: #007400; +background-image: url(media/bg.gif); } body { - background-image: url(media/bg.gif); + font-size: 100%; - font-family: "Liberation Serif", "Times New Roman";; -} - -header { - background-color: var(--main-fg-color); - width: 70%; - margin:auto; - text-align: center; - border-style: solid; - border-color: black; - border-bottom: none; - color: white; + font-family: "Liberation Serif", "Times New Roman"; + display: block; + background-color: whitesmoke; + width: 80%; + padding: 2%; + padding-top: 1%; + margin: 2%; + border-style: dotted; + border-color: var(--main-fg-color); } -header a { +.title { font-size: 250%; - color: white; + color: var(--main-fg-color); font-weight: bold; - text-decoration: none; + } -ul { - width: 70%; - margin: auto; - list-style-type: none; - padding: 0; - background-color: var(--main-fg-color); - display: flex; - justify-content: space-around; - border: solid; - border-top: none; - border-bottom: none; +header i { + margin-left: 5%; } -ul li a { - display: block; - color: white; - text-align: center; - padding-top: 10%; - padding-bottom: 5%; - -} +.navbar { + display: flex; + justify-content: space-evenly; ; + margin-top: 1%; +} .content { - width: 70%; + width: 80%; background-color: whitesmoke; - margin:auto; - border-style: solid; - border-color: black; - -} - -.content p, h1, h2, h3, h4, h5, h6 { - margin: 1%; - display: block; - padding: 0 5%; } .content figcaption { @@ -76,7 +52,6 @@ ul li a { font-style: normal; } - .content img { display: block; margin: auto; @@ -85,3 +60,11 @@ ul li a { } +.fig { + position: fixed; + bottom: 0%; + right: -2%; + opacity: 0.4; + z-index: -1; +} + diff --git a/contact.html b/contact.html index bcaf49e..74aba6a 100644 --- a/contact.html +++ b/contact.html @@ -9,17 +9,14 @@ - -

Email

I'd love to hear from you guys. You can contact me on my own email, but some big providers like gmail/outlook will refuse to send mail there. I also have this alternate mail, which should work with larger providers.

diff --git a/index.html b/index.html index a6e6b75..49d36fc 100644 --- a/index.html +++ b/index.html @@ -1,29 +1,31 @@ + - El Arriero" + El Arriero + + - -

+

What's this?

+

My website. It's where I collect my writing, drawing, and misc. fun stuff.

I made Fig on the 21st of January, 2026. She is the crown jewel of my work. I made her that afternoon while outlining a canine anthro, and got ahead of myself by giving her a vintage hairstyle with the sketch. @@ -36,13 +38,8 @@

What to expect in the future

Writing takes a long time, and I want to get a good plot going first so I don't have to throw entire chapters out. I have high hopes for this project!

-

- - - -

- - - +

Funny

+ + diff --git a/media/figsmoke.png b/media/figsmoke.png new file mode 100644 index 0000000..5bfb8d7 Binary files /dev/null and b/media/figsmoke.png differ diff --git a/media/smoke.webp b/media/smoke.webp new file mode 100644 index 0000000..ba9cfe5 Binary files /dev/null and b/media/smoke.webp differ -- cgit v1.2.3