changed info layout, updated socials

This commit is contained in:
liyunze 2025-01-03 13:47:19 +08:00
parent 788930ec7e
commit 170a9b04b2
6 changed files with 42 additions and 31 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View file

@ -2,10 +2,11 @@
interface Props {
title: string;
description: string;
thumbnail: string;
thumbnail?: string | null;
metaURL: string;
}
const { title, description, thumbnail } = Astro.props;
const { title, description, thumbnail, metaURL } = Astro.props;
---
<!doctype html>
@ -22,15 +23,23 @@ const { title, description, thumbnail } = Astro.props;
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<!-- "X" meta tags -->
<meta name="twitter:image" content={thumbnail} />
{
thumbnail && (
<>
<meta name="twitter:image" content={thumbnail} />
<meta name="og:image" content={thumbnail} />
</>
)
}
<meta name="twitter:site" content="@RythonDev" />
<meta name="twitter:title" content={title} />
<meta name="twitter:description" content={description} />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@RythonDev" />
<meta name="og:image" content={thumbnail} />
<meta name="og:description" content={description} />
<meta name="og:url" content="https://rython.dev/live" />
<meta name="og:url" content={metaURL} />
<meta name="og:type" content="website" />
<meta name="generator" content={Astro.generator} />

View file

@ -1,9 +1,13 @@
---
import Layout from "../layouts/Layout.astro";
import InfoLayout from "../layouts/InfoLayout.astro";
---
<Layout title="Discord" description="Join Ryan's Discord server!">
<script is:inline>
window.location.href = " https://discord.gg/UnHyHkhbga";
</script>
</Layout>
<InfoLayout
title="RythonDev Discord Server"
description="Come join Ryan's Room for tech support or chaotic vibes!"
metaURL="https://rython.dev/discord"
/>
<script is:inline>
window.location.href = "https://discord.gg/UnHyHkhbga";
</script>

View file

@ -1,11 +1,12 @@
---
import StreamLiveLayout from "../layouts/StreamLiveLayout.astro";
import InfoLayout from "../layouts/InfoLayout.astro";
---
<StreamLiveLayout
<InfoLayout
title="RythonDev's Software Dev + Coworking Stream"
description="Come sit at the table with us! We can chill, nerd out, and enjoy good vibes together!"
thumbnail="/images/stream-live-thumbnail.webp"
metaURL="https://rython.dev/live"
/>
<script is:inline>

View file

@ -1,12 +1,14 @@
---
import Layout from "../layouts/Layout.astro";
import InfoLayout from "../layouts/InfoLayout.astro";
---
<Layout
title="OnlyFans"
description="UWU 💦 NYA MEOW SEXY TIME 🕓 ! RYAN IS 😗♻ HERE 🚢💪 TO 💦✌ EAT 😩🗣 YOUR 👉 TOES 👣 NOM NOM JUST KIDDING UWU 💦"
>
<script is:inline>
window.location.href = "https://youtu.be/dQw4w9WgXcQ";
</script>
</Layout>
<InfoLayout
title="OnlyFans"
description="UWU 💦 NYA MEOW SEXY TIME 🕓 ! RYAN IS 😗♻ HERE 🚢💪 TO 💦✌ EAT 😩🗣 YOUR 👉 TOES 👣 NOM NOM JUST KIDDING UWU 💦"
metaURL="https://rython.dev/onlyfans"
thumbnail="/images/of-logo-b.webp"
/>
<script is:inline>
window.location.href = "https://youtu.be/dQw4w9WgXcQ";
</script>

View file

@ -14,7 +14,7 @@ import Footer from "../components/sections/FooterComponent.astro";
<div
id="intro"
class="social-card col-span-2 md:col-span-3 lg:col-span-4
h-[400px] md:h-[280px]"
h-[450px] md:h-[280px]"
>
<div
class="social-card-content flex flex-col md:flex-row md:justify-between md:gap-3 bg-cover bg-center"
@ -665,10 +665,7 @@ import Footer from "../components/sections/FooterComponent.astro";
</a>
<div class="opacity-0 hidden md:block lg:hidden"></div>
<!-- Bluesky -->
<a
href="https://bsky.app/profile/rython.dev"
target="_blank"
>
<a href="https://bsky.app/profile/rython.dev" target="_blank">
<div class="social-card">
<div
class="social-card-content flex flex-col justify-between items-start group"
@ -706,15 +703,13 @@ import Footer from "../components/sections/FooterComponent.astro";
</div>
<div>
<h2 class="font-bold text-xl">Bluesky</h2>
<p class="text-[#ccc]">
@rython.dev
</p>
<p class="text-[#ccc]">@rython.dev</p>
</div>
</div>
</div>
</a>
</div>
<div class="ml-auto mt-10 w-fit">
<div class="mx-auto md:ml-auto mt-10 w-fit">
Hover Light effect by
<a
class="underline text-white hover:text-blue-500"