v2/apps.html at main · FloppaShploop/v2 · GitHub

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
<!--
██████╗ ██████╗  ██████╗      ██╗███████╗ ██████╗████████╗
██╔══██╗██╔══██╗██╔═══██╗     ██║██╔════╝██╔════╝╚══██╔══╝
██████╔╝██████╔╝██║   ██║     ██║█████╗  ██║        ██║
██╔═══╝ ██╔══██╗██║   ██║██   ██║██╔══╝  ██║        ██║
██║     ██║  ██║╚██████╔╝╚█████╔╝███████╗╚██████╗   ██║
╚═╝     ╚═╝  ╚═╝ ╚═════╝  ╚════╝ ╚══════╝ ╚═════╝   ╚═╝
██╗  ██╗██╗   ██╗██████╗
██║  ██║██║   ██║██╔══██╗
███████║██║   ██║██████╔╝
██╔══██║██║   ██║██╔══██╗
██║  ██║╚██████╔╝██████╔╝
╚═╝  ╚═╝ ╚═════╝ ╚═════╝
-->
<!DOCTYPE html>
<html lang="en" data-theme="light">
	<head>
		<title>Project-Hub V2 | Apps</title>
		<link rel="icon" href="favicon.png" />
		<link rel="apple-touch-icon" href="favicon.png" />

		<meta charset="UTF-8" />
		<meta name="language" content="en" />
		<meta name="robots" content="index,nofollow" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<link rel="stylesheet" href="page_styles/main.css" />
		<link rel="stylesheet" href="page_styles/table.css" />
		<link rel="stylesheet" href="page_styles/player.css" />
		<link rel="stylesheet" href="page_styles/animate.css" />
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@6.11.0/css/flag-icons.min.css" />
		<script src="https://kit.fontawesome.com/4139823eac.js" crossorigin="anonymous"></script>

		<script src="scripts/gtag.js"></script>
		<script src="elements/navbar.js"></script>
		<script src="elements/footer.js"></script>
		<script src="scripts/theme.js"></script>
		<script src="scripts/table.js"></script>

		<style>
			/*
			.proxy {
				background-color: var(--blue-color-light);
				padding-bottom: 2vh;
				margin: 2vh 0;
				margin-bottom: 10vh;
			}

			.player-frame {
				margin: 5vh auto;

				background: linear-gradient(var(--blue-color-light), var(--blue-color-dark));
				border-radius: 1.5vh;

				position: relative;
				padding-bottom: 40%;
				height: 0;
				width: 60%;
				position: relative;
			}

			#player {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;

				padding: 1vh;
				border: none;
				border-radius: 2vh;
			}

			.player-frame button {
				position: absolute;
				right: 0;
				bottom: 0;
				margin: 3vh 4vh;

				padding: 1vh 1.5vh;
				color: #356080;
				font-weight: 600;
				letter-spacing: 2px;
				border: none;
				border-radius: 1.5vh;
				background-color: rgba(255, 255, 255, 0.75);
				box-shadow: 0px 0 15px rgba(0, 0, 0, 0.3) inset;
				box-shadow: 0px 0 10px rgba(0, 0, 0, 0.3);
			}
            */
		</style>
	</head>
	<body onload="addApps()">
		<h2 class="title">Apps</h2>
		<div id="table"></div>

		<!-- WIP
		<div class="proxy">
			<h2 class="title" style="color: #fff; padding: 2vh">Proxy</h2>
			<div style="text-align: center">
				<input type="text" placeholder="Enter Link Here..." class="white-btn" style="width: 35%; margin-right: 2vh" />
				<button onclick="something()" class="white-btn" style="width: 10%">Submit</button>
			</div>
			<div class="player-frame" style="margin-top: 1vh; background: linear-gradient(#fff, #ddd)">
				<iframe id="player" allowfullscreen></iframe>
				<button onclick="document.getElementById('player').requestFullscreen()">Fullscreen</button>
			</div>
		</div>
    --></body>
</html>