Skip to content

Commit 0f7ef90

Browse files
committed
feat: add open graph information
1 parent 2fad016 commit 0f7ef90

File tree

2 files changed

+38
-18
lines changed

2 files changed

+38
-18
lines changed

index.html

Lines changed: 38 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,42 @@
11
<!doctype html>
22
<html lang="en">
3-
<head>
4-
<meta charset="utf-8" />
5-
<link rel="shortcut icon" href="favicon.ico" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
7-
<meta
8-
name="description"
9-
content="This web mapping application will show you Discover base maps, kitchen sink react components, and the esri javascript api. It is a GitHub template that you can use to create your own."
10-
/>
11-
<title>Atlas Utah : Provided by the UGRC</title>
12-
<link rel="preconnect" href="https://fonts.googleapis.com" />
13-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
14-
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+3&display=swap" rel="stylesheet" />
15-
</head>
163

17-
<body class="size-full bg-white text-zinc-700 subpixel-antialiased dark:bg-zinc-800 dark:text-zinc-50">
18-
<noscript> You need to enable JavaScript to run this app. </noscript>
19-
<div id="root"></div>
20-
<script type="module" src="/src/main.tsx"></script>
21-
</body>
4+
<head>
5+
<!-- Global Metadata -->
6+
<meta charset="utf-8" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
8+
<link rel="shortcut icon" href="favicon.ico" />
9+
<title>Atlas Utah : Provided by the UGRC</title>
10+
<meta name="title" content="Atlas Utah : Provided by the UGRC">
11+
<meta name="description"
12+
content="A web mapping application that will show you Discover base maps, kitchen sink react components, and the esri javascript api. It is a GitHub template that you can use to create your own website that is mobile friendly with a dark mode." />
13+
<link rel="canonical" href="https://atlas.utah.gov/">
14+
<!-- Open Graph / Facebook -->
15+
<meta property="og:type" content="website" />
16+
<meta property="og:url" content="https://atlas.utah.gov/" />
17+
<meta property="og:title" content="Atlas Utah : Provided by the UGRC" />
18+
<meta property="og:description"
19+
content="A web mapping application that will show you Discover base maps, kitchen sink react components, and the esri javascript api. It is a GitHub template that you can use to create your own website that is mobile friendly with dark mode." />
20+
<meta property="og:image" content="https://atlas.utah.gov/atlas-social-card.png" />
21+
<meta property="og:image:width" content="1200" />
22+
<meta property="og:image:height" content="630" />
23+
<!-- Twitter -->
24+
<meta property="twitter:card" content="summary_large_image" />
25+
<meta property="twitter:url" content="https://atlas.utah.gov/" />
26+
<meta property="twitter:title" content="Atlas Utah : Provided by the UGRC" />
27+
<meta property="twitter:description"
28+
content="A web mapping application that will show you Discover base maps, kitchen sink react components, and the esri javascript api. It is a GitHub template that you can use to create your own website that is mobile friendly with dark mode." />
29+
<meta property="twitter:image" content="https://atlas.utah.gov/atlas-social-card.png" />
30+
<!-- Preloads -->
31+
<link rel="preconnect" href="https://fonts.googleapis.com" />
32+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
33+
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+3&display=swap" rel="stylesheet" />
34+
</head>
35+
36+
<body class="size-full bg-white text-zinc-700 subpixel-antialiased dark:bg-zinc-800 dark:text-zinc-50">
37+
<noscript> You need to enable JavaScript to run this app. </noscript>
38+
<div id="root"></div>
39+
<script type="module" src="/src/main.tsx"></script>
40+
</body>
41+
2242
</html>

public/atlas-social-card.png

238 KB
Loading

0 commit comments

Comments
 (0)