Skip to content

Commit d502909

Browse files
author
dngaa
committed
game player
1 parent 9e32ec9 commit d502909

1 file changed

Lines changed: 90 additions & 10 deletions

File tree

‎pages/player.html‎

Lines changed: 90 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,33 +2,113 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
56
<title>Game Loader | Jet Yeh's</title>
7+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
8+
<link rel="stylesheet" href="/css/style.css">
9+
<link rel="stylesheet" href="/css/index.css">
10+
<link rel='icon' href="/img/favicon-32x32.png">
611
<script src="/js/disguise.js"></script>
712
<style>
8-
*, *::before, *::after {
13+
* {
14+
margin: 0;
15+
padding: 0;
916
box-sizing: border-box;
1017
}
18+
1119
html, body {
12-
margin: 0;
13-
padding: 0;
14-
width: 100%;
1520
height: 100%;
1621
overflow: hidden;
22+
font-family: sans-serif;
1723
background: black;
1824
}
25+
26+
.wrapper {
27+
display: flex;
28+
height: 100vh;
29+
width: 100vw;
30+
}
31+
32+
.sidebar {
33+
width: 200px;
34+
background: rgba(24, 24, 24, 0.9);
35+
color: white;
36+
display: flex;
37+
flex-direction: column;
38+
justify-content: space-between;
39+
}
40+
41+
.sidebar h2 {
42+
text-align: center;
43+
padding: 20px 10px;
44+
font-size: 20px;
45+
border-bottom: 1px solid #444;
46+
}
47+
48+
.sidebar ul {
49+
list-style: none;
50+
padding: 0;
51+
margin: 0;
52+
}
53+
54+
.sidebar ul a {
55+
text-decoration: none;
56+
color: white;
57+
}
58+
59+
.sidebar ul li {
60+
padding: 12px 20px;
61+
border-bottom: 1px solid #333;
62+
cursor: pointer;
63+
}
64+
65+
.sidebar ul li:hover {
66+
background-color: #333;
67+
}
68+
69+
.left-col {
70+
padding: 10px;
71+
text-align: center;
72+
}
73+
74+
.main_content {
75+
flex: 1;
76+
display: flex;
77+
flex-direction: column;
78+
height: 100%;
79+
background: black;
80+
}
81+
1982
iframe {
20-
position: absolute;
21-
top: 0;
22-
left: 0;
83+
flex: 1;
2384
width: 100%;
24-
height: 100%;
2585
border: none;
2686
display: block;
2787
}
2888
</style>
2989
</head>
3090
<body>
31-
<iframe id="game-frame" src="" allowfullscreen></iframe>
91+
<div class="wrapper">
92+
<div class="sidebar">
93+
<div>
94+
<h2>Jet Yeh's</h2>
95+
<ul>
96+
<a href="/index.html"><li><i class="fa-solid fa-house"></i> Home</li></a>
97+
<a href="https://github.com/dngaa/dngaa.github.io/issues/new?labels=bug&title=Bug%20Report"><li><i class="fa-solid fa-bug"></i> Bug Report</li></a>
98+
<a href="https://github.com/dngaa/dngaa.github.io/issues/new?labels=game%20request&title=Game%20Request"><li><i class="fa-solid fa-ghost"></i> Game Request</li></a>
99+
<a href="pages/settings.html"><li><i class="fa-solid fa-gear"></i> Settings</li></a>
100+
<a><li id="go-to-top-button"><i class="fa-solid fa-up-long"></i> Top</li></a>
101+
</ul>
102+
</div>
103+
<div class="left-col">
104+
<img title="icon" src="/img/icon.png" width="160px">
105+
</div>
106+
</div>
107+
108+
<div class="main_content">
109+
<iframe id="game-frame" src="" allowfullscreen></iframe>
110+
</div>
111+
</div>
32112

33113
<script>
34114
const params = new URLSearchParams(window.location.search);
@@ -37,7 +117,7 @@
37117
if (gameUrl) {
38118
document.getElementById("game-frame").src = decodeURIComponent(gameUrl);
39119
} else {
40-
document.body.innerHTML = "<h1 style='color:white;text-align:center;margin-top:20%;'>No game selected.</h1>";
120+
document.querySelector(".main_content").innerHTML = "<h1 style='color:white;text-align:center;margin-top:20%;'>No game selected.</h1>";
41121
}
42122
</script>
43123
</body>

0 commit comments

Comments
 (0)