Skip to content

Commit 9ccc1b7

Browse files
CarlosNZCarlosNZ
committed
Improve social sharing previews in Demo
1 parent 77dece5 commit 9ccc1b7

File tree

9 files changed

+111
-3
lines changed

9 files changed

+111
-3
lines changed

‎demo/public/image/apple_touch_icon_180.png‎

16.2 KB
Loading

‎demo/public/image/favicon_16.png‎

1.66 KB
Loading

‎demo/public/image/favicon_32.png‎

2.41 KB
Loading

‎demo/public/image/favicon_96.png‎

5.04 KB
Loading

‎demo/public/image/icon_192.png‎

17.4 KB
Loading

‎demo/public/image/icon_512.png‎

45.8 KB
Loading

‎demo/public/image/social_banner.png‎

172 KB
Loading

‎demo/public/index.html‎

Lines changed: 77 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,86 @@
33

44
<head>
55
<meta charset="utf-8" />
6-
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
6+
7+
<title>JSON•Edit•React</title>
8+
79
<meta name="viewport" content="width=device-width, initial-scale=1" />
810
<meta name="theme-color" content="#000000" />
9-
<meta name="JSON Edit React" content="Web site created using create-react-app" />
11+
12+
<meta name="description" content="A highly-configurable React component for editing or viewing JSON/object data">
13+
14+
15+
<!-- Standard favicon -->
16+
<link rel="icon" type="image/x-icon" href="%PUBLIC_URL%/favicon.ico">
17+
18+
<!-- PNG favicons for modern browsers -->
19+
<link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/image/favicon_16.png">
20+
<link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/image/favicon_32.png">
21+
<link rel="icon" type="image/png" sizes="96x96" href="%PUBLIC_URL%/image/favicon_96.png">
22+
23+
<!-- Apple Touch Icons -->
24+
<link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/image/apple-touch-icon.png">
25+
26+
<!-- Android/Chrome -->
27+
<link rel="icon" type="image/png" sizes="192x192" href="%PUBLIC_URL%/image/icon_192.png">
28+
<link rel="icon" type="image/png" sizes="512x512" href="%PUBLIC_URL%/image/icon_512.png">
29+
30+
1031
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
32+
33+
<!-- Open Graph Tags -->
34+
<meta property="og:title" content="JSON•Edit•React">
35+
<meta property="og:description" content="A highly-configurable React component for editing or viewing JSON/object data">
36+
<meta property="og:image" content="https://carlosnz.github.io/json-edit-react/image/social_banner.png">
37+
<meta property="og:url" content="https://carlosnz.github.io/json-edit-react/">
38+
<meta property="og:type" content="website">
39+
<meta property="og:site_name" content="JSON•Edit•React">
40+
41+
<!-- Twitter Card Tags -->
42+
<meta name="twitter:card" content="summary_large_image">
43+
<!-- <meta name="twitter:site" content="@YourTwitterHandle"> -->
44+
<meta name="twitter:title" content="JSON•Edit•React">
45+
<meta name="twitter:description" content="A highly-configurable React component for editing or viewing JSON/object data">
46+
<meta name="twitter:image" content="https://carlosnz.github.io/json-edit-react/image/social_banner.png">
47+
48+
<!-- Schema.org Structured Data -->
49+
<script type="application/ld+json">
50+
{
51+
"@context": "https://schema.org",
52+
"@type": "SoftwareApplication",
53+
"applicationCategory": "DeveloperApplication",
54+
"name": "JSON Edit React",
55+
"url": "https://carlosnz.github.io/json-edit-react",
56+
"description": "A highly-configurable React component for editing or viewing JSON/object data",
57+
"image": "https://carlosnz.github.io/json-edit-react/image/social_banner.png",
58+
"featureList": [
59+
"JSON editing, JSON viewing, validation, formatting, tree view"
60+
],
61+
"keywords": [
62+
"react",
63+
"component",
64+
"interactive",
65+
"interactive-json",
66+
"json",
67+
"json-component",
68+
"json-display",
69+
"json-tree",
70+
"json-view",
71+
"json-viewer",
72+
"json-inspector",
73+
"json-schema",
74+
"react-component",
75+
"react-json",
76+
"react18-json-view",
77+
"react-json-view",
78+
"theme",
79+
"tree",
80+
"tree-view",
81+
"treeview"
82+
]
83+
}
84+
</script>
85+
1186
<!--
1287
manifest.json provides metadata used when your web app is installed on a
1388
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -22,7 +97,6 @@
2297
work correctly both with client-side routing and a non-root public URL.
2398
Learn how to configure a non-root public URL by running `npm run build`.
2499
-->
25-
<title>JSON•Edit•React</title>
26100
<script async data-id="%REACT_APP_CLICKY_ID%" src="//static.getclicky.com/js"></script>
27101
</head>
28102

‎demo/src/demoData/superheroExample.json5‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
// Data used in main screenshot
2+
{
3+
squadName: 'Super Hero Squad',
4+
homeTown: 'Metro City',
5+
formed: 2016,
6+
secretBase: 'Super tower',
7+
active: true,
8+
members: [
9+
{
10+
name: 'Molecule Man',
11+
age: 29,
12+
secretIdentity: 'Dan Jukes',
13+
powers: ['Radiation resistance', 'Turning tiny', 'Radiation blast'],
14+
},
15+
{
16+
name: 'Madame Uppercut',
17+
age: 39,
18+
secretIdentity: 'Jane Wilson',
19+
powers: ['Million tonne punch', 'Damage resistance', 'Superhuman reflexes'],
20+
},
21+
{
22+
name: 'Eternal Flame',
23+
age: 1000000,
24+
secretIdentity: 'Unknown',
25+
powers: [
26+
'Immortality',
27+
'Heat Immunity',
28+
'Inferno',
29+
'Teleportation',
30+
'Interdimensional travel',
31+
],
32+
},
33+
],
34+
}

0 commit comments

Comments
 (0)