diff options
| -rw-r--r-- | britons.css | 77 | ||||
| -rw-r--r-- | contact.html | 15 | ||||
| -rw-r--r-- | index.html | 33 | ||||
| -rw-r--r-- | media/figsmoke.png | bin | 0 -> 127312 bytes | |||
| -rw-r--r-- | media/smoke.webp | bin | 0 -> 17518 bytes |
5 files changed, 51 insertions, 74 deletions
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 @@ </head> <body> <header role="banner"> - <a href="https://elarriero.org/" title="The Muleteer">El Arriero</a> - <br> - <i>Home of the Britishly Mediocre</i> + <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> - <ul class="navbar" role="navigation"> - <li><a href="https://wiki.elarriero.org/" title="Under construction">Mediocre Wiki</a></li> - <li><a href="https://press.elarriero.org/" title="Currently empty">Mediocre Press</a></li> - <li><a href="https://elarriero.org/contact.html" title="Motivations and contact info">Contact</a></li> - </ul> - <div class="content" role="main"> <h2>Email</h2> <p>I'd love to hear from you guys. You can contact me on my own <a href="mailto:parliamentman@elarriero.org" title="My homegrown email">email</a>, but some big providers like gmail/outlook will refuse to send mail there. I also have this <a href="mailto:parliamentman@tfwno.gf">alternate mail</a>, which should work with larger providers.</p> @@ -1,29 +1,31 @@ <!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> + <title>El Arriero</title> </head> + <body> + <header role="banner"> - <a href="https://elarriero.org/" title="The Muleteer">El Arriero</a> - <br> - <i>Home of the Britishly Mediocre</i> + <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> - <ul class="navbar" role="navigation"> - <li><a href="https://wiki.elarriero.org/" title="Under construction">Mediocre Wiki</a></li> - <li><a href="https://press.elarriero.org/" title="Currently empty">Mediocre Press</a></li> - <li><a href="https://elarriero.org/contact.html" title="Motivations and contact info">Contact</a></li> - </ul> - <div class="content" role="main"> + <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. @@ -36,13 +38,8 @@ <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> - </div> - - - - </div> - - -</body></html> + <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> diff --git a/media/figsmoke.png b/media/figsmoke.png Binary files differnew file mode 100644 index 0000000..5bfb8d7 --- /dev/null +++ b/media/figsmoke.png diff --git a/media/smoke.webp b/media/smoke.webp Binary files differnew file mode 100644 index 0000000..ba9cfe5 --- /dev/null +++ b/media/smoke.webp |
