Add some meta tags

This commit is contained in:
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,40 +1,58 @@
<!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."
/>
%sapper.base% <meta property="og:title" content="Paimon.moe" />
<meta property="og:type" content="website" />
<link href="https://fonts.googleapis.com/css2?family=Catamaran:wght@600;700;900&family=Poppins:wght@400;500;600&display=swap" rel="stylesheet"> <meta property="og:url" content="https://paimon.moe" />
<link rel="manifest" href="manifest.json" crossorigin="use-credentials"> <meta property="og:image" content="https://paimon.moe/paimon-og.png" />
<link rel="icon" type="image/png" href="favicon.png"> <meta
property="og:description "
<style> content="Your best Genshin Impact companion! Help you plan what to farm with collection of tools
html { like ascension calculator, and database. Also track your progress with todo and wish counter."
height: 100%; />
background: #25294A;
}
</style>
<!-- Sapper creates a <script> tag containing `src/client.js` %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 rel="manifest" href="manifest.json" crossorigin="use-credentials" />
<link rel="icon" type="image/png" href="favicon.png" />
<style>
html {
height: 100%;
background: #25294a;
}
</style>
<!-- Sapper creates a <script> tag containing `src/client.js`
and anything else it needs to hydrate the app and and anything else it needs to hydrate the app and
initialise the router --> initialise the router -->
%sapper.scripts% %sapper.scripts%
<!-- Sapper generates a <style> tag containing critical CSS <!-- Sapper generates a <style> tag containing critical CSS
for the current page. CSS for the rest of the app is for the current page. CSS for the rest of the app is
lazily loaded when it precaches secondary pages --> lazily loaded when it precaches secondary pages -->
%sapper.styles% %sapper.styles%
<!-- 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