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

More websites, better licenses with TOML, more minute improvements

Browse source
This commit is contained in:
Bad Manners 2024-08-26 00:16:48 -03:00
parent 5559cea720
commit 92123a305d
26 changed files with 414 additions and 138 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/pages/about.astro
View file

@ -1,26 +1,31 @@
---
import { Image } from "astro:assets";
import BaseLayout from "../layouts/BaseLayout.astro";
import IconArrowUpRightFromSquare from "../components/icons/IconArrowUpRightFromSquare.astro";
import ImageSamStickerJuicebox from "../assets/images/sam_sticker_juicebox.webp";
import { IconArrowUpRightFromSquare } from "../components/icons";
import { ImageSamStickerJuicebox } from "../assets/images";
---
<BaseLayout pageTitle="About me">
<meta slot="head-description" property="og:description" content="About Bad Manners." />
<article class="h-card" aria-labelledby="title-about-me">
<h1 id="title-about-me" class="text-2xl sm:text-3xl">About me</h1>
<section id="section-bad-manners">
<section>
<p class="mb-4 mt-5 text-justify indent-6 sm:mb-3 sm:mt-6 sm:px-5 sm:indent-12">
You can call me <b class="p-name font-semibold">Bad Manners</b>, <b class="p-nickname font-semibold">Manners</b
>, <b class="p-nickname font-semibold"><abbr>BM</abbr></b>, <b class="p-nickname font-semibold">Bad</b>, <b
class="p-nickname font-semibold">Briefcase</b
>... many choices to pick from! My pronouns are <span class="p-pronoun font-medium">he/him</span>. The term "bad
manners" comes from gaming, where it's used to refer to acting in a purposefully disrespectful and taunting
manner towards other players, but I also chose this moniker as it has plenty of personal meanings attached to
it.
>... 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
> or <span
class="p-pronoun font-medium underline decoration-current decoration-dotted"
data-tippy-content="they/them/their/theirs/themself">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.
</p>
</section>
<section id="section-sam-brendan" class="h-card">
<section class="h-card">
<p class="my-4 text-justify indent-6 sm:mb-3 sm:px-5 sm:indent-12">
You can also call me <b class="p-first-name font-semibold">Sam</b>, which is my <span class="p-category"
>fursona</span
@ -45,7 +50,7 @@ import ImageSamStickerJuicebox from "../assets/images/sam_sticker_juicebox.webp"
A sticker of Sam by
<a
class="h-card u-url text-link transition-colors motion-reduce:transition-none"
href="https://olivecow.carrd.co/"
href="https://olivecow.carrd.co"
rel="nofollow"
target="_blank"
>
@ -57,3 +62,20 @@ import ImageSamStickerJuicebox from "../assets/images/sam_sticker_juicebox.webp"
</section>
</article>
</BaseLayout>
<script>
import { ENABLE_VIEW_TRANSITIONS } from "astro:env/client";
import tippy from "tippy.js";
import "tippy.js/dist/tippy.css";
const initTooltips = () => {
tippy("[data-tippy-content]", {
theme: "bm",
});
};
if (ENABLE_VIEW_TRANSITIONS) {
document.addEventListener("astro:page-load", initTooltips);
} else {
initTooltips();
}
</script>