mirror of
https://github.com/zoo-apps/exchange.git
synced 2026-10-30 15:02:24 +00:00
zeekay
62836ab473
One family. Font stacks name Zen and fall back to the native faces, tokens name the role rather than a face, and the packages that used to supply a face now point at @hanzo/font. Self-hosted @font-face blocks are removed rather than renamed: rewriting the family in one would leave a src pointing at a file this repo no longer ships. @hanzo/font carries the binaries and declares the faces, so the local copies go with the declaration that used them. Comments naming a face we no longer use are deleted, not reworded.
114 lines
3.4 KiB
HTML
114 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html translate="no">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
|
|
<title>Zoo Exchange</title>
|
|
<meta name="description" content="Swap or provide liquidity on Zoo Exchange" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
|
<!--
|
|
%PUBLIC_URL% will be replaced with the URL of the `public` folder during build.
|
|
Only files inside the `public` folder can be referenced from the HTML.
|
|
-->
|
|
<link rel="shortcut icon" type="image/png" href="%PUBLIC_URL%/favicon.png" />
|
|
<link rel="apple-touch-icon" sizes="192x192" href="%PUBLIC_URL%/images/192x192_App_Icon.png" />
|
|
<link rel="apple-touch-icon" sizes="512x512" href="%PUBLIC_URL%/images/512x512_App_Icon.png" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
<meta name="theme-color" content="#000000" />
|
|
<meta
|
|
http-equiv="Content-Security-Policy"
|
|
content="script-src 'self' https://www.google-analytics.com https://www.googletagmanager.com 'unsafe-inline' 'unsafe-eval'"
|
|
/>
|
|
|
|
<!--
|
|
manifest.json provides metadata used when the app is installed as a PWA.
|
|
See https://developers.google.com/web/fundamentals/web-app-manifest/
|
|
-->
|
|
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
|
|
|
<link rel="preconnect" href="https://www.google-analytics.com/" />
|
|
|
|
<link rel="preload" href="%PUBLIC_URL%/fonts/Inter-roman.var.woff2" as="font" type="font/woff2" crossorigin />
|
|
|
|
<style>
|
|
* {
|
|
font-family: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/**
|
|
Explicitly load Inter var from public/ so it does not block LCP's critical path.
|
|
*/
|
|
@supports (font-variation-settings: normal) {
|
|
* {
|
|
font-family: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
}
|
|
}
|
|
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
button {
|
|
user-select: none;
|
|
}
|
|
|
|
html {
|
|
font-size: 16px;
|
|
font-variant: none;
|
|
font-smooth: always;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
/* Use this to apply network-specific gradient backgrounds, in RadialGradientByChainUpdater.ts */
|
|
#background-radial-gradient {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
pointer-events: none;
|
|
width: 200vw;
|
|
height: 200vh;
|
|
transform: translate(-50vw, -100vh);
|
|
z-index: -1;
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#root {
|
|
min-height: 100%;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
html {
|
|
background: radial-gradient(circle at center, #121212 0%, #000000 100%);
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
html {
|
|
background: radial-gradient(circle at center, #121212 0%, #000000 100%);
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<noscript>You need to enable JavaScript to run this app.</noscript>
|
|
|
|
<div id="root">
|
|
<!-- Triggers the font to load immediately and then is replaced by the app -->
|
|
<div> </div>
|
|
</div>
|
|
|
|
<div id="background-radial-gradient"></div>
|
|
</body>
|
|
</html>
|