diff options
| -rw-r--r-- | about.html | 16 | ||||
| -rw-r--r-- | contact.html | 6 | ||||
| -rw-r--r-- | donate.html | 4 | ||||
| -rw-r--r-- | index.html | 8 | ||||
| -rw-r--r-- | neuarriero.css | 42 |
5 files changed, 42 insertions, 34 deletions
@@ -60,28 +60,28 @@ </nav> <hr> <main> - <div class="contentheader"> - <img src="/media/muleteer.png"> + <div class="subtitle"> + <h2>About Me</h2> </div> - <p>You may know me online as FigAnon, Salvador Franco de Rivera (S.F.R), or El Arriero. I do traditional art of furry girls and their human husbands.</p> + <p>You may know me online as FigAnon, Salvador Franco de Rivera (S.F.R), or El Arriero. <b>I do traditional art of furry girls and their human husbands</b>.</p> I run this site dedicated to compiling interesting links that may useful to others. <p>Here's the equipment I use:</p> <ul> <li><b>Pentel Graphgear 1000</b> with STAEDTLER Mars 0.5mm lead</li> <li><b>STAEDTLER Mars Tecnico 780</b> with their 2mm lead</li> - <li><b>Derwent Academy sketching pencils</b> (5H-6B)</li> + <li><b>Derwent Academy</b> sketching pencils (5H-6B)</li> <li><b>Jovi</b> 24 watercolor tablets</li> <li>Unknown Sketchbook & <b>INDART A4 300gr paper</b> (cold press)</li> - <li><b><a href="https://www.brother-usa.com/p/inkjet-printers/MFCJ1365DW">Brother MFC-J1365DW <img src="/icons/link_go.png"></a></b> Scanner+Printer</li> + <li><b><a href="https://www.brother-usa.com/p/inkjet-printers/MFCJ1365DW" class="link">Brother MFC-J1365DW</a></b> Scanner+Printer</li> </ul> <p>As much as I liked to tinker with my computers, I've settled down.</p> - <p><q>I used to run <a href="https://gentoo.org/">Gentoo <img src="/icons/link_go.png"></a>, btw!</q></p> + <p><q>I used to run <a href="https://gentoo.org/" class="link">Gentoo</a>, btw!</q></p> <dl> <dt>My Desktop (Fig)</dt> - <dd>She runs <a href="https://devuan.org/">Devuan Linux <img src="/icons/link_go.png"></a> 6 Excalibur. She's old and super reliable when it comes to scanning and printing.</dd> + <dd>She runs <a href="https://devuan.org/" class="link">Devuan Linux</a> 6 Excalibur. She's old and super reliable when it comes to scanning and printing.</dd> <dt>My Laptop (Adelaide)</dt> - <dd>She dualboots <a href="https://linuxmint.com/">Linux Mint <img src="/icons/link_go.png"></a> 22 and Windows 11. Fortunately I haven't had the need to boot into the Windows partition for over a year. I still have it around just in case.</dd> + <dd>She dualboots <a href="https://linuxmint.com/" class="link">Linux Mint</a> 22 and Windows 11. Fortunately I haven't had the need to boot into the Windows partition for over a year. I still have it around just in case.</dd> </dl> </main> <img title="Oh, aren't you a cutie." class="fig" src="/media/fig_smoke.webp"> diff --git a/contact.html b/contact.html index 9c508f9..412094b 100644 --- a/contact.html +++ b/contact.html @@ -60,8 +60,10 @@ </nav> <hr> <main> - <h2>Contact</h2> - <p>I'd love to hear from you! You can contact me here through these methods:</p> + <div class="subtitle"> + <h2>Contact - I'd love to hear from you!</h2> + </div> + <p>You can contact me here through these methods:</p> <ul> <li><a href="mailto:yorkshirefigs@posteo.uk">Email <img src="/icons/email_edit.png"></a></li> <li><a href="https://cytu.be/r/HmofaTV">Cytube Chatroom <img src="/icons/television.png"><img src="/icons/link_go.png"></a></li> diff --git a/donate.html b/donate.html index eefb130..ca40c9a 100644 --- a/donate.html +++ b/donate.html @@ -60,7 +60,9 @@ </nav> <hr> <main> - <h2>Help me fund Fig's cigarette addiction!</h2> + <div class="subtitle"> + <h2>Donate - Help me fund Fig's cigarette addiction!</h2> + </div> <dl> <dt>Monero Address</dt> <dd>84F5XUckjF4cbUeX3crSfvLRLxiBoCe3z3gxx4mLWA4pc9tfr75DX5TeEN5UnyU95ajCyBo6gePidVSM5vHWK8EuMMyFHxY</dd> @@ -60,15 +60,11 @@ </nav> <hr> <main> - <div class="contentheader"> - <img src="/media/muleteer.png"> + <div class="subtitle"> <h2>El Arriero's Choice</h2> - </div> - <div class="content"> - big + Here's what I found! </div> - </main> <img title="Oh, aren't you a cutie." class="fig" src="/media/fig_smoke.webp"> </body> diff --git a/neuarriero.css b/neuarriero.css index ffee6e7..43256ba 100644 --- a/neuarriero.css +++ b/neuarriero.css @@ -1,11 +1,13 @@ :root { --main-bg-color: #4e0408; --main-fg-color: #73232d; + --main-ac-color: #963C3F; } body { font-family:Verdana, Geneva, Tahoma, sans-serif; + margin: 0; } header { display: flex; @@ -14,28 +16,34 @@ header { padding: 0.5rem; color: #ffffff; align-items: stretch; + +} + +a.link::after { + content: url("/icons/link_go.png"); } + header img { object-fit: cover; margin-right: 1rem; - height: 8rex; + height: 4rem; align-items: center; } nav { display: flex; flex-direction: row; align-items: center; - font-size: 80%; + font-size: 95%; background-color: whitesmoke; } nav a { - margin: 0 2rex; + margin: 0 0.5rem; display: flex; flex-direction: row; align-items: center; } nav img { - margin-right: 0.5rex; + margin-right: 0.5rem; } header h1 { margin: 0; @@ -47,23 +55,23 @@ header h1 a { text-decoration: none; } -.contentheader { +.subtitle { display: flex; - align-items: center; - background: var(--main-fg-color); - margin-top: 1rem; - max-height: 8rex; + background-color: var(--main-ac-color); color: white; - padding: 0.5rex 0.5rex 0 0.5rex; -} -.contentheader img { - max-height: inherit; - margin-right: 2.5rex; + flex-direction: row; + max-height: 2.5rem; + align-items: center; + gap: 1.5rem; + } -.content { - display: flex; - margin-left: auto; +.subtitle::before { + content: ""; + flex: 0 0 2.5rem; + height: 2.5rem; + background: url("/media/muleteer.png") center / contain no-repeat; + } hr { |