-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
80 lines (79 loc) · 4.21 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="./JavaScript/gtag.js"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-76753121-2');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3.0, minimum-scale=1">
<meta name="Description" content="Shoga9Team aka The Maker of Taru Taro Legends">
<meta name="theme-color" content="#000000" />
<base href="./">
<link rel="shortcut icon" href="./favicon.gif" type="image/x-icon">
<link rel="manifest" href="./manifest.json">
<link rel="stylesheet" href="./CSS/reset.css">
<link rel="stylesheet" href="./CSS/style.css">
<title>Shoga9Team</title>
</head>
<body>
<script rel="preload" type="module">
import ServiceWorker from './JavaScript/ServiceWorker.js'
import FetchHref from './web-components/fetch/FetchHref.js'
import FetchContainer from './web-components/fetch/FetchContainer.js'
import NowYear from './web-components/time/NowYear.js'
import InitDelete from './web-components/compatibility/InitDelete.js'
import MenuIcon from './web-components/icon/MenuIcon.js'
if (!document.location.host.includes('localhost') && !document.location.host.includes('192.168.')) new ServiceWorker().run()
customElements.define('fetch-href', FetchHref)
customElements.define('fetch-container', FetchContainer)
customElements.define('now-year', NowYear)
customElements.define('init-delete', InitDelete)
customElements.define('menu-icon', MenuIcon)
</script>
<section id="page">
<header>
<!--<fetch-container href="./Pages/logo/home.html" iframeHeight="100%" lazy="true"></fetch-container>-->
<div>
<img onclick="(() => {
if (Number(self.localStorage.getItem('logo')) > 0) location.href = './Pages/logo/home.html'
self.localStorage.setItem('logo', Number(self.localStorage.getItem('logo')) + 1)
const fetchContainer = document.createElement('fetch-container')
fetchContainer.setAttribute('href', './Pages/logo/home.html')
fetchContainer.setAttribute('iframeHeight', '100%')
fetchContainer.setAttribute('lazy', 'true')
this.parentNode.replaceChild(fetchContainer, this)
})()" src="./Pages/logo/Resources/Items/ShogaIXlogo.svg" />
</div>
<menu-icon width="50px" height="7px" querySelector="main"></menu-icon>
</header>
<main>
<div id="content">
<init-delete>
<style>
p { animation: 15s loading ease-in forwards; opacity: 0; margin: 0 auto; padding: 10px; text-align: center; }
@keyframes loading { to { opacity: 1; } }
</style>
<p>Loading...<br>if you keep seeing this message for more than max. 10sec., then your browser is outdated and doesn't support web components.<br>Please, visit us with a newer browser version!</p>
</init-delete>
<fetch-container id="container" history="true" changeTitle="true" lazy="true" iframeHeight="100%" iframeWidth="100%">
<link rel="stylesheet" href="./CSS/reset.css">
</fetch-container>
</div>
<nav>
<fetch-href fetchToId="container" lazy="true" setHash="true" shadow="false">
<a href="./Pages/tarutarolegends/tarutarolegends.html" autoLoad="true">Taru Taro Legends</a>
<a href="./Pages/wireframe.html">Wireframe Article</a>
<a href="./Pages/twitter.html">News Feed</a>
<a rel="author" href="https://github.com/orgs/Shoga9Team/people" target="_blank">Credits</a>
</fetch-href>
</nav>
</main>
<footer><p><now-year>2014</now-year> ShogaIX Productions. All rights reserved.</p></footer>
</section>
</body>
</html>