gaiety/portfolio
gaiety/portfolio
1
1
Fork 0
Code Activity

meta alt tag, better lynte art source

Browse source
This commit is contained in:
Ava Gaiety W 2024-03-29 21:56:10 -05:00
parent 2d4fd37e4d
commit 68728d9e5e
2 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_includes/base-footer.html
View file

@ -20,7 +20,7 @@
</div> </div>
<footer class="mt-12 bg-base/75 contrast-more:bg-crust py-4 px-4 text-subtext1 text-center"> <footer class="mt-12 bg-base/75 contrast-more:bg-crust py-4 px-4 text-subtext1 text-center">
Built in <a class="link" href="https://www.11ty.dev/">Eleventy</a> with <a class="link" href="https://tailwindcss.com/">TailwindCSS</a> and a 🐈 <a class="link" href="https://github.com/catppuccin">Catppuccin color palette</a>, 🍴 <a class="link" href="https://git.gay/gaiety/portfolio">Fork it Here</a> Built in <a class="link" href="https://www.11ty.dev/">Eleventy</a> with <a class="link" href="https://tailwindcss.com/">TailwindCSS</a>, a 🐈 <a class="link" href="https://github.com/catppuccin">Catppuccin color palette</a>, <a href="https://ko-fi.com/lynte" class="link" id="lynte">character pixel art by Lynte</a>, and you may <a class="link" href="https://git.gay/gaiety/portfolio">🍴 Fork it Here</a>
</footer> </footer>
</body> </body>
</html> </html>

13
_includes/base-header.html
View file

@ -19,6 +19,11 @@
{% else %} {% else %}
<meta property="og:image" content="https://gaiety.me/img/site/falling.gif" /> <meta property="og:image" content="https://gaiety.me/img/site/falling.gif" />
{% endif %} {% endif %}
{% if imageDescription %}
<meta property="og:image:alt" content="{{imageDescription}}" />
{% else %}
<meta property="og:image:alt" content="Gaiety's visual representation as a fursona (an original furry fandom character) depicted as an animated gif falling downward with a controlled hand outstretched. Faer hair and tail waves in the wind while their floppy dog ears flop about as well. Fae are an anthromorphic canine like a german shepherd clothed like a human in a t-shirt and denim shorts. Art is by Lynte." />
{% endif %}
<meta property="og:url" content="https://gaiety.me{{ page.url }}" /> <meta property="og:url" content="https://gaiety.me{{ page.url }}" />
<link href="/styles.css" rel="stylesheet"> <link href="/styles.css" rel="stylesheet">
@ -33,7 +38,13 @@
<body class="bg-crust bg-[length:20rem] bg-[url('/img/site/stars-light.gif')] dark:bg-[url('/img/site/stars-dark.gif')]"> <body class="bg-crust bg-[length:20rem] bg-[url('/img/site/stars-light.gif')] dark:bg-[url('/img/site/stars-dark.gif')]">
<div class="flex gap-y-12 flex-col sm:flex-row"> <div class="flex gap-y-12 flex-col sm:flex-row">
<header class="flex gap-2 justify-between flex-col xs:flex-row sm:flex-col sm:justify-start"> <header class="flex gap-2 justify-between flex-col xs:flex-row sm:flex-col sm:justify-start">
<img src="/img/site/falling.gif" alt="Gaiety's visual representation as a fursona (an original furry fandom character) depicted as an animated gif falling downward with a controlled hand outstretched. Faer hair and tail waves in the wind while their floppy dog ears flop about as well. Fae are an anthromorphic canine like a german shepherd clothed like a human in a t-shirt and denim shorts." class="h-auto w-auto xs:max-w-48 motion-safe:hover:animate-shake motion-safe:hover:animation-infinite motion-safe:hover:animate-duration-[1500ms] motion-safe:hover:animate-ease-out" /> <img
src="/img/site/falling.gif"
alt="Gaiety's visual representation as a fursona (an original furry fandom character) depicted as an animated gif falling downward with a controlled hand outstretched. Faer hair and tail waves in the wind while their floppy dog ears flop about as well. Fae are an anthromorphic canine like a german shepherd clothed like a human in a t-shirt and denim shorts. Art is by Lynte."
title="Art by Lynte"
aria-describedby="lynte"
class="h-auto w-auto xs:max-w-48 motion-safe:hover:animate-shake motion-safe:hover:animation-infinite motion-safe:hover:animate-duration-[1500ms] motion-safe:hover:animate-ease-out"
/>
<nav class=" <nav class="
inline-flex flex-col relative my-auto pl-2 pb-2 sm:my-0 inline-flex flex-col relative my-auto pl-2 pb-2 sm:my-0
border-l-2 border-l-lavender border-l-2 border-l-lavender