beenull/simple-note
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

added open graph and twitter card to <head>

Browse source
This commit is contained in:
westtle 2024-02-12 02:57:34 +07:00
parent 63defc6dd7
commit b606570345
2 changed files with 23 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/images/cover.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4 KiB

23
index.html
View file

@ -12,6 +12,29 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Simple Note</title>
<!-- Open Graph -->
<meta property="og:site_name" content="Simple Note">
<meta property="og:title" content="Simple Note">
<meta property="og:description" content="A very simple notepad that you can use.">
<meta property="og:url" content="https://westtle.github.io/simple-note">
<meta property="og:type" content="website">
<meta property="og:image" content="./assets/images/cover.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="720">
<meta property="og:image:type" content="image/png">
<meta property="og:image:alt" content="Cover for Simple Note, it has the title and the description sitting on top of black and white background.">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Simple Note">
<meta name="twitter:description" content="A very simple notepad that you can use.">
<meta name="twitter:url" content="https://westtle.github.io/simple-note">
<meta name="twitter:site" content="@westtle_">
<meta name="twitter:creator" content="@westtle_">
<meta name="twitter:image" content="/simple-note/assets/images/cover.png">
<meta name="twitter:image:alt" content="Cover for Simple Note, it has the title and the description sitting on top of black and white background.">
<meta name="twitter:dnt" content="on">
<!-- Favicon(s) -->
<link rel="icon" type="image/svg+xml" href="./assets/images/favicons/favicon.svg">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/images/favicons/favicon-16x16.png">