feat: meta tags

This commit is contained in:
Reinaldy Rafli 2021-07-15 17:30:40 +07:00
parent ffef69d773
commit d61bce3b98
13 changed files with 3564 additions and 25 deletions

View File

@ -4,7 +4,9 @@
<meta charset="utf-8" />
<link rel="icon" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="keywords" content="jokesbapak2, jokes, bapak2, indonesian, dad, jokes, api, rest" />
<link rel="icon" type="image/png" href="/favicon.png">
<link rel="icon" type="image/svg" href="/favicon.svg">
%svelte.head%
</head>
<body>

View File

@ -27,42 +27,42 @@
},
"why": {
"exists": {
"title": "Why does this project exist?",
"title": "Mengapa ada proyek ini?",
"body": {
"1": "Sometime around early 2020, I was interested on seeing Indonesian dad jokes all over Twitter.",
"2": "By the end of the month, I was obsessed with it.",
"3": "Then, it was that time where I learn and created my Discord bot,",
"4": "which I added a feature which you can ask for Indonesian dad jokes on a form of an image.",
"5": "I thought, why not make it into an API where people can use it too?",
"6": "Therefore, this was born."
"1": "Pada awal 2020, saya tertarik melihat jokes bapak2 di jagat Twitter.",
"2": "Akhir bulannya, saya nggak abis-abisnya liatin jokes bapak2.",
"3": "Lalu, pada masa itu juga saya belajar dan membuat bot untuk Discord,",
"4": "yang saya tambahkan fitur agar bisa mengirimkan jokes bapak2 dalam bentuk foto.",
"5": "Saya pikir, kenapa nggak sekalian buat API agar orang-orang juga bisa pakai?",
"6": "Kemudian, proyek ini lahir."
}
},
"submit": {
"title": "Can I submit my dad joke?",
"title": "Bolehkah saya submit jokes?",
"body": {
"1": "You sure can!",
"2": "Submit the image to",
"3": "my email",
"4": ", and I'll get back to you as soon as possible.",
"5": "Bear in mind, your joke (or at least the content of the image) must not insult anyone and be racists.",
"6": "Let's keep the jokes healthy."
"1": "Boleh banget!",
"2": "Kirim fotonya ke",
"3": "email saya",
"4": "dan saya akan segera memprosesnya.",
"5": "Namun, joke yang kamu kirim (atau isi kontennya) tidak boleh menghina siapapun atau mengandung SARA.",
"6": "Tetap jadikan becandaannya sehat, ya."
}
},
"contribute": {
"title": "I don't have any dad joke, can I contribute?",
"title": "Saya tidak punya jokes, boleh kontribusi saja?",
"body": {
"1": "Of course!",
"2": "This project is",
"3": "open sourced on Github.",
"4": "Feel free to crunch a bug, add a feature, or fix a small typo."
"1": "Pastinya!",
"2": "Proyek ini terdapat secara",
"3": "open source di Github.",
"4": "Kamu boleh menghancurkan bug, tambah fitur, atau memperbaiki typo kecil."
}
},
"inquiries": {
"title": "I have other inquiries",
"title": "Saya punya pertanyaan lain",
"body": {
"1": "You can contact me through",
"2": "my email",
"3": "and I'll be in touch as soon as possible."
"1": "Kamu bisa menghubungi saya melalui",
"2": "email saya",
"3": "dan saya akan segera menghubungi kamu secepatnya."
}
}
},

View File

@ -2,7 +2,7 @@
import type { LoadOutput } from '@sveltejs/kit';
import Sentry from '$lib/logging';
export async function load({ error }: LoadOutput): Promise<void> {
export function load({ error }: LoadOutput): void {
Sentry.captureException(error);
}
</script>

View File

@ -10,6 +10,19 @@
import Navbar from '../components/navbar.svelte';
</script>
<svelte:head>
<meta name="author" content="Reinaldy Rafli" />
<meta name="theme-color" content="#f4a9f5" />
<meta name="publisher" content="https://jokesbapak2.pages.dev/" />
<meta property="og:image" content="/social.jpg" />
<meta property="og:image:alt" content="Jokesbapak2 - Largest collection of Indonesian dad jokes" />
<meta property="og:image:secure_url" content="/social.jpg" />
<meta property="og:locale" content="en_US" />
<meta property="og:site_name" content={$_('meta.title')} />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="Reinaldy Rafli" />
</svelte:head>
<div
class="bg-gradient-to-br from-transparent to-lavender-300 dark:(bg-gray-900 to-lavender-900 text-white) min-h-screen h-full w-full"
>

View File

@ -7,6 +7,11 @@
<svelte:head>
<title>{$_('navigation.api')} - {$_('meta.title')}</title>
<meta name="twitter:title" content={$_('navigation.api') + '-' + $_('meta.title')} />
<meta property="og:title" content={$_('navigation.api') + '-' + $_('meta.title')} />
<link rel="canonical" href="https://jokesbapak2.pages.dev/api" />
<meta name="twitter:description" content="Largest collection of Indonesian dad jokes as a consumable API" />
<meta property="og:description" content="Largest collection of Indonesian dad jokes as a consumable API" />
</svelte:head>
<section>
@ -30,6 +35,9 @@
<section>
<p class="pt-8">{$_('api.more')}</p>
<meta name="twitter:title" content={$_('navigation.api') + '-' + $_('meta.title')} />
<meta property="og:title" content={$_('navigation.api') + '-' + $_('meta.title')} />
<link rel="canonical" href="https://jokesbapak2.pages.dev/why" />
</section>
<style>

View File

@ -5,6 +5,11 @@
<svelte:head>
<title>{$_('navigation.guide')} - {$_('meta.title')}</title>
<meta name="twitter:title" content={$_('navigation.guide') + '-' + $_('meta.title')} />
<meta property="og:title" content={$_('navigation.guide') + '-' + $_('meta.title')} />
<link rel="canonical" href="https://jokesbapak2.pages.dev/guide" />
<meta name="twitter:description" content="Largest collection of Indonesian dad jokes as a consumable API" />
<meta property="og:description" content="Largest collection of Indonesian dad jokes as a consumable API" />
</svelte:head>
<section>

View File

@ -7,6 +7,11 @@
<svelte:head>
<title>{$_('meta.title')} - {$_('meta.tagline')}</title>
<meta name="twitter:title" content={$_('navigation.index') + '-' + $_('meta.title')} />
<meta property="og:title" content={$_('navigation.index') + '-' + $_('meta.title')} />
<link rel="canonical" href="https://jokesbapak2.pages.dev/" />
<meta name="twitter:description" content="Largest collection of Indonesian dad jokes as a consumable API" />
<meta property="og:description" content="Largest collection of Indonesian dad jokes as a consumable API" />
</svelte:head>
<section>

View File

@ -4,6 +4,11 @@
<svelte:head>
<title>{$_('navigation.why')} - {$_('meta.title')}</title>
<meta name="twitter:title" content={$_('navigation.why') + '-' + $_('meta.title')} />
<meta property="og:title" content={$_('navigation.why') + '-' + $_('meta.title')} />
<link rel="canonical" href="https://jokesbapak2.pages.dev/why" />
<meta name="twitter:description" content="Largest collection of Indonesian dad jokes as a consumable API" />
<meta property="og:description" content="Largest collection of Indonesian dad jokes as a consumable API" />
</svelte:head>
<section>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 9.7 KiB

3501
client/static/favicon.svg Normal file

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 304 KiB

BIN
client/static/social.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 352 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 113 KiB