-
Notifications
You must be signed in to change notification settings - Fork 0
/
PLAY GAMES.html
128 lines (123 loc) · 3.18 KB
/
PLAY GAMES.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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html>
<head>
<title>Emulators</title>
<script>
window.onerror = function(a) {
console.error(arguments);
alert(a);
};
if (navigator.userAgent.match("Trident")) {
alert("This website does not work in IE. Please use Google Chrome or Firefox.");
location.replace("about:blank")
};
</script>
<meta charset="UTF-8">
<style>
#gamebox{
position:fixed;
width: 100vw;
height:100vh;
background-color: rgba(0,0,0,0.95);
z-index: 100;
top: 100vh;
transition: 1s all;
}
#game {
position: fixed;
width: 240px;
height: 160px;
left: 50vw;
top: 100vh;
transform: translate(-50%,00%);
transition: 1s all;
z-index: 200;
border:0;
}
body {
margin:0;
font-family: monospace;
background: #222;
color: #eee;
text-align: center;
}
a {
color: #aae;
text-decoration:none;
}
a.downloaded {
color: #aea;
}
.gbaGame::before {
content: "GBA";
color: transparent;
width: 1em;
height: 1em;
background-image: url("img/gba.svg");
background-size: cover;
text-decoration:none;
}
#random {
position: fixed;
bottom: 1em;
right: 1em;
transform: scale(0.25);
transform-origin: bottom right;
transition: 0.25s transform;
background-image: url(./img/david.png);
background-size: cover;
background-position: center;
}
#random > svg {
filter: invert(1);
opacity: 0.8;
}
#random:hover {
transform: scale(0.3) ;
}
.downloadedOnly > .game {
display: none;
position: absolute;
}
.downloadedOnly > .downloaded {
display: block;
position: static;
}
#down {
position:fixed;
top:0;
left:0;
backdrop-filter:blur(8px);
width:100vw;
height:100vh;
background-color: rgba(0,0,0,0.8);
overflow: hidden;
}
#down > h1 {
position:fixed;
text-align: center;
top: 50vh;
left: 50vw;
transform:translate(-50%,-50%);
font-family:sans-serif;
transition: 1s opacity;
}
</style>
</head>
<body>
<h1>Emulators</h1>
<h2>UI by <a href="https://thelmgn.com">theLMGN</a>, games hosted by <a href="https://the-eye.eu/public/rom">The Eye</a> </h2>
<div id="search"><input type="text" placeholder="Search games"></input><button>Search</button><br><input type="checkbox" id="dlOnly" ></input>Show downloaded games only</div>
<div id="container"><h1>Allow scripts!<h1></div>
<button id="random" onclick="randomize()"><svg version="1" xmlns="http://www.w3.org/2000/svg" width="366" height="366"><path d="M356 0H10C4 0 0 4 0 10v346c0 6 4 10 10 10h346c6 0 10-4 10-10V10c0-6-4-10-10-10zM92 316a35 35 0 1 1 0-70 35 35 0 0 1 0 70zm0-196a35 35 0 1 1 0-70 35 35 0 0 1 0 70zm91 98a35 35 0 1 1 0-70 35 35 0 0 1 0 70zm91 98a35 35 0 1 1 0-70 35 35 0 0 1 0 70zm0-196a35 35 0 1 1 0-70 35 35 0 0 1 0 70z"/></svg></button>
<div id="gamebox"></div>
<iframe id="game"></iframe>
<script src="gba/user_scripts/localforage.min.js"></script>
<script src="assets/games.js"></script>
<div id="down" >
<h1>Connecting to game server....</h1>
</div>
<script src="assets/index.js">
</script>
</body>
</html>