feat: add website medata data better ux link sharing

This commit is contained in:
2022-05-11 16:36:49 -04:00
parent 063f9055e4
commit c6d48a54c0
7 changed files with 30 additions and 9 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View File

@@ -3,15 +3,30 @@
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<title>24H Club - ENS Clock</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="24H Club - ENS 1440 Timekeepers"
content="A decentralized art project built by the ENS community. A new art every minute. Own your own time."
/>
<meta property="og:site_name" content="ensclock.com" />
<meta property="og:title" content="24 Club - ENS Clock" />
<meta property="og:description" content="A decentralized art project built by the ENS community. A new art every minute. Own your own time.">
<meta property="og:type" content="website" />
<meta property="og:url" content="https://ensclock.com" />
<meta property="og:image" content="https://ensclock.com/preview2.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@24hClubOfficial" />
<meta name="twitter:title" content="24 Club - ENS Clock" />
<meta name="twitter:description" content="A decentralized art project built by the ENS community. A new art every minute. Own your own time." />
<meta name="twitter:image" content="https://ensclock.com/preview2.png" />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/apple-touch-icon.png" />
<!--
manifest.json provides metadata used when your web app is installed on a
manifest.json provides metadata used when your web app is installed on acd ../
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
@@ -37,7 +52,17 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Plus+Jakarta+Sans:wght@600;700&display=swap" rel="stylesheet">
<title>ENS Clock</title>
<!--
Google Analytics
-->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-B04T98VXL4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-B04T98VXL4'); // TODO add to config
</script>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>

View File

@@ -1,6 +1,6 @@
{
"short_name": "24H Club",
"name": "The first 24 hour art exhibition.",
"name": "24H Club - ENS Clock",
"icons": [
{
"src": "favicon.ico",

BIN
public/preview2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

View File

@@ -1,3 +1,2 @@
# https://www.robotstxt.org/robotstxt.html
User-agent: *
Disallow:

View File

@@ -41,9 +41,6 @@ function App() {
github: "",
});
const ensImages = {};
// const donationLink =
// "https://heliowallet.com/ethereum-donation?address=0x2652CBE035CF346A4E085D4C2Fb30F2B5Abf3d3d&amount=0.01&accessWallet=1&qrCode=1&ethBalance=1";
const gemxyzLink =
"https://www.gem.xyz/collection/ens/?filters=%7B%22custom%22:%5B%2224h%22%5D%7D";
@@ -210,7 +207,7 @@ function App() {
const renderIcon = (icon, uri, tooltip, style) => {
return (
<Tooltip title={tooltip} placement="bottom">
<Tooltip title={tooltip} placement="top">
<ButtonBase
sx={{
marginRight: 1,