diff --git a/src/assets/sticker.gif b/src/assets/sticker.gif new file mode 100644 index 0000000..cca8789 Binary files /dev/null and b/src/assets/sticker.gif differ diff --git a/src/components/card.astro b/src/components/card.astro new file mode 100644 index 0000000..1feff04 --- /dev/null +++ b/src/components/card.astro @@ -0,0 +1,16 @@ +--- +import type { HTMLAttributes, HTMLTag } from "astro/types"; +type Props = HTMLAttributes<"section"> & { tag?: HTMLTag }; +const { tag: Tag = "section", class: className, ...props } = Astro.props; +--- + + + + diff --git a/src/components/image.astro b/src/components/image.astro index 2da9d91..8c0b9d8 100644 --- a/src/components/image.astro +++ b/src/components/image.astro @@ -1,13 +1,15 @@ --- import { type UnresolvedImageTransform } from "astro"; +import type { HTMLTag } from "astro/types"; import { getImage } from "astro:assets"; type Props = UnresolvedImageTransform & { + tag?: HTMLTag; id?: string; class?: string; }; -const { id, class: className, ...transform } = Astro.props; +const { tag: Tag = "span", id, class: className, ...transform } = Astro.props; const { src, options: { width, height }, @@ -16,17 +18,16 @@ const { - + }} +/> diff --git a/src/components/sticker.astro b/src/components/sticker.astro new file mode 100644 index 0000000..2d82f7e --- /dev/null +++ b/src/components/sticker.astro @@ -0,0 +1,11 @@ +--- +import Image from "@components/image.astro"; +import sticker from "@assets/sticker.gif"; +--- + + diff --git a/src/layouts/index.astro b/src/layouts/index.astro index 75df7f0..96b1862 100644 --- a/src/layouts/index.astro +++ b/src/layouts/index.astro @@ -1,13 +1,11 @@ --- import "./index.css"; import icon from "@assets/icon.png"; +import Sticker from "@components/sticker.astro"; +import type { HTMLAttributes } from "astro/types"; -type Props = { - title?: string; - class?: string; -}; - -const { title, class: className } = Astro.props; +type Props = HTMLAttributes<"body"> & { title?: string }; +const { title, class: className, ...props } = Astro.props; --- @@ -37,7 +35,11 @@ const { title, class: className } = Astro.props; data-domain="lua.re" src="https://track.lua.re/js/script.js"> - + + diff --git a/src/pages/index.astro b/src/pages/index.astro index 2503c84..7920117 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,5 +1,6 @@ --- import Layout from "@layouts/index.astro"; +import Card from "@components/card.astro"; import Image from "@components/image.astro"; import miku from "@assets/miku.jpg"; import gato from "@assets/gato.jpg"; @@ -9,7 +10,7 @@ const links = { twt: { alt: "Twitter", href: "https://twitter.com/luanekos" }, mail: { alt: "Email", href: "mailto:lumi(at)lua.re" }, pgp: { - alt: "PGP", + alt: "PGP Key", href: "https://git.lua.re/luaneko/.profile/raw/branch/master/luaneko.pgp.pub", }, // bsky: { alt: "Bluesky", href: "https://bsky.app/profile/lua.re" }, @@ -17,9 +18,7 @@ const links = { --- -
+ 
{
 `   ∧...∧  𝜗𝜚
  (  ̳• · • ̳)   ᭢
@@ -27,7 +26,7 @@ const links = {
    }

hi i'm luaneko ^^

this is my site where i put a bunch of random stuff !

-

+ 

{
 `          へ     ╱ 、
     ૮  -   ՛ )  (˚ˎ 。7
@@ -35,9 +34,9 @@ const links = {
 乀(ˍ, ل ل  じしˍ,)ノ`
    }

i love cats they miau miau

-

+

best way to contact me is by twt or mail {`<3`}

-
+