ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-04-29 22:24:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: better meta tags

Browse Source
This commit is contained in:
Ax333l 2023-01-01 13:55:15 +01:00
parent b70b12e417
commit d0d2e3f412
No known key found for this signature in database
GPG Key ID: D2B4D85271127D23
9 changed files with 43 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/app.html
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/logo.svg" /> <link rel="icon" href="%sveltekit.assets%/logo.svg" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head% %sveltekit.head%
</head> </head>

26
src/lib/components/Meta.svelte Normal file
View File

@ -0,0 +1,26 @@
<script lang="ts">
let _title: string = "";
$: title = _title === "" ? "ReVanced" : `ReVanced | ${_title}`;
export { _title as title };
export let description: string = "Continuing the legacy of Vanced.";
</script>
<svelte:head>
<title>{title}</title>
<meta name="description" content={description} />
<meta name="theme-color" content="#9FD5FF" />
<!-- OpenGraph -->
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
<meta property="og:type" content="website" />
<meta property="og:image" content="/embed.png" />
<!-- Twitter -->
<meta name="twitter:title" content={title} />
<meta name="twitter:description" content={description} />
<meta name="twitter:image" itemprop="image" content="/embed.png" />
<meta name="twitter:card" content="summary" />
</svelte:head>

3
src/routes/+error.svelte
View File

@ -1,10 +1,13 @@
<script lang="ts"> <script lang="ts">
import Meta from '$lib/components/Meta.svelte';
import Navigation from '$layout/Navbar/NavButton.svelte'; import Navigation from '$layout/Navbar/NavButton.svelte';
import { page } from '$app/stores'; import { page } from '$app/stores';
$: status = $page.status; $: status = $page.status;
</script> </script>
<Meta title="404" />
<section class="error"> <section class="error">
<h1>{status}</h1> <h1>{status}</h1>
{#if status == 404} {#if status == 404}

14
src/routes/+layout.svelte
View File

@ -21,18 +21,6 @@
); );
</script> </script>
<svelte:head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="og:title" content="ReVanced" />
<meta content="/embed.png" property="og:image" />
<meta property="og:description" content="Continuing the legacy of Vanced." />
<meta name="twitter:image" itemprop="image" content="/embed.png" />
<meta name="twitter:card" content="summary" />
<meta name="theme-color" content="#9FD5FF" />
</svelte:head>
<NavHost /> <NavHost />
{#if $show_loading_animation} {#if $show_loading_animation}
@ -42,8 +30,8 @@
{/if} {/if}
<!-- <!--
afn if you are moving the footer here, please make it not use the repositories store directly and instead use component props :) --> afn if you are moving the footer here, please make it not use the repositories store directly and instead use component props :) -->
<!-- <Footer repos={$repositories}> -->
<!-- <Footer repos={$repositories}> -->
<style lang="scss" global> <style lang="scss" global>
@import '../app.scss'; @import '../app.scss';
</style> </style>

7
src/routes/+page.svelte
View File

@ -3,13 +3,10 @@
import Home from '$layout/Hero/HeroSection.svelte'; import Home from '$layout/Hero/HeroSection.svelte';
import SocialHost from '$layout/Hero/SocialHost.svelte'; import SocialHost from '$layout/Hero/SocialHost.svelte';
import Wave from '$lib/components/Wave.svelte'; import Wave from '$lib/components/Wave.svelte';
import Meta from '$lib/components/Meta.svelte';
</script> </script>
<svelte:head> <Meta />
<title>ReVanced</title>
<meta content="ReVanced" name="og:title" />
<meta content="ReVanced" name="twitter:title" />
</svelte:head>
<main> <main>
<div class="wrap"> <div class="wrap">

7
src/routes/contributors/+page.svelte
View File

@ -6,13 +6,10 @@
import ContributorHost from './ContributorSection.svelte'; import ContributorHost from './ContributorSection.svelte';
import Footer from '$layout/Footer.svelte'; import Footer from '$layout/Footer.svelte';
import Meta from '$lib/components/Meta.svelte';
</script> </script>
<svelte:head> <Meta title="Contributors" />
<title>ReVanced | Contributors</title>
<meta content="ReVanced | Contributors" name="og:title" />
<meta content="ReVanced | Contributors" name="twitter:title" />
</svelte:head>
<main> <main>
<div class="wrapper"> <div class="wrapper">

7
src/routes/docs/[...slug]/+page.svelte
View File

@ -1,4 +1,5 @@
<script lang="ts"> <script lang="ts">
import Meta from '$lib/components/Meta.svelte';
import type { PageData } from './$types'; import type { PageData } from './$types';
import '../documentation.scss'; import '../documentation.scss';
@ -8,11 +9,7 @@
export let data: PageData; export let data: PageData;
</script> </script>
<svelte:head> <Meta title="Docs" />
<title>ReVanced | Docs</title>
<meta content="ReVanced | Docs" name="og:title" />
<meta content="ReVanced | Docs" name="twitter:title" />
</svelte:head>
<div id="markup-content"> <div id="markup-content">
<h1 class="title">{data.title}</h1> <h1 class="title">{data.title}</h1>

3
src/routes/download/+page.svelte
View File

@ -5,6 +5,7 @@
import manager_screenshot from '$images/manager_two.png?format=avif;webp;png&picture'; import manager_screenshot from '$images/manager_two.png?format=avif;webp;png&picture';
import Meta from '$lib/components/Meta.svelte';
import Button from '$lib/components/Button.svelte'; import Button from '$lib/components/Button.svelte';
import Footer from '$layout/Footer.svelte'; import Footer from '$layout/Footer.svelte';
import Picture from '$lib/components/Picture.svelte'; import Picture from '$lib/components/Picture.svelte';
@ -12,6 +13,8 @@
$: manager = $tools['revanced/revanced-manager']; $: manager = $tools['revanced/revanced-manager'];
</script> </script>
<Meta title="Download" />
<div class="wrapper center" in:fly={{ y: 10, easing: quintOut, duration: 750 }}> <div class="wrapper center" in:fly={{ y: 10, easing: quintOut, duration: 750 }}>
<h2>ReVanced <span>Manager</span></h2> <h2>ReVanced <span>Manager</span></h2>
<p>Patch your favourite apps, right on your device.</p> <p>Patch your favourite apps, right on your device.</p>

7
src/routes/patches/+page.svelte
View File

@ -5,6 +5,7 @@
import type { Patch } from '$lib/types'; import type { Patch } from '$lib/types';
import { patches as api_patches } from '$data/api'; import { patches as api_patches } from '$data/api';
import Meta from '$lib/components/Meta.svelte';
import PackageMenu from './PackageMenu.svelte'; import PackageMenu from './PackageMenu.svelte';
import Package from './Package.svelte'; import Package from './Package.svelte';
import PatchItem from './PatchItem.svelte'; import PatchItem from './PatchItem.svelte';
@ -60,11 +61,7 @@
}; };
</script> </script>
<svelte:head> <Meta title="Patches" />
<title>ReVanced | Patches</title>
<meta content="ReVanced | Patches" name="og:title" />
<meta content="ReVanced | Patches" name="twitter:title" />
</svelte:head>
<div class="search"> <div class="search">
<div class="search-contain"> <div class="search-contain">