luaneko/lua.re
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update layout
All checks were successful
Deploy website / deploy (push) Successful in 18s
Details

Browse Source
This commit is contained in:
lumi 2025-08-11 18:44:17 +10:00
parent 5fc6dafbbb
commit 6d78593615
Signed by: luaneko
GPG Key ID: 406809B8763FF07A
6 changed files with 29 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/banner.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

2
src/components/card.astro
View File

@ -7,7 +7,7 @@ const { tag: Tag = "section", class: className, ...props } = Astro.props;
<Tag <Tag
class:list={[ class:list={[
"relative px-5 py-4 min-w-0 min-h-0 overflow-scroll", "relative px-5 py-4 min-w-0 min-h-0 overflow-scroll",
"bg-white shadow-xs rounded-xl", "bg-white rounded-lg shadow-xs",
className, className,
]} ]}
{...props} {...props}

2
src/components/image.astro
View File

@ -18,7 +18,7 @@ const {
<style> <style>
.image { .image {
background-size: contain; background-size: cover;
background-position: center; background-position: center;
} }
</style> </style>

11
src/components/sticker.astro
View File

@ -1,11 +0,0 @@
---
import Image from "@components/image.astro";
import sticker from "@assets/sticker.gif";
---
<Image
tag="aside"
class="fixed -bottom-14 right-0 -rotate-10 opacity-10 -z-10 w-48 pointer-events-none"
format="webp"
src={sticker}
/>

18
src/layouts/index.astro
View File

@ -1,7 +1,8 @@
--- ---
import "./index.css"; import "./index.css";
import icon from "@assets/icon.png"; import icon from "@assets/icon.png";
import Sticker from "@components/sticker.astro"; import sticker from "@assets/sticker.gif";
import Image from "@components/image.astro";
import type { HTMLAttributes } from "astro/types"; import type { HTMLAttributes } from "astro/types";
type Props = HTMLAttributes<"body"> & { title?: string }; type Props = HTMLAttributes<"body"> & { title?: string };
@ -36,10 +37,21 @@ const { title, class: className, ...props } = Astro.props;
src="https://track.lua.re/js/script.js"></script> src="https://track.lua.re/js/script.js"></script>
</head> </head>
<body <body
class:list={["max-w-screen-sm mx-auto p-4 flex flex-col", className]} class:list={[
"relative max-w-screen-sm mx-auto p-4 flex flex-col",
className,
]}
{...props} {...props}
> >
<slot /> <slot />
<Sticker /> <Image
tag="aside"
class:list={[
"fixed pointer-events-none -z-10 -bottom-14 right-0 -rotate-10 opacity-10 w-48",
"hidden sm:block",
]}
format="webp"
src={sticker}
/>
</body> </body>
</html> </html>

21
src/pages/index.astro
View File

@ -18,27 +18,30 @@ const links = {
--- ---
<Layout class="max-h-screen"> <Layout class="max-h-screen">
<Card tag="main" class="flex flex-col space-y-2"> <Card tag="main" class="space-y-3">
<h1 class="hidden"><a href="/" title="lua.re">lua.re</a></h1>
<pre>{ <pre>{
` ∧...∧ 𝜗𝜚 ` ∧...∧ 𝜗𝜚
( ̳• · • ̳) ᭢ ( ̳• · • ̳) ᭢
/ づ //// ⋆.⁺₊` / づ //// ⋆.⁺₊`
}</pre> }</pre>
<p>hi i'm luaneko ^^</p> <p>
<p>this is my site where i put a bunch of random stuff !</p> hi i'm luaneko ^^<br />
<p><Image src={miku} class="block rounded-lg max-w-80" /></p> this is my site where i put a bunch of random stuff !<br />
</p>
<Image tag="p" src={miku} class="rounded-lg max-w-80" />
<pre>{ <pre>{
` へ ╱ 、 ` へ ╱ 、
૮ - ՛ ) (˚ˎ 。7 ૮ - ՛ ) (˚ˎ 。7
/ ⁻ ៸| |、˜〵 ᢉ𐭩 p&g / ⁻ ៸| |、˜〵 ᢉ𐭩 p&g
乀(ˍ, ل ل じしˍ,)ノ` 乀(ˍ, ل ل じしˍ,)ノ`
}</pre> }</pre>
<p>i love cats they miau miau</p> <p>i love cats they go miau miau<br /></p>
<p><Image src={gato} class="block rounded-lg max-w-60" /></p> <Image tag="p" src={gato} class="block rounded-lg max-w-60" />
<p>best way to contact me is by twt or mail {`<3`}</p> <p>best way to contact me is by twt or mail {`<3`}<br /></p>
</Card> </Card>
<footer class="flex flex-row space-x-1 my-2 text-sm"> <footer class="flex flex-row space-x-1 mt-3 text-sm">
{ {
Object.entries(links).map(([name, { alt, href }], i) => [ Object.entries(links).map(([name, { alt, href }], i) => [
i ? <span>·</span> : null, i ? <span>·</span> : null,