Skip to content

Commit

Permalink
chore: cleanup and normalize html
Browse files Browse the repository at this point in the history
  • Loading branch information
rayhanadev committed Jun 15, 2021
1 parent 58f8073 commit 5d520d5
Show file tree
Hide file tree
Showing 5 changed files with 187 additions and 208 deletions.
2 changes: 1 addition & 1 deletion index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion offline/index.html

Large diffs are not rendered by default.

389 changes: 183 additions & 206 deletions source/index.html
Original file line number Diff line number Diff line change
@@ -1,210 +1,187 @@
<!DOCTYPE html>
<html lang="en-US">

<head>
<meta charset="utf-8" />
<meta content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" name="viewport" />
<meta content="zFyWibfayZE1X43vy881NOKyizS07fj7S-cM2M1SmlY" name="google-site-verification" />
<meta content="noimageindex" name="robots" />

<link href="../sitemap.xml" rel="sitemap" type="application/xml" title="Sitemap" />

<title>tether!</title>

<meta content="tether!" name="title" />
<meta content="A game about swinging a ball around and sheer destruction." name="description" />
<meta content="tether, tether!, rayhanadev, game, fun, mobile, ball, videogame, online-game" name="keywords" />
<meta content="index, follow" name="robots" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta content="English" name="language" />
<meta content="Tyler, Sophie, Ray" name="author" />

<meta content="website" property="og:type" />
<meta content="tether!" property="og:title" />
<meta content="tether!" property="og:site_name" />
<meta content="https://tether.rayhanadev.repl.co/" property="og:url" />
<meta content="https://tether.rayhanadev.repl.co/public/opengraphimage.png" property="og:image" />
<meta content="A game about swinging a ball around and sheer destruction." property="og:description" />

<style>
@font-face {
font-family: Quantico;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/Quantico400.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
font-family: Quantico;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts/Quantico700.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
font-family: "Tulpen One";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/Tulpen-One400.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
margin: 0;
padding: 0;
border: 0;
}

body {
background-color: #fff;
font-family: Quantico, sans-serif;
color: #000;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
}

body.game {
overflow: hidden;
position: fixed;
}

h1 {
text-transform: lowercase;
padding-top: 20vh;
padding-bottom: 0.7em;
font-size: 6em;
text-align: center;
font-weight: 400;
font-family: "Tulpen One", sans-serif;
}

p {
font-size: 1.3em;
max-width: 20em;
margin: 0 auto;
padding: 0 1em 0.5em;
}

p:last-child {
padding-bottom: 10vh;
}

a {
color: #d66;
text-decoration: none;
}

a:hover {
color: #444;
}

canvas {
cursor: crosshair;
background-color: #fff;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
}

canvas.buttonhover {
cursor: pointer;
}

canvas.hidecursor {
cursor: none;
}
</style>
<link href="alert.css" rel="stylesheet" type="text/css">
<link href="../libs/font-awesome.min.css" rel="stylesheet" type="text/css">

<meta content="yes" name="mobile-web-app-capable" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="white" name="apple-mobile-web-app-status-bar-style" />
<meta content="tether!" name="apple-mobile-web-app-title" />
<meta content="#FFFFFF" name="theme-color" media="(prefers-color-scheme: light)" />
<meta content="#666666" name="theme-color" media="(prefers-color-scheme: dark)" />

<link href="../splashscreens/iphone5_splash.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image" />
<link href="../splashscreens/iphone6_splash.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image" />
<link href="../splashscreens/iphoneplus_splash.png" media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)"
rel="apple-touch-startup-image" />
<link href="../splashscreens/iphonex_splash.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)"
rel="apple-touch-startup-image" />
<link href="../splashscreens/iphonexr_splash.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image" />
<link href="../splashscreens/iphonexsmax_splash.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)"
rel="apple-touch-startup-image" />
<link href="../splashscreens/ipad_splash.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image" />
<link href="../splashscreens/ipadpro1_splash.png" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image" />
<link href="../splashscreens/ipadpro3_splash.png" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image" />
<link href="../splashscreens/ipadpro2_splash.png" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image" />

<link href="../icons/apple-icon-57x57.png" rel="apple-touch-icon" sizes="57x57" />
<link href="../icons/apple-icon-60x60.png" rel="apple-touch-icon" sizes="60x60" />
<link href="../icons/apple-icon-72x72.png" rel="apple-touch-icon" sizes="72x72" />
<link href="../icons/apple-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" />
<link href="../icons/apple-icon-114x114.png" rel="apple-touch-icon" sizes="114x114" />
<link href="../icons/apple-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" />
<link href="../icons/apple-icon-144x144.png" rel="apple-touch-icon" sizes="144x144" />
<link href="../icons/apple-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" />
<link href="../icons/apple-icon-180x180.png" rel="apple-touch-icon" sizes="180x180" />
<link href="../icons/android-icon-192x192.png" rel="icon" sizes="192x192" type="image/png" />
<link href="../icons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png" />
<link href="../icons/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png" />
<link href="../icons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png" />

<meta content="#ffffff" name="msapplication-TileColor" />
<meta content="../icons/ms-icon-144x144.png" name="msapplication-TileImage" />
<meta content="#ffffff" name="theme-color" />

<link href="../tether.webmanifest" rel="manifest" />

<script src="https://www.googletagmanager.com/gtag/js?id=G-1XP62Z5B18" async>
</script>
<script>
function gtag() {
dataLayer.push(arguments);
}
(window.dataLayer = window.dataLayer || []), gtag("js", new Date()), gtag("config", "G-1XP62Z5B18");
</script>
<script>
!(function () {
var n = console;
Object.defineProperty(window, "console", {
get: function () {
if (n._commandLineAPI) throw "Sorry, Can't execute scripts!";
return n;
},
set: function (e) {
n = e;
},
});
})();
</script>

<head>

<body>
<noscript>Hey there, this game needs Javascript. Turn it on to experience the excitement!</noscript>
<canvas id="game"></canvas>
<script src="game.js">
</script>
</body>

</html>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
<meta name="google-site-verification" content="zFyWibfayZE1X43vy881NOKyizS07fj7S-cM2M1SmlY" />
<meta name="robots" content="noimageindex" />

<link href="../sitemap.xml" rel="sitemap" type="application/xml" title="Sitemap" />

<title>tether!</title>

<meta name="title" content="tether!" />
<meta name="description" content="Awesomely addictive, swing around your tether, destroy your enemies, and cause sheer destruction. Play it for free today!" />
<meta name="keywords" content="online video games, tether, tether!, rayhanadev, game, fun, mobile, ball, internet game, destroy, videogame, online-game" />
<meta name="robots" content="index, follow" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="English" />
<meta name="author" content="The tether! Creators" />

<meta property="og:type" content="website" />
<meta property="og:url" content="https://tether-game.web.app/" />
<meta property="og:title" content="tether!">
<meta property="og:description" content="Awesomely addictive, swing around your tether, destroy your enemies, and cause sheer destruction. Play it for free today!">
<meta property="og:image" content="https://tether-game.web.app/public/opengraphimage.png" />

<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://tether-game.web.app/" />
<meta property="twitter:title" content="tether!" />
<meta property="twitter:description" content="Awesomely addictive, swing around your tether, destroy your enemies, and cause sheer destruction. Play it for free today!" />
<meta property="twitter:image" content="https://tether-game.web.app/public/opengraphimage.png" />

<style>
@font-face {
font-family: Quantico;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/Quantico400.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
font-family: Quantico;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts/Quantico700.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
font-family: "Tulpen One";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/Tulpen-One400.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
margin: 0;
padding: 0;
border: 0;
}

body {
background-color: #fff;
font-family: Quantico, sans-serif;
color: #000;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
}

body.game {
overflow: hidden;
position: fixed;
}

h1 {
text-transform: lowercase;
padding-top: 20vh;
padding-bottom: 0.7em;
font-size: 6em;
text-align: center;
font-weight: 400;
font-family: "Tulpen One", sans-serif;
}

p {
font-size: 1.3em;
max-width: 20em;
margin: 0 auto;
padding: 0 1em 0.5em;
}

p:last-child {
padding-bottom: 10vh;
}

a {
color: #d66;
text-decoration: none;
}

a:hover {
color: #444;
}

canvas {
cursor: crosshair;
background-color: #fff;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
}

canvas.buttonhover {
cursor: pointer;
}

canvas.hidecursor {
cursor: none;
}
</style>
<link href="../libs/font-awesome.min.css" rel="stylesheet" type="text/css">

<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="white" />
<meta name="apple-mobile-web-app-title" content="tether!" />
<meta name="theme-color" content="#FFFFFF" media="(prefers-color-scheme: light)" />
<meta name="theme-color" content="#666666" media="(prefers-color-scheme: dark)" />

<link href="../splashscreens/iphone5_splash.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="../splashscreens/iphone6_splash.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="../splashscreens/iphoneplus_splash.png" media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
<link href="../splashscreens/iphonex_splash.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
<link href="../splashscreens/iphonexr_splash.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="../splashscreens/iphonexsmax_splash.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
<link href="../splashscreens/ipad_splash.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="../splashscreens/ipadpro1_splash.png" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="../splashscreens/ipadpro3_splash.png" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="../splashscreens/ipadpro2_splash.png" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />

<link href="../icons/apple-icon-57x57.png" rel="apple-touch-icon" sizes="57x57" />
<link href="../icons/apple-icon-60x60.png" rel="apple-touch-icon" sizes="60x60" />
<link href="../icons/apple-icon-72x72.png" rel="apple-touch-icon" sizes="72x72" />
<link href="../icons/apple-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" />
<link href="../icons/apple-icon-114x114.png" rel="apple-touch-icon" sizes="114x114" />
<link href="../icons/apple-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" />
<link href="../icons/apple-icon-144x144.png" rel="apple-touch-icon" sizes="144x144" />
<link href="../icons/apple-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" />
<link href="../icons/apple-icon-180x180.png" rel="apple-touch-icon" sizes="180x180" />
<link href="../icons/android-icon-192x192.png" rel="icon" sizes="192x192" type="image/png" />
<link href="../icons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png" />
<link href="../icons/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png" />
<link href="../icons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png" />

<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-TileImage" content="../icons/ms-icon-144x144.png" />
<meta name="theme-color" content="#ffffff" />

<link href="../tether.webmanifest" rel="manifest" />

<script async src="https://www.googletagmanager.com/gtag/js?id=G-1XP62Z5B18"></script>
<script>
function gtag() {
dataLayer.push(arguments);
}(window.dataLayer = window.dataLayer || []), gtag("js", new Date()), gtag("config", "G-1XP62Z5B18");
</script>
</head>

<body>
<noscript>Hey there, this game needs Javascript. Turn it on to experience the excitement!</noscript>
<canvas id="game"></canvas>

<script src="game.js"></script>
</body>

</html>
Loading

0 comments on commit 5d520d5

Please sign in to comment.