Skip to content

Commit

Permalink
feat: add open graph information
Browse files Browse the repository at this point in the history
  • Loading branch information
steveoh committed Aug 15, 2024
1 parent 2fad016 commit 0f7ef90
Show file tree
Hide file tree
Showing 2 changed files with 38 additions and 18 deletions.
56 changes: 38 additions & 18 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,22 +1,42 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="shortcut icon" href="favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
<meta
name="description"
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."
/>
<title>Atlas Utah : Provided by the UGRC</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+3&display=swap" rel="stylesheet" />
</head>

<body class="size-full bg-white text-zinc-700 subpixel-antialiased dark:bg-zinc-800 dark:text-zinc-50">
<noscript> You need to enable JavaScript to run this app. </noscript>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
<head>
<!-- Global Metadata -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
<link rel="shortcut icon" href="favicon.ico" />
<title>Atlas Utah : Provided by the UGRC</title>
<meta name="title" content="Atlas Utah : Provided by the UGRC">
<meta name="description"
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." />
<link rel="canonical" href="https://atlas.utah.gov/">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://atlas.utah.gov/" />
<meta property="og:title" content="Atlas Utah : Provided by the UGRC" />
<meta property="og:description"
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." />
<meta property="og:image" content="https://atlas.utah.gov/atlas-social-card.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://atlas.utah.gov/" />
<meta property="twitter:title" content="Atlas Utah : Provided by the UGRC" />
<meta property="twitter:description"
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." />
<meta property="twitter:image" content="https://atlas.utah.gov/atlas-social-card.png" />
<!-- Preloads -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+3&display=swap" rel="stylesheet" />
</head>

<body class="size-full bg-white text-zinc-700 subpixel-antialiased dark:bg-zinc-800 dark:text-zinc-50">
<noscript> You need to enable JavaScript to run this app. </noscript>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>

</html>
Binary file added public/atlas-social-card.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 0f7ef90

Please sign in to comment.