This repository has been archived on 2021-11-08. You can view files and clone it, but cannot push or open issues or pull requests.
svelte-sharg/public/index.html
2021-10-05 12:53:14 +02:00

102 lines
4.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<!-- Welcome to a shark. I hope you enjoy this aquatic organism. -->
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta http-equiv="content-security-policy" content="script-src localhost:* 'self' 'unsafe-inline'" />
<meta name="application-name" property="og:title" content="Shark Game" />
<meta name="author" content="Toby https://tobot.dev/" />
<meta name="description" property="description" content="A web game about resources, discovery and sharks." />
<meta name="keywords" content="sharkgame,shark,game,incremental,clicker,idle,cirr,cirrial" />
<meta name="referrer" content="never" />
<meta name="theme-color" content="#2e4372" />
<meta name="color-scheme" content="normal" />
<meta name="image" property="image" content="https://rewrite.shark.tobot.dev/sharkgame.png" />
<meta name="twitter:card" content="summary" />
<meta property="og:url" content="https://rewrite.shark.tobot.dev/" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Shark Game" />
<meta property="og:image" content="https://rewrite.shark.tobot.dev/sharkgame.png" />
<meta property="og:image:secure_url" content="https://rewrite.shark.tobot.dev/sharkgame.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="200" />
<meta property="og:image:height" content="200" />
<meta
property="og:image:alt"
content="A grey-blue shark drawn in a simple lineless style swims in front of a navy blue background. There are the words Shark Game, the word Shark above the shark and the word Game below it."
/>
<meta property="og:locale" content="en_US" />
<link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
<link rel="image_src" href="https://rewrite.shark.tobot.dev/sharkgame.png" />
<link rel="apple-touch-icon" href="https://rewrite.shark.tobot.dev/sharkgame.png" />
<link rel="manifest" href="/manifest.json" />
<link rel="alternate" type="application/json+oembed" href="/oEmbed.json" />
<!-- This loads the actual game -->
<link rel="stylesheet" type="text/css" href="./build/bundle.css" />
<script type="module" src="./build/bundle.js"></script>
<title>Shark Game</title>
<noscript>
<style>
#wrapper {
display: none;
}
noscript {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
</style>
</noscript>
</head>
<body>
<noscript>
<h1>Shark Game??</h1>
<span
>Oh dear! It seems you have Javascript disabled, or that your current browser does not support scripts.</span
>
<span>Shark Game requires scripts to work. Otherwise it's just a static webpage that doesn't do much.</span>
<span>In fact, it only displays this Shark asking you for scripts.</span>
<pre>
,
.';
.-'` .'
,`.-'-.`\
; / '-'
| \ ,-, (scripts plz.)
\ '-.__ )_`'._ /
'. ``` ``'--._
.-' , `'-.
'-'`-._ (( o )
jgs `'--....(`- ,__..--'
'-'` </pre
>
</noscript>
<script>
if ("serviceWorker" in navigator) {
window.addEventListener("load", () => {
navigator.serviceWorker
.register("service-worker.js")
.then((registration) => {
console.debug("Registered ServiceWorker");
})
.catch((err) => {
console.error("ServiceWorker registration failed", err);
});
});
} else {
console.warn("ServiceWorker not supported.");
}
</script>
</body>
</html>