System-End/daydream-phoenix
1
0
Fork 0
mirror of https://github.com/System-End/daydream-phoenix.git synced 2026-04-19 16:28:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add metadata

Browse source
This commit is contained in:
Gus Ruben 2025-07-29 01:41:10 -04:00
parent 93d4505fce
commit fe67e92f43
3 changed files with 76 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/routes/+page.svelte
View file

@ -581,11 +581,41 @@ Mumbai`.split("\n")
}
</style>
<svelte:head>
<title>Daydream</title>
<title>Daydream - Teen Game Jam by Hack Club</title>
<meta name="description" content="Join Daydream, the worldwide teen-led game jam by Hack Club! 4,000+ hackers building games in 100+ cities. Sign up to organize or participate in your city." />
<meta name="keywords" content="game jam, hackathon, teen coding, Hack Club, game development, teen programming, high school coding" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://daydream.hackclub.com" />
<meta property="og:title" content="Daydream - Teen Game Jam by Hack Club" />
<meta property="og:description" content="Join Daydream, the worldwide teen-led game jam by Hack Club! 4,000+ hackers building games in 100+ cities. Sign up to organize or participate in your city." />
<meta property="og:image" content="https://daydream.hackclub.com/og-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:site_name" content="Daydream" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://daydream.hackclub.com" />
<meta property="twitter:title" content="Daydream - Teen Game Jam by Hack Club" />
<meta property="twitter:description" content="Join Daydream, the worldwide teen-led game jam by Hack Club! 4,000+ hackers building games in 100+ cities. Sign up to organize or participate in your city." />
<meta property="twitter:image" content="https://daydream.hackclub.com/og-image.png" />
<meta property="twitter:creator" content="@hackclub" />
<meta property="twitter:site" content="@hackclub" />
<!-- Additional SEO -->
<meta name="robots" content="index, follow" />
<meta name="author" content="Hack Club" />
<link rel="canonical" href="https://daydream.hackclub.com" />
<!-- Analytics -->
<script defer data-domain="daydream.hackclub.com" src="https://plausible.io/js/script.js"></script>
</svelte:head>
<div class="absolute top-0 left-0 w-full h-full bg-[url('brushstroking.png')] bg-size-[100vw_100vh] bg-repeat mix-blend-overlay opacity-60 pointer-events-none"></div>
<div class="flex flex-col items-center justify-center h-screen text-center bg-gradient-to-b from-[#CCF4FD] to-[#B8D9F8] bg-blend-overlay relative">

51
src/routes/example/+page.svelte
View file

@ -1,9 +1,4 @@
<script lang="ts">
import { onMount } from "svelte";
import { gsap } from "gsap";
import { ScrollTrigger } from "gsap/ScrollTrigger";
import ParticipantSignUp from "$lib/components/ParticipantSignUp.svelte";
/**
* This is the template site! Create a copy of this folder (src/routes/example)
* and rename it to whatever you want your URL to be.
@ -55,9 +50,23 @@
]
}
};
import { onMount } from "svelte";
import { gsap } from "gsap";
import { ScrollTrigger } from "gsap/ScrollTrigger";
import ParticipantSignUp from "$lib/components/ParticipantSignUp.svelte";
import { page } from '$app/stores';
/** @type {import('./$types').PageData} */
export let data;
// Get current URL for dynamic metadata
$: currentUrl = `https://daydream.hackclub.com${$page.url.pathname}`;
$: pageTitle = `Daydream ${eventName} - ${eventLocation} Game Jam`;
$: pageDescription = `Join Daydream ${eventName} in ${eventLocation}! A teen-led game jam where you'll build amazing games with other high schoolers. Food, workshops, and prizes included!`;
$: pageKeywords = `game jam, hackathon, teen coding, Hack Club, game development, ${eventLocation}, ${eventName}`;
// Cities where the game jam is happening
const cities = `Columbus
@ -715,11 +724,41 @@ Mumbai`.split("\n")
}
</style>
<svelte:head>
<title>Daydream</title>
<title>{pageTitle}</title>
<meta name="description" content={pageDescription} />
<meta name="keywords" content={pageKeywords} />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content={currentUrl} />
<meta property="og:title" content={pageTitle} />
<meta property="og:description" content={pageDescription} />
<meta property="og:image" content="https://daydream.hackclub.com/og.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:site_name" content="Daydream" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content={currentUrl} />
<meta property="twitter:title" content={pageTitle} />
<meta property="twitter:description" content={pageDescription} />
<meta property="twitter:image" content="https://daydream.hackclub.com/og-image.png" />
<meta property="twitter:creator" content="@hackclub" />
<meta property="twitter:site" content="@hackclub" />
<!-- Additional SEO -->
<meta name="robots" content="index, follow" />
<meta name="author" content="Hack Club" />
<link rel="canonical" href={currentUrl} />
<!-- Analytics -->
<script defer data-domain="daydream.hackclub.com" src="https://plausible.io/js/script.js"></script>
</svelte:head>
<div class="absolute top-0 left-0 w-full h-full bg-[url('brushstroking.png')] bg-size-[100vw_100vh] bg-repeat mix-blend-overlay opacity-60 pointer-events-none"></div>
<div class="flex flex-col items-center justify-center h-screen text-center bg-gradient-to-b from-[#CCF4FD] to-[#B8D9F8] bg-blend-overlay relative">

BIN
static/og-image.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 632 KiB