badmanners/badmanners.xyz
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Clean up main page links

Browse source
This commit is contained in:
Bad Manners 2024-09-16 08:54:49 -03:00
parent f23b3774d4
commit aa14b2856a
No known key found for this signature in database
GPG key ID: 8C88292CCB075609
11 changed files with 193 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/pages/about.astro
View file

@ -16,10 +16,12 @@ import { ImageSamStickerJuicebox } from "@assets/images";
class="p-nickname font-semibold">Briefcase</b
>... many choices to pick from! My pronouns are <span
class="p-pronoun font-medium underline decoration-current decoration-dotted"
data-tippy-content="he/him/his/his/himself">he/him</span
title="he/him/his/his/himself"
data-tooltip>he/him</span
> or <span
class="p-pronoun font-medium underline decoration-current decoration-dotted"
data-tippy-content="they/them/their/theirs/themself">they/them</span
title="they/them/their/theirs/themself"
data-tooltip>they/them</span
>. The term "bad manners" comes from gaming, referencing when someone acts in a purposefully disrespectful and
taunting manner towards other players &ndash; and I chose this moniker as it has plenty of personal meanings
attached to it.
@ -67,11 +69,11 @@ import { ImageSamStickerJuicebox } from "@assets/images";
import tippy from "tippy.js";
import "tippy.js/dist/tippy.css";
const initTooltips = () => {
tippy("[data-tippy-content]", {
theme: "bm",
});
};
initTooltips();
const tooltipItems = document.querySelectorAll<HTMLElement>("[title][data-tooltip]");
tooltipItems.forEach((el) => el.setAttribute("data-tooltip", el.title));
tippy(tooltipItems, {
content: (el) => (el as HTMLElement).dataset.tooltip!,
theme: "bm",
});
tooltipItems.forEach((el) => el.removeAttribute("title"));
</script>