Skip to content

Commit 3144333

Browse files
olekidolekid
authored
[17141] meta + button (#328)
1 parent 57ef236 commit 3144333

File tree

20 files changed

+178
-65
lines changed

20 files changed

+178
-65
lines changed

‎docs/public/favicon.ico‎

-184 KB
Binary file not shown.

‎docs/public/img/meta1200x630.png‎

-605 KB
Binary file not shown.

‎docs/theme.config.tsx‎

Lines changed: 29 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { GitHubLogoIcon, TwitterLogoIcon } from "@radix-ui/react-icons"
33

44
import LogoLight from "./public/img/logo-light.svg"
55
import LogoDark from "./public/img/logo-dark.svg"
6-
import MetaImage from "./public/img/meta1200x630.png"
76

87
import { useConfig } from "nextra-theme-docs"
98

@@ -56,31 +55,42 @@ const theme = {
5655
),
5756
},
5857
head: () => {
59-
const { frontMatter, title } = useConfig()
60-
61-
const ogTitle = frontMatter.title
62-
? `NFID IdentityKit Docs | ${frontMatter.title}`
63-
: "NFID IdentityKit Docs"
64-
const ogDescription = frontMatter.description || "NFID IdentityKit Docs"
65-
66-
const ogImage = frontMatter.image
67-
? `https://2juva-miaaa-aaaag-ald5a-cai.icp0.io${frontMatter.image}`
68-
: MetaImage.src
58+
const { title } = useConfig()
6959

7060
return (
7161
<>
7262
<title>
7363
{title && title !== "Index"
74-
? `NFID IdentityKit Docs | ${title}`
75-
: "NFID IdentityKit Docs"}
64+
? `NFID IdentityKit | Docs | ${title}`
65+
: "NFID IdentityKit | Docs"}
7666
</title>
77-
<meta name="description" content={ogDescription} />
67+
<meta name="descriptiom" content="The complete guide to NFID IdentityKit" />
68+
<meta name="keywords" content="ICP, identity, wallet, dApp, react, blockchain, crypto" />
69+
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
70+
<link rel="icon" href="/favicon.png" type="image/png" />
71+
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
72+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
73+
<meta property="og:title" content="NFID IdentityKit | Docs" />
74+
<meta property="og:description" content="The complete guide to NFID IdentityKit" />
75+
<meta property="og:site_name" content="NFID IdentityKit | Docs" />
76+
<meta property="og:type" content="website" />
77+
<meta property="og:url" content="https://qzjsg-qiaaa-aaaam-acupa-cai.icp0.io/docs" />
78+
<meta
79+
property="og:image"
80+
content="https://qzjsg-qiaaa-aaaam-acupa-cai.icp0.io/nfid-identitykit-og.png"
81+
/>
82+
<meta property="og:image:width" content="1200" />
83+
<meta property="og:image:height" content="630" />
84+
<meta property="og:image:alt" content="NFID IdentityKit" />
7885
<meta name="twitter:card" content="summary_large_image" />
79-
<meta name="twitter:site" content="@IdentityMaxis" />
80-
<meta name="twitter:image" content={ogImage} />
81-
<meta property="og:title" content={ogTitle} />
82-
<meta property="og:description" content={ogDescription} />
83-
<meta property="og:image" content={ogImage} />
86+
<meta name="twitter:title" content="NFID IdentityKit | Docs" />
87+
<meta name="twitter:description" content="The complete guide to NFID IdentityKit" />
88+
<meta name="twitter:site" content="@NFIDIdentityKit" />
89+
<meta
90+
name="twitter:image"
91+
content="https://qzjsg-qiaaa-aaaam-acupa-cai.icp0.io/img/nfid-identitykit-og.png"
92+
/>
93+
<meta name="twitter:image:alt" content="NFID IdentityKit" />
8494
</>
8595
)
8696
},

‎examples/react-dapp/index.html‎

Lines changed: 30 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,39 @@
1-
<!doctype html>
1+
<!DOCTYPE html>
22
<html lang="en">
33

44
<head>
5-
<meta charset="UTF-8" />
6-
<link rel="icon" type="image/svg+xml" href="/favicon.ico" />
7-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
5+
<meta charset="utf-8" />
6+
<meta name="keywords" content="ICP, identity, wallet, dApp, react, blockchain, crypto" />
7+
<meta name="description"
8+
content="NFID IdentityKit is a React library designed to simplify adding a wallet connection to your decentralized application (dApp)." />
89
<title>NFID IdentityKit | Standards</title>
10+
<!-- Favicon and Icons -->
11+
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
12+
<link rel="icon" href="/favicon.png" type="image/png" />
13+
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
14+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
15+
<!-- Fonts -->
916
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap" rel="stylesheet" />
1017
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet" />
18+
<!-- Open Graph (OG) Metadata -->
19+
<meta property="og:title" content="NFID IdentityKit | Standards" />
20+
<meta property="og:description"
21+
content="NFID IdentityKit is a React library designed to simplify adding a wallet connection to your decentralized application (dApp)." />
22+
<meta property="og:site_name" content="NFID IdentityKit | Standards" />
23+
<meta property="og:type" content="website" />
24+
<meta property="og:url" content="https://qzjsg-qiaaa-aaaam-acupa-cai.icp0.io/" />
25+
<meta property="og:image" content="https://qzjsg-qiaaa-aaaam-acupa-cai.icp0.io/nfid-identitykit-og.png" />
26+
<meta property="og:image:width" content="1200" />
27+
<meta property="og:image:height" content="630" />
28+
<meta property="og:image:alt" content="NFID IdentityKit" />
29+
<!-- Twitter Card Metadata -->
30+
<meta name="twitter:card" content="summary_large_image" />
31+
<meta name="twitter:title" content="NFID IdentityKit | Standards" />
32+
<meta name="twitter:description"
33+
content="NFID IdentityKit is a React library designed to simplify adding a wallet connection to your decentralized application (dApp)." />
34+
<meta name="twitter:site" content="@NFIDIdentityKit" />
35+
<meta name="twitter:image" content="https://qzjsg-qiaaa-aaaam-acupa-cai.icp0.io/nfid-identitykit-og.png" />
36+
<meta name="twitter:image:alt" content="NFID IdentityKit" />
1137
</head>
1238

1339
<body>

‎examples/react-dapp/public/favicon.ico‎

-184 KB
Binary file not shown.

‎examples/react-demo/index.html‎

Lines changed: 41 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,41 @@
1-
<!doctype html>
2-
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<link rel="icon" type="image/svg+xml" href="/favicon.ico" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>NFID IdentityKit | Demo</title>
8-
<link
9-
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap"
10-
rel="stylesheet"
11-
/>
12-
<link
13-
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap"
14-
rel="stylesheet"
15-
/>
16-
</head>
17-
<body>
18-
<div id="root"></div>
19-
<script type="module" src="/src/main.tsx"></script>
20-
</body>
21-
</html>
1+
<head>
2+
<meta charset="utf-8" />
3+
<meta name="keywords" content="ICP, identity, wallet, dApp, react, blockchain, crypto" />
4+
<meta name="description"
5+
content="NFID IdentityKit is a React library designed to simplify adding a wallet connection to your decentralized application (dApp)." />
6+
<title>NFID IdentityKit | Demo</title>
7+
<!-- Favicon and Icons -->
8+
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
9+
<link rel="icon" href="/favicon.png" type="image/png" />
10+
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
11+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
12+
<!-- Fonts -->
13+
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap" rel="stylesheet" />
14+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet" />
15+
<!-- Open Graph (OG) Metadata -->
16+
<meta property="og:title" content="NFID IdentityKit | Demo" />
17+
<meta property="og:description"
18+
content="NFID IdentityKit is a React library designed to simplify adding a wallet connection to your decentralized application (dApp)." />
19+
<meta property="og:site_name" content="NFID IdentityKit | Demo" />
20+
<meta property="og:type" content="website" />
21+
<meta property="og:url" content="https://qzjsg-qiaaa-aaaam-acupa-cai.icp0.io/" />
22+
<meta property="og:image" content="https://qzjsg-qiaaa-aaaam-acupa-cai.icp0.io/nfid-identitykit-og.png" />
23+
<meta property="og:image:width" content="1200" />
24+
<meta property="og:image:height" content="630" />
25+
<meta property="og:image:alt" content="NFID IdentityKit" />
26+
<!-- Twitter Card Metadata -->
27+
<meta name="twitter:card" content="summary_large_image" />
28+
<meta name="twitter:title" content="NFID IdentityKit | Demo" />
29+
<meta name="twitter:description"
30+
content="NFID IdentityKit is a React library designed to simplify adding a wallet connection to your decentralized application (dApp)." />
31+
<meta name="twitter:site" content="@NFIDIdentityKit" />
32+
<meta name="twitter:image" content="https://qzjsg-qiaaa-aaaam-acupa-cai.icp0.io/nfid-identitykit-og.png" />
33+
<meta name="twitter:image:alt" content="NFID IdentityKit" />
34+
</head>
35+
36+
<body>
37+
<div id="root"></div>
38+
<script type="module" src="/src/main.tsx"></script>
39+
</body>
40+
41+
</html>

‎examples/react-demo/public/favicon.ico‎

-184 KB
Binary file not shown.

‎examples/react-signer/index.html‎

Lines changed: 17 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,19 @@
11
<!doctype html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Signer</title>
8-
</head>
9-
<body>
10-
<div id="root"></div>
11-
<script type="module" src="/src/main.tsx"></script>
12-
</body>
13-
</html>
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
7+
<link rel="icon" href="/favicon.png" type="image/png" />
8+
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
9+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
10+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
11+
<title>IdentityKit | Signer</title>
12+
</head>
13+
14+
<body>
15+
<div id="root"></div>
16+
<script type="module" src="/src/main.tsx"></script>
17+
</body>
18+
19+
</html>

‎examples/react-signer/public/vite.svg‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎landing/index.html‎

Lines changed: 30 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,39 @@
1-
<!doctype html>
1+
<!DOCTYPE html>
22
<html lang="en">
33

44
<head>
5-
<meta charset="UTF-8" />
6-
<link rel="icon" type="image/svg+xml" href="/favicon.ico" />
7-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
5+
<meta charset="utf-8" />
6+
<meta name="keywords" content="ICP, identity, wallet, dApp, react, blockchain, crypto" />
7+
<meta name="description"
8+
content="NFID IdentityKit is a React library designed to simplify adding a wallet connection to your decentralized application (dApp)." />
89
<title>NFID IdentityKit</title>
10+
<!-- Favicon and Icons -->
11+
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
12+
<link rel="icon" href="/favicon.png" type="image/png" />
13+
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
14+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
15+
<!-- Fonts -->
916
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap" rel="stylesheet">
1017
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet" />
18+
<!-- Open Graph (OG) Metadata -->
19+
<meta property="og:title" content="NFID IdentityKit" />
20+
<meta property="og:description"
21+
content="NFID IdentityKit is a React library designed to simplify adding a wallet connection to your decentralized application (dApp)." />
22+
<meta property="og:site_name" content="NFID IdentityKit" />
23+
<meta property="og:type" content="website" />
24+
<meta property="og:url" content="https://qzjsg-qiaaa-aaaam-acupa-cai.icp0.io/" />
25+
<meta property="og:image" content="https://qzjsg-qiaaa-aaaam-acupa-cai.icp0.io/nfid-identitykit-og.png" />
26+
<meta property="og:image:width" content="1200" />
27+
<meta property="og:image:height" content="630" />
28+
<meta property="og:image:alt" content="NFID IdentityKit" />
29+
<!-- Twitter Card Metadata -->
30+
<meta name="twitter:card" content="summary_large_image" />
31+
<meta name="twitter:title" content="NFID IdentityKit" />
32+
<meta name="twitter:description"
33+
content="NFID IdentityKit is a React library designed to simplify adding a wallet connection to your decentralized application (dApp)." />
34+
<meta name="twitter:site" content="@NFIDIdentityKit" />
35+
<meta name="twitter:image" content="https://qzjsg-qiaaa-aaaam-acupa-cai.icp0.io/nfid-identitykit-og.png" />
36+
<meta name="twitter:image:alt" content="NFID IdentityKit" />
1137
</head>
1238

1339
<body>

0 commit comments

Comments
 (0)