SailorZoop/ZoeysBits
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fixed Teams | LibreBun title and separated meta tags per page.

Browse source
This commit is contained in:
Zoey 2025-03-04 20:36:48 +01:00
parent c5e801c8cc
commit e57ca5e4ff
Signed by: SailorZoop
GPG key ID: 854F554AFF0A96D1
8 changed files with 318 additions and 134 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/routes/+error.svelte
View file

@ -1,5 +1,30 @@
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1, viewport-fit=cover"
/>
<meta name="referrer" content="origin-when-cross-origin" />
<meta name="application-name" content="LibreBun" />
<link rel="apple-touch-icon" href="/favicon.png" />
<meta name="theme-color" content="#763568" />
<meta property="og:site_name" content="404 | LibreBun" />
<meta property="og:title" content="404 | LibreBun" />
<meta name="twitter:title" content="404 | LibreBun" />
<meta name="description" content="Somebunny lost it. 404" />
<meta name="og:description" content="Somebunny lost it. 404" />
<meta name="twitter:description" content="Somebunny lost it. 404" />
<meta property="og:url" content="https://librebun.com" />
<meta name="twitter:url" content="https://librebun.com" />
<link rel="icon" type="image/png" sizes="32x32" href="https://librebun.com/favicon.png" />
<meta property="og:image" content="https://librebun.com/assets/librebun-metaimage.png" />
<meta property="twitter:image" content="https://librebun.com/assets/librebun-metaimage.png" />
<meta name="twitter:site" content="@librebun" />
<meta name="twitter:card" content="summary_large_image" />
<title>404 | LibreBun</title>
<body class="flex"> <body class="flex">
<div class="flex-grow text-center content-center"> <div class="flex-grow content-center text-center">
<h1 class="text-4xl">404</h1> <h1 class="text-4xl">404</h1>
<h1 class="text-xl">Looks like this page doesn't exist.</h1> <h1 class="text-xl">Looks like this page doesn't exist.</h1>
</div> </div>

10
src/routes/+layout.svelte
View file

@ -14,16 +14,6 @@
src="https://umami.librebun.com/script.js" src="https://umami.librebun.com/script.js"
></script> ></script>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>
<meta charset="utf-8" />
<link rel="icon" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta content="#763568" data-react-helmet="true" name="theme-color" />
<meta content="LibreBun" property="og:title" />
<meta content="Somebunny's gotta do it." property="og:description" />
<meta content="https://librebun.com/" property="og:url" />
<meta content="https://librebun.com/favicon.png" property="og:image" />
<meta name="description" content="Somebunny's gotta do it." />
<link rel="apple-touch-icon" href="/favicon.png" />
</svelte:head> </svelte:head>
<main class="mx-auto flex min-h-screen w-screen flex-col"> <main class="mx-auto flex min-h-screen w-screen flex-col">

25
src/routes/+page.svelte
View file

@ -1,3 +1,28 @@
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1, viewport-fit=cover"
/>
<meta name="referrer" content="origin-when-cross-origin" />
<meta name="application-name" content="LibreBun" />
<link rel="apple-touch-icon" href="/favicon.png" />
<meta name="theme-color" content="#763568" />
<meta property="og:site_name" content="LibreBun" />
<meta property="og:title" content="LibreBun" />
<meta name="twitter:title" content="LibreBun" />
<meta name="description" content="Somebunny's gotta do it." />
<meta name="og:description" content="Somebunny's gotta do it." />
<meta name="twitter:description" content="Somebunny's gotta do it." />
<meta property="og:url" content="https://librebun.com" />
<meta name="twitter:url" content="https://librebun.com" />
<link rel="icon" type="image/png" sizes="32x32" href="https://librebun.com/favicon.png" />
<meta property="og:image" content="https://librebun.com/assets/librebun-metaimage.png" />
<meta property="twitter:image" content="https://librebun.com/assets/librebun-metaimage.png" />
<meta name="twitter:site" content="@librebun" />
<meta name="twitter:card" content="summary_large_image" />
<title>LibreBun</title>
<main class="flex-grow"> <main class="flex-grow">
<title>LibreBun</title> <title>LibreBun</title>
<div class="flex flex-col text-center"> <div class="flex flex-col text-center">

26
src/routes/blog/+page.svelte
View file

@ -3,8 +3,32 @@
export let data; export let data;
</script> </script>
<main class="flex flex-grow"> <meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1, viewport-fit=cover"
/>
<meta name="referrer" content="origin-when-cross-origin" />
<meta name="application-name" content="LibreBun" />
<link rel="apple-touch-icon" href="/favicon.png" />
<meta name="theme-color" content="#763568" />
<meta property="og:site_name" content="Blog | LibreBun" />
<meta property="og:title" content="Blog | LibreBun" />
<meta name="twitter:title" content="Blog | LibreBun" />
<meta name="description" content="Somebunny's gotta write about it." />
<meta name="og:description" content="Somebunny's gotta write about it." />
<meta name="twitter:description" content="Somebunny's gotta write about it." />
<meta property="og:url" content="https://librebun.com" />
<meta name="twitter:url" content="https://librebun.com" />
<link rel="icon" type="image/png" sizes="32x32" href="https://librebun.com/favicon.png" />
<meta property="og:image" content="https://librebun.com/assets/librebun-metaimage.png" />
<meta property="twitter:image" content="https://librebun.com/assets/librebun-metaimage.png" />
<meta name="twitter:site" content="@librebun" />
<meta name="twitter:card" content="summary_large_image" />
<title>Blog | LibreBun</title> <title>Blog | LibreBun</title>
<main class="flex flex-grow">
<div class="mx-auto mt-15 justify-center"> <div class="mx-auto mt-15 justify-center">
<p class="text-center text-6xl">All blog posts.</p> <p class="text-center text-6xl">All blog posts.</p>
<p class="mt-5 text-center text-2xl">WIP</p> <p class="mt-5 text-center text-2xl">WIP</p>

26
src/routes/blog/[slug]/+page.svelte
View file

@ -4,12 +4,30 @@
const { title, date, author, tags, Content, update } = data; const { title, date, author, tags, Content, update } = data;
</script> </script>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="title" content={title} />
<meta name="description" content="Post from {author} on LibreBun" />
<meta name="keywords" content={tags} /> <meta name="keywords" content={tags} />
<meta name="robots" content="index, follow" /> <meta name="robots" content="index, follow" />
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1, viewport-fit=cover"
/>
<meta name="referrer" content="origin-when-cross-origin" />
<meta name="application-name" content="LibreBun" />
<link rel="apple-touch-icon" href="/favicon.png" />
<meta name="theme-color" content="#000000" />
<meta property="og:site_name" content="LibreBun" />
<meta property="og:title" content="{title} | LibreBun" />
<meta name="twitter:title" content="{title} | LibreBun" />
<meta name="description" content="Post from {author} on LibreBun" />
<meta name="og:description" content="Post from {author} on LibreBun" />
<meta name="twitter:description" content="Post from {author} on LibreBun" />
<meta property="og:url" content="https://librebun.com" />
<meta name="twitter:url" content="https://librebun.com" />
<meta property="og:image" content="https://librebun.com/assets/logo.png" />
<meta property="twitter:image" content="https://librebun.com/assets/logo.png" />
<meta name="twitter:site" content="@librebun" />
<meta name="twitter:card" content="summary_large_image" />
<title>{title} | LibreBun</title> <title>{title} | LibreBun</title>
<article class="mx-25 mt-15 flex flex-grow flex-col"> <article class="mx-25 mt-15 flex flex-grow flex-col">

219
src/routes/services/+page.svelte
View file

@ -1,3 +1,151 @@
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1, viewport-fit=cover"
/>
<meta name="referrer" content="origin-when-cross-origin" />
<meta name="application-name" content="LibreBun" />
<link rel="apple-touch-icon" href="/favicon.png" />
<meta name="theme-color" content="#000000" />
<meta property="og:site_name" content="Services | LibreBun" />
<meta property="og:title" content="Services | LibreBun" />
<meta name="twitter:title" content="Services | LibreBun" />
<meta name="description" content="Somebunny's gotta run it." />
<meta name="og:description" content="Somebunny's gotta run it." />
<meta name="twitter:description" content="Somebunny's gotta run it." />
<meta property="og:url" content="https://librebun.com" />
<meta name="twitter:url" content="https://librebun.com" />
<link rel="icon" type="image/png" sizes="32x32" href="https://librebun.com/favicon.png" />
<meta property="og:image" content="https://librebun.com/assets/librebun-metaimage.png" />
<meta property="twitter:image" content="https://librebun.com/assets/librebun-metaimage.png" />
<meta name="twitter:site" content="@librebun" />
<meta name="twitter:card" content="summary_large_image" />
<title>Services | LibreBun</title>
<main class="flex flex-grow">
<div class="mt-5 flex flex-grow flex-col content-center items-center object-center text-left">
<p class="mt-10 mb-5 flex h-20 rounded-md p-4 text-4xl shadow-md backdrop-brightness-75">
Publicly accessible services.
</p>
<div class="mx-5 mt-5 flex flex-row items-center">
<div class="flex h-fit flex-grow">
<div class="mx-2 my-2 flex-col gap-4">
<a
href="https://git.librebun.com/"
target="_blank"
rel="noopener noreferrer"
class="LogoBoxesPub flex rounded-md p-1 shadow-md backdrop-brightness-75"
>
<img class="Logos" draggable="false" src="/assets/logos/forgejologo.svg" alt="Memos" />
<p class="PubP mx-2 self-center">Forgejo</p>
</a>
<a
href="https://lemmy.librebun.com/"
target="_blank"
rel="noopener noreferrer"
class="LogoBoxesPub flex rounded-md p-1 shadow-md backdrop-brightness-75"
>
<img class="Logos" draggable="false" src="/assets/logos/lemmylogo.svg" alt="Lemmy" />
<p class="PubP mx-2 self-center">Lemmy</p>
</a>
<a
href="https://clips.librebun.com/"
target="_blank"
rel="noopener noreferrer"
class="LogoBoxesPub flex rounded-md p-1 shadow-md backdrop-brightness-75"
>
<img
class="Logos"
draggable="false"
src="/assets/logos/firesharelogo.png"
alt="Fireshare"
/>
<p class="PubP mx-2 self-center">Fireshare</p>
</a>
<a
href="https://memos.librebun.com/"
target="_blank"
rel="noopener noreferrer"
class="LogoBoxesPub flex rounded-md p-1 shadow-md backdrop-brightness-75"
>
<img class="Logos" draggable="false" src="/assets/logos/memoslogo.png" alt="Memos" />
<p class="PubP mx-2 self-center">Memos</p>
</a>
<a
href="https://send.librebun.com/"
target="_blank"
rel="noopener noreferrer"
class="LogoBoxesPub flex rounded-md p-1 opacity-20 shadow-md backdrop-brightness-75"
>
<img class="Logos" draggable="false" src="/assets/logos/sendlogo.svg" alt="Send" />
<p class="PubP mx-2 self-center">Send</p>
</a>
<a
href="https://cast.librebun.com/"
target="_blank"
rel="noopener noreferrer"
class="LogoBoxesPub flex rounded-md p-1 shadow-md backdrop-brightness-75"
>
<img
class="Logos"
draggable="false"
src="/assets/logos/owncastlogo.png"
alt="Owncast"
/>
<p class="PubP mx-2 self-center">Owncast</p>
</a>
</div>
</div>
<div class="ml-5 flex h-fit flex-grow">
<div class="text-sm">
<p class="TextBoxesPub PubT">
A Git forge, registrations need to be approved first.
<a href="https://status.librebun.com">
<img src="https://status.librebun.com/api/badge/7/status" alt="Status" class="mt-7" />
</a>
</p>
<p class="TextBoxesPub PubT">
A decentralized ActivityPub Reddit alternative (LibreBun instance).
<a href="https://status.librebun.com">
<img
src="https://status.librebun.com/api/badge/11/status"
alt="Status"
class="mt-7"
/>
</a>
</p>
<p class="TextBoxesPub PubT">
A videoclip sharing site.
<a href="https://status.librebun.com">
<img src="https://status.librebun.com/api/badge/2/status" alt="Status" class="mt-7" />
</a>
</p>
<p class="TextBoxesPub PubT">
A notetaking app in the style of microblogging platforms.
<a href="https://status.librebun.com">
<img src="https://status.librebun.com/api/badge/6/status" alt="Status" class="mt-7" />
</a>
</p>
<p class="TextBoxesPub PubT">
Firefox Send. Currently down out of storage space concerns. (No auth)
<a href="https://status.librebun.com">
<img src="https://status.librebun.com/api/badge/4/status" alt="Status" class="mt-7" />
</a>
</p>
<p class="TextBoxesPub PubT">
Owncast, a selfhosted Twitch alternative with ActivityPub support.<br /> You can catch
me here sometimes.
<a href="https://status.librebun.com">
<img src="https://status.librebun.com/api/badge/3/status" alt="Status" class="mt-2" />
</a>
</p>
</div>
</div>
</div>
</div>
</main>
<style> <style>
.LogoBoxesPub { .LogoBoxesPub {
height: 75px; height: 75px;
@ -44,74 +192,3 @@
pointer-events: none; pointer-events: none;
} }
</style> </style>
<main class="flex flex-grow">
<title>Services | LibreBun</title>
<div class="mt-5 flex flex-col flex-grow content-center text-left object-center items-center">
<p class="mt-10 mb-5 text-4xl backdrop-brightness-75 shadow-md rounded-md p-4 flex h-20">Publicly accessible services.</p>
<div class="flex flex-row items-center mx-5 mt-5">
<div class="flex flex-grow h-fit">
<div class='flex-col gap-4 mx-2 my-2'>
<a href='https://git.librebun.com/' target='_blank' rel='noopener noreferrer' class='backdrop-brightness-75 shadow-md rounded-md p-1 flex LogoBoxesPub'>
<img class='Logos' draggable='false' src='/assets/logos/forgejologo.svg' alt='Memos' />
<p class='self-center mx-2 PubP'>Forgejo</p>
</a>
<a href='https://lemmy.librebun.com/' target='_blank' rel='noopener noreferrer' class='backdrop-brightness-75 shadow-md rounded-md p-1 flex LogoBoxesPub'>
<img class='Logos' draggable='false' src='/assets/logos/lemmylogo.svg' alt='Lemmy' />
<p class='self-center mx-2 PubP'>Lemmy</p>
</a>
<a href='https://clips.librebun.com/' target='_blank' rel='noopener noreferrer' class='backdrop-brightness-75 shadow-md rounded-md p-1 flex LogoBoxesPub'>
<img class='Logos' draggable='false' src='/assets/logos/firesharelogo.png' alt='Fireshare' />
<p class='self-center mx-2 PubP'>Fireshare</p>
</a>
<a href='https://memos.librebun.com/' target='_blank' rel='noopener noreferrer' class='backdrop-brightness-75 shadow-md rounded-md p-1 flex LogoBoxesPub'>
<img class='Logos' draggable='false' src='/assets/logos/memoslogo.png' alt='Memos' />
<p class='self-center mx-2 PubP'>Memos</p>
</a>
<a href='https://send.librebun.com/' target='_blank' rel='noopener noreferrer' class='backdrop-brightness-75 shadow-md rounded-md p-1 flex opacity-20 LogoBoxesPub'>
<img class='Logos' draggable='false' src='/assets/logos/sendlogo.svg' alt='Send' />
<p class='self-center mx-2 PubP'>Send</p>
</a>
<a href='https://cast.librebun.com/' target='_blank' rel='noopener noreferrer' class='backdrop-brightness-75 shadow-md rounded-md p-1 flex LogoBoxesPub'>
<img class='Logos' draggable='false' src='/assets/logos/owncastlogo.png' alt='Owncast' />
<p class='self-center mx-2 PubP'>Owncast</p>
</a>
</div>
</div>
<div class="flex flex-grow h-fit ml-5">
<div class='text-sm'>
<p class='TextBoxesPub PubT'>A Git forge, registrations need to be approved first.
<a href="https://status.librebun.com">
<img src="https://status.librebun.com/api/badge/7/status" alt="Status" class="mt-7"/>
</a>
</p>
<p class='TextBoxesPub PubT'>A decentralized ActivityPub Reddit alternative (LibreBun instance).
<a href="https://status.librebun.com">
<img src="https://status.librebun.com/api/badge/11/status" alt="Status" class="mt-7"/>
</a>
</p>
<p class='TextBoxesPub PubT'>A videoclip sharing site.
<a href="https://status.librebun.com">
<img src="https://status.librebun.com/api/badge/2/status" alt="Status" class="mt-7"/>
</a>
</p>
<p class='TextBoxesPub PubT'>A notetaking app in the style of microblogging platforms.
<a href="https://status.librebun.com">
<img src="https://status.librebun.com/api/badge/6/status" alt="Status" class="mt-7"/>
</a>
</p>
<p class='TextBoxesPub PubT'>Firefox Send. Currently down out of storage space concerns. (No auth)
<a href="https://status.librebun.com">
<img src="https://status.librebun.com/api/badge/4/status" alt="Status" class="mt-7"/>
</a>
</p>
<p class='TextBoxesPub PubT'>Owncast, a selfhosted Twitch alternative with ActivityPub support.<br> You can catch me here sometimes.
<a href="https://status.librebun.com">
<img src="https://status.librebun.com/api/badge/3/status" alt="Status" class="mt-2"/>
</a>
</p>
</div>
</div>
</div>
</div>
</main>

25
src/routes/team/+page.svelte
View file

@ -1,3 +1,28 @@
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1, viewport-fit=cover"
/>
<meta name="referrer" content="origin-when-cross-origin" />
<meta name="application-name" content="LibreBun" />
<link rel="apple-touch-icon" href="/favicon.png" />
<meta name="theme-color" content="#000000" />
<meta property="og:site_name" content="Team | LibreBun" />
<meta property="og:title" content="Team | LibreBun" />
<meta name="twitter:title" content="Team | LibreBun" />
<meta name="description" content="Somebunny's gotta do it all." />
<meta name="og:description" content="Somebunny's gotta do it all." />
<meta name="twitter:description" content="Somebunny's gotta do it all." />
<meta property="og:url" content="https://librebun.com" />
<meta name="twitter:url" content="https://librebun.com" />
<link rel="icon" type="image/png" sizes="32x32" href="https://librebun.com/favicon.png" />
<meta property="og:image" content="https://librebun.com/assets/librebun-metaimage.png" />
<meta property="twitter:image" content="https://librebun.com/assets/librebun-metaimage.png" />
<meta name="twitter:site" content="@librebun" />
<meta name="twitter:card" content="summary_large_image" />
<title>Team | LibreBun</title>
<main class="flex flex-grow"> <main class="flex flex-grow">
<div class="container mx-auto mt-10 text-center"> <div class="container mx-auto mt-10 text-center">
<h1 class="text-6xl">The Team.</h1> <h1 class="text-6xl">The Team.</h1>

BIN
static/assets/librebun-metaimage.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 126 KiB