diff options
| author | ElDoc-s <A01255172@tec.mx> | 2026-04-24 06:48:27 -0700 |
|---|---|---|
| committer | ElDoc-s <A01255172@tec.mx> | 2026-04-24 06:48:27 -0700 |
| commit | bf56e24a13cbf9e733a1c027d89551fb90eedf76 (patch) | |
| tree | 049628a0559c78eae8d39d06a2def62d5b505c93 | |
| parent | 1c39b4808341ee6b37411f01857172927991f884 (diff) | |
Fixed Fig easter egg on the side not scaling properly with the screen size
| -rw-r--r-- | britons.css | 1 | ||||
| -rw-r--r-- | britons.css~ | 71 | ||||
| -rw-r--r-- | index.html | 4 | ||||
| -rw-r--r-- | index.html~ | 45 |
4 files changed, 119 insertions, 2 deletions
diff --git a/britons.css b/britons.css index d128481..f4459f1 100644 --- a/britons.css +++ b/britons.css @@ -66,5 +66,6 @@ header i { right: -2%; opacity: 0.4; z-index: -1; + width: 18%; } diff --git a/britons.css~ b/britons.css~ new file mode 100644 index 0000000..82af863 --- /dev/null +++ b/britons.css~ @@ -0,0 +1,71 @@ +: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: 80%; + padding: 2%; + padding-top: 1%; + margin: 2%; + border-style: dotted; + border-color: var(--main-fg-color); +} + +.title { + + font-size: 250%; + color: var(--main-fg-color); + font-weight: bold; + +} + +header i { + margin-left: 5%; +} + +.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.4; + z-index: -1; + width: 15%; +} + @@ -4,7 +4,7 @@ <link rel="stylesheet" href="britons.css"> <meta http-equiv="content-type" content="text/html; charset=windows-1252"> - <meta name="author" content="Jodian Buenaventura" > + <meta name="author" content="Jose Antonio Urquiza" > <meta name="keywords" content="/hmofa/, hmofa, tech, writing, index, britishly mediocre"> <meta name="description" content="Main page, linking together sexy /hmofa/ girls in tech, writing, and art."> <title>El Arriero</title> @@ -33,7 +33,7 @@ She looked middle-aged already, so I gave her a cig and a couple light wrinkles. You can't be middle aged without a bathrobe, so I drew that on her to finalize the image. </p> - <img src="media/fig.webp" alt="Fig in a bathrobe, smoking a cigarette and saying 'Why do they keep you behind the counter?'."> + <img src="media/fig.webp4" alt="Fig in a bathrobe, smoking a cigarette and saying 'Why do they keep you behind the counter?'."> <figcaption>First iteration of Fig. The dialogue was added much later when I decided what she would sound like. <a href="media/fig.jpeg">Original Image</a></figcaption> <h2>What to expect in the future</h2> <p>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. diff --git a/index.html~ b/index.html~ new file mode 100644 index 0000000..49d36fc --- /dev/null +++ b/index.html~ @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + + <link rel="stylesheet" href="britons.css"> + <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, britishly mediocre"> + <meta name="description" content="Main page, linking together sexy /hmofa/ girls in tech, writing, and art."> + <title>El Arriero</title> + + </head> + + <body> + + <header role="banner"> + <a class="title" href="https://elarriero.org/" 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> + </div> + </header> + + + + <h2>What's this?</h2> + + <p>My website. It's where I collect my writing, drawing, and misc. fun stuff.</p> + <p>I made <a href="https://wiki.elarriero.org/doku.php?id=sylvia_merriweather" title="Wiki page for Fig">Fig</a> 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. + When going over the sketch with a darker pencil, I went too hard on her eyes, and it looked like she had bags under them. + She looked middle-aged already, so I gave her a cig and a couple light wrinkles. + You can't be middle aged without a bathrobe, so I drew that on her to finalize the image. + </p> + <img src="media/fig.webp" alt="Fig in a bathrobe, smoking a cigarette and saying 'Why do they keep you behind the counter?'."> + <figcaption>First iteration of Fig. The dialogue was added much later when I decided what she would sound like. <a href="media/fig.jpeg">Original Image</a></figcaption> + <h2>What to expect in the future</h2> + <p>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!</p> + + <a title="Oh, you're a cute one ain'tcha, Anonie?" href="media/figsmoke.png"><img src="media/smoke.webp" alt="Funny" class="fig"></a> +</body> +</html> + |