Add some meta tags

pull/1/head
I Made Setia Baruna 2021-01-09 17:06:37 +08:00
parent 0e94c1533c
commit 457e91521f
3 changed files with 47 additions and 29 deletions

View File

@ -95,7 +95,7 @@
</style> </style>
<svelte:head> <svelte:head>
<title>Characters - Paimon.moe</title> <title>Paimon.moe</title>
</svelte:head> </svelte:head>
<div class="lg:ml-64 pt-20 lg:pt-8"> <div class="lg:ml-64 pt-20 lg:pt-8">
<h1 class="font-display px-4 md:px-8 font-black text-5xl text-white">Characters</h1> <h1 class="font-display px-4 md:px-8 font-black text-5xl text-white">Characters</h1>

View File

@ -1,20 +1,38 @@
<!doctype html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="theme-color" content="#333333"> <meta name="theme-color" content="#333333" />
<meta
name="description"
content="Your best Genshin Impact companion! Help you plan what to farm with collection of tools
like ascension calculator, and database. Also track your progress with todo and wish counter."
/>
<meta property="og:title" content="Paimon.moe" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://paimon.moe" />
<meta property="og:image" content="https://paimon.moe/paimon-og.png" />
<meta
property="og:description "
content="Your best Genshin Impact companion! Help you plan what to farm with collection of tools
like ascension calculator, and database. Also track your progress with todo and wish counter."
/>
%sapper.base% %sapper.base%
<link href="https://fonts.googleapis.com/css2?family=Catamaran:wght@600;700;900&family=Poppins:wght@400;500;600&display=swap" rel="stylesheet"> <link
<link rel="manifest" href="manifest.json" crossorigin="use-credentials"> href="https://fonts.googleapis.com/css2?family=Catamaran:wght@600;700;900&family=Poppins:wght@400;500;600&display=swap"
<link rel="icon" type="image/png" href="favicon.png"> rel="stylesheet"
/>
<link rel="manifest" href="manifest.json" crossorigin="use-credentials" />
<link rel="icon" type="image/png" href="favicon.png" />
<style> <style>
html { html {
height: 100%; height: 100%;
background: #25294A; background: #25294a;
} }
</style> </style>
@ -31,10 +49,10 @@
<!-- This contains the contents of the <svelte:head> component, if <!-- This contains the contents of the <svelte:head> component, if
the current page has one --> the current page has one -->
%sapper.head% %sapper.head%
</head> </head>
<body class="font-body h-full bg-background-secondary"> <body class="font-body h-full bg-background-secondary">
<!-- The application will be rendered inside this element, <!-- The application will be rendered inside this element,
because `src/client.js` references it --> because `src/client.js` references it -->
<div id="sapper" class="flex flex-col h-full">%sapper.html%</div> <div id="sapper" class="flex flex-col h-full">%sapper.html%</div>
</body> </body>
</html> </html>

BIN
static/paimon-og.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB