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

33
src/routes/+error.svelte
View file

@ -1,6 +1,31 @@
<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>
</body> </body>

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>
<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>
<main class="flex flex-grow"> <main class="flex flex-grow">
<title>Blog | LibreBun</title>
<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">

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

@ -1,117 +1,194 @@
<style> <meta charset="UTF-8" />
.LogoBoxesPub { <meta
height: 75px; name="viewport"
justify-content: center; content="width=device-width, initial-scale=1, minimum-scale=1, viewport-fit=cover"
align-items: left; />
margin-top: 10px; <meta name="referrer" content="origin-when-cross-origin" />
min-width: 200px; <meta name="application-name" content="LibreBun" />
box-shadow: 0px 4px 1px cyan; <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" />
.TextBoxesPub { <title>Services | LibreBun</title>
height: 75px;
justify-content: left;
font-size: small;
flex-wrap: wrap;
align-items: left;
margin-top: 10px;
min-width: 200px;
pointer-events: all;
}
.LogoBoxesPub {
transition: transform 0.25s ease;
}
.LogoBoxesPub:hover {
transform: scale(1.1) rotate(-1deg);
animation: LogoHoverAnim 0.1s ease-in-out;
}
.PubP {
font-size: larger;
user-select: none;
}
.PubT {
font-size: larger;
}
.Logos {
width: 60px;
height: 60px;
user-select: none;
pointer-events: none;
}
</style>
<main class="flex flex-grow"> <main class="flex flex-grow">
<title>Services | LibreBun</title> <div class="mt-5 flex flex-grow flex-col content-center items-center object-center text-left">
<div class="mt-5 flex flex-col flex-grow content-center text-left object-center items-center"> <p class="mt-10 mb-5 flex h-20 rounded-md p-4 text-4xl shadow-md backdrop-brightness-75">
<p class="mt-10 mb-5 text-4xl backdrop-brightness-75 shadow-md rounded-md p-4 flex h-20">Publicly accessible services.</p> Publicly accessible services.
<div class="flex flex-row items-center mx-5 mt-5"> </p>
<div class="flex flex-grow h-fit"> <div class="mx-5 mt-5 flex flex-row items-center">
<div class='flex-col gap-4 mx-2 my-2'> <div class="flex h-fit flex-grow">
<a href='https://git.librebun.com/' target='_blank' rel='noopener noreferrer' class='backdrop-brightness-75 shadow-md rounded-md p-1 flex LogoBoxesPub'> <div class="mx-2 my-2 flex-col gap-4">
<img class='Logos' draggable='false' src='/assets/logos/forgejologo.svg' alt='Memos' /> <a
<p class='self-center mx-2 PubP'>Forgejo</p> href="https://git.librebun.com/"
</a> target="_blank"
<a href='https://lemmy.librebun.com/' target='_blank' rel='noopener noreferrer' class='backdrop-brightness-75 shadow-md rounded-md p-1 flex LogoBoxesPub'> rel="noopener noreferrer"
<img class='Logos' draggable='false' src='/assets/logos/lemmylogo.svg' alt='Lemmy' /> class="LogoBoxesPub flex rounded-md p-1 shadow-md backdrop-brightness-75"
<p class='self-center mx-2 PubP'>Lemmy</p> >
</a> <img class="Logos" draggable="false" src="/assets/logos/forgejologo.svg" alt="Memos" />
<a href='https://clips.librebun.com/' target='_blank' rel='noopener noreferrer' class='backdrop-brightness-75 shadow-md rounded-md p-1 flex LogoBoxesPub'> <p class="PubP mx-2 self-center">Forgejo</p>
<img class='Logos' draggable='false' src='/assets/logos/firesharelogo.png' alt='Fireshare' /> </a>
<p class='self-center mx-2 PubP'>Fireshare</p> <a
</a> href="https://lemmy.librebun.com/"
<a href='https://memos.librebun.com/' target='_blank' rel='noopener noreferrer' class='backdrop-brightness-75 shadow-md rounded-md p-1 flex LogoBoxesPub'> target="_blank"
<img class='Logos' draggable='false' src='/assets/logos/memoslogo.png' alt='Memos' /> rel="noopener noreferrer"
<p class='self-center mx-2 PubP'>Memos</p> class="LogoBoxesPub flex rounded-md p-1 shadow-md backdrop-brightness-75"
</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/lemmylogo.svg" alt="Lemmy" />
<img class='Logos' draggable='false' src='/assets/logos/sendlogo.svg' alt='Send' /> <p class="PubP mx-2 self-center">Lemmy</p>
<p class='self-center mx-2 PubP'>Send</p> </a>
</a> <a
<a href='https://cast.librebun.com/' target='_blank' rel='noopener noreferrer' class='backdrop-brightness-75 shadow-md rounded-md p-1 flex LogoBoxesPub'> href="https://clips.librebun.com/"
<img class='Logos' draggable='false' src='/assets/logos/owncastlogo.png' alt='Owncast' /> target="_blank"
<p class='self-center mx-2 PubP'>Owncast</p> rel="noopener noreferrer"
</a> class="LogoBoxesPub flex rounded-md p-1 shadow-md backdrop-brightness-75"
</div> >
</div> <img
<div class="flex flex-grow h-fit ml-5"> class="Logos"
<div class='text-sm'> draggable="false"
<p class='TextBoxesPub PubT'>A Git forge, registrations need to be approved first. src="/assets/logos/firesharelogo.png"
<a href="https://status.librebun.com"> alt="Fireshare"
<img src="https://status.librebun.com/api/badge/7/status" alt="Status" class="mt-7"/> />
</a> <p class="PubP mx-2 self-center">Fireshare</p>
</p> </a>
<p class='TextBoxesPub PubT'>A decentralized ActivityPub Reddit alternative (LibreBun instance). <a
<a href="https://status.librebun.com"> href="https://memos.librebun.com/"
<img src="https://status.librebun.com/api/badge/11/status" alt="Status" class="mt-7"/> target="_blank"
</a> rel="noopener noreferrer"
</p> class="LogoBoxesPub flex rounded-md p-1 shadow-md backdrop-brightness-75"
<p class='TextBoxesPub PubT'>A videoclip sharing site. >
<a href="https://status.librebun.com"> <img class="Logos" draggable="false" src="/assets/logos/memoslogo.png" alt="Memos" />
<img src="https://status.librebun.com/api/badge/2/status" alt="Status" class="mt-7"/> <p class="PubP mx-2 self-center">Memos</p>
</a> </a>
</p> <a
<p class='TextBoxesPub PubT'>A notetaking app in the style of microblogging platforms. href="https://send.librebun.com/"
<a href="https://status.librebun.com"> target="_blank"
<img src="https://status.librebun.com/api/badge/6/status" alt="Status" class="mt-7"/> rel="noopener noreferrer"
</a> class="LogoBoxesPub flex rounded-md p-1 opacity-20 shadow-md backdrop-brightness-75"
</p> >
<p class='TextBoxesPub PubT'>Firefox Send. Currently down out of storage space concerns. (No auth) <img class="Logos" draggable="false" src="/assets/logos/sendlogo.svg" alt="Send" />
<a href="https://status.librebun.com"> <p class="PubP mx-2 self-center">Send</p>
<img src="https://status.librebun.com/api/badge/4/status" alt="Status" class="mt-7"/> </a>
</a> <a
</p> href="https://cast.librebun.com/"
<p class='TextBoxesPub PubT'>Owncast, a selfhosted Twitch alternative with ActivityPub support.<br> You can catch me here sometimes. target="_blank"
<a href="https://status.librebun.com"> rel="noopener noreferrer"
<img src="https://status.librebun.com/api/badge/3/status" alt="Status" class="mt-2"/> class="LogoBoxesPub flex rounded-md p-1 shadow-md backdrop-brightness-75"
</a> >
</p> <img
</div> class="Logos"
</div> draggable="false"
</div> src="/assets/logos/owncastlogo.png"
</div> 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> </main>
<style>
.LogoBoxesPub {
height: 75px;
justify-content: center;
align-items: left;
margin-top: 10px;
min-width: 200px;
box-shadow: 0px 4px 1px cyan;
}
.TextBoxesPub {
height: 75px;
justify-content: left;
font-size: small;
flex-wrap: wrap;
align-items: left;
margin-top: 10px;
min-width: 200px;
pointer-events: all;
}
.LogoBoxesPub {
transition: transform 0.25s ease;
}
.LogoBoxesPub:hover {
transform: scale(1.1) rotate(-1deg);
animation: LogoHoverAnim 0.1s ease-in-out;
}
.PubP {
font-size: larger;
user-select: none;
}
.PubT {
font-size: larger;
}
.Logos {
width: 60px;
height: 60px;
user-select: none;
pointer-events: none;
}
</style>

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