-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathmobile.html
80 lines (66 loc) · 3.65 KB
/
mobile.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>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!-- Primary Meta Tags -->
<title>The Infinite Gallery </title>
<meta name="title" content="The Infinite Gallery ">
<meta name="description" content="Explore an infinite 3D Art Museum of art made by random people across the globe.">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://gallery.nowaythis.works/">
<meta property="og:title" content="The Infinite Gallery ">
<meta property="og:description"
content="Explore an infinite 3D Art Museum of art made by random people across the globe.">
<meta property="og:image" content="https://gallery.nowaythis.works/img/metacover.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://gallery.nowaythis.works/">
<meta property="twitter:title" content="The Infinite Gallery ">
<meta property="twitter:description"
content="Explore an infinite 3D Art Museum of art made by random people across the globe.">
<meta property="twitter:image" content="https://gallery.nowaythis.works/img/metacover.png">
<!-- Prevent chrome related bugging of image caches -->
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Access-Control-Allow-Origin" content="*" />
<script src="" type="module"></script>
<script src="" type="module"></script>
<script src="" type="module"></script>
<meta name="HandheldFriendly" content="true" />
<link rel="stylesheet" href="TouchControls/TouchControls-master/css/touch-pad.css">
<link rel="stylesheet" href="TouchControls/TouchControls-master/css/main.css">
</head>
<!-- Google tag (gtag.js) -->
<!-- anonymous geo analytics - these are often blocked by ad blockers and many browsers. it is only to see how i can increase server stability in certain regions. -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZRYYEL7ZJG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-ZRYYEL7ZJG');
</script>
<body>
<div id="mobile-block">
<center>
<h1 style="display:none">The Infinite Gallery</h1>
<h2>Sorry, but this experience only works on a device with a keyboard and mouse.</h2>
<h3>Try visiting on a laptop or home computer.</h3>
<h3><a href="/">https://gallery.nowaythis.works</a></h3>
</center>
</div>
<div id="touch-controls-overlay" style="width:100%;height:100%;position:absolute;top:0;left:0;"></div>
<div id="coords" style="position: absolute; top: 10px; left: 10px;"></div>
<a href="https://github.com/Brazil-0034/Infinite-Art-Gallery"
style="text-decoration: underline; color: white; outline: 1px black; position: absolute; bottom: 10px; left: 10px;"
target="_blank">Visit on GitHub :)</a>
<a id="removal" href="https://www.reddit.com/user/GrammmyNorma"
style="text-decoration: underline; color: white; outline: 1px black; position: absolute; bottom: 10px; right: 10px;"
target="_blank">See your own art and want it removed? No problem, message me.</a>
<!-- Including the MOBILE library -->
<script src="mobilescript.js" type="module"></script>
</body>
</html>