Skip to content

Commit e160258

Browse files
Add files via upload
1 parent 206be59 commit e160258

6 files changed

+955
-0
lines changed
Lines changed: 191 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,191 @@
1+
<html>
2+
<head>
3+
<script src="https://cdn.tailwindcss.com"></script>
4+
<script src="https://registry.npmmirror.com/vue/3.3.11/files/dist/vue.global.js"></script>
5+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
6+
<style>
7+
body {
8+
font-family: 'Courier New', Courier, monospace;
9+
}
10+
.context-menu {
11+
display: none;
12+
position: absolute;
13+
z-index: 1000;
14+
background-color: #2d3748;
15+
border: 1px solid #4a5568;
16+
border-radius: 4px;
17+
padding: 5px;
18+
}
19+
.context-menu a {
20+
display: block;
21+
padding: 5px 10px;
22+
color: white;
23+
text-decoration: none;
24+
}
25+
.context-menu a:hover {
26+
background-color: #4a5568;
27+
}
28+
.highlight {
29+
background-color: #2d3748;
30+
padding: 5px;
31+
margin: -8px -8px 8px -8px;
32+
}
33+
</style>
34+
</head>
35+
<body class="bg-gray-800 text-white">
36+
<div class="p-4" id="app">
37+
<div class="flex flex-col md:flex-row">
38+
<div class="w-full md:w-1/4 bg-gray-700 p-2">
39+
<div class="mb-2">
40+
<a href="file.html" class="text-xs text-white">File</a>
41+
</div>
42+
<div class="mb-2">
43+
<a href="edit.html" class="text-xs text-white">Edit</a>
44+
</div>
45+
<div class="mb-2">
46+
<a href="view.html" class="text-xs text-white">View</a>
47+
</div>
48+
<div class="mb-2">
49+
<a href="search.html" class="text-xs text-white">Search</a>
50+
</div>
51+
<div class="mb-2">
52+
<a href="workspace.html" class="text-xs text-white">Workspace</a>
53+
</div>
54+
<div class="mb-2">
55+
<a href="help.html" class="text-xs text-white">Help</a>
56+
</div>
57+
<hr class="my-4 border-gray-600"/>
58+
<div class="highlight">
59+
<span class="text-xs">Payloads Catalogue</span>
60+
</div>
61+
<div class="mt-4">
62+
<ul class="text-xs">
63+
<li class="mb-1">Windows</li>
64+
<ul class="ml-4">
65+
<li class="mb-1">Shell</li>
66+
<ul class="ml-4">
67+
<li class="mb-1">reverse_tcp</li>
68+
<li class="mb-1">bind_tcp</li>
69+
</ul>
70+
<li class="mb-1">Meterpreter</li>
71+
<ul class="ml-4">
72+
<li class="mb-1">reverse_tcp</li>
73+
<li class="mb-1">bind_tcp</li>
74+
</ul>
75+
</ul>
76+
<li class="mb-1">Linux</li>
77+
<ul class="ml-4">
78+
<li class="mb-1">Shell</li>
79+
<ul class="ml-4">
80+
<li class="mb-1">reverse_tcp</li>
81+
<li class="mb-1">bind_tcp</li>
82+
</ul>
83+
<li class="mb-1">Meterpreter</li>
84+
<ul class="ml-4">
85+
<li class="mb-1">reverse_tcp</li>
86+
<li class="mb-1">bind_tcp</li>
87+
</ul>
88+
</ul>
89+
</ul>
90+
</div>
91+
</div>
92+
<div class="w-full md:w-3/4 bg-gray-900 p-2 flex flex-col">
93+
<div class="flex justify-between mb-2">
94+
<div class="text-xs">Metasploit</div>
95+
<div class="text-xs">File Edit View Search Workspace Help</div>
96+
</div>
97+
<div class="flex justify-center mb-2">
98+
<div class="relative">
99+
<img alt="Screenshot of a Windows desktop" class="m-1" height="100" src="https://placehold.co/100x100" width="100"/>
100+
<div class="absolute bottom-0 left-0 bg-gray-900 text-xs p-1">Windows XP</div>
101+
</div>
102+
<div class="relative">
103+
<img alt="Screenshot of a Windows desktop" class="m-1" height="100" src="https://placehold.co/100x100" width="100"/>
104+
<div class="absolute bottom-0 left-0 bg-gray-900 text-xs p-1">Windows 7</div>
105+
</div>
106+
<div class="relative">
107+
<img alt="Screenshot of a Windows desktop" class="m-1 border-2 border-red-500" height="100" src="https://placehold.co/100x100" width="100"/>
108+
<div class="absolute bottom-0 left-0 bg-gray-900 text-xs p-1">Windows 10</div>
109+
</div>
110+
<div class="relative">
111+
<img alt="Screenshot of a Windows desktop" class="m-1" height="100" src="https://placehold.co/100x100" width="100"/>
112+
<div class="absolute bottom-0 left-0 bg-gray-900 text-xs p-1">Linux</div>
113+
</div>
114+
<div class="relative">
115+
<img alt="Screenshot of a Windows desktop" class="m-1" height="100" src="https://placehold.co/100x100" width="100"/>
116+
<div class="absolute bottom-0 left-0 bg-gray-900 text-xs p-1">macOS</div>
117+
</div>
118+
</div>
119+
<div class="bg-gray-700 p-2 mb-2 flex-grow">
120+
<div class="flex justify-between">
121+
<div class="text-xs">ms08_067_netapi</div>
122+
<div class="text-xs">192.168.1.101</div>
123+
</div>
124+
<div class="flex justify-between">
125+
<div class="text-xs">ms09_001_write</div>
126+
<div class="text-xs">192.168.1.102</div>
127+
</div>
128+
<div class="flex justify-between">
129+
<div class="text-xs">ms10_002_ie</div>
130+
<div class="text-xs">192.168.1.103</div>
131+
</div>
132+
<div class="flex justify-between">
133+
<div class="text-xs">ms11_003_ie</div>
134+
<div class="text-xs">192.168.1.104</div>
135+
</div>
136+
<div class="flex justify-between">
137+
<div class="text-xs">ms12_004_ie</div>
138+
<div class="text-xs">192.168.1.105</div>
139+
</div>
140+
</div>
141+
<div class="bg-gray-700 p-2 flex-grow">
142+
<div class="text-xs">[*] Metasploit v3.3.4-dev (core:3.3 api:1.0)</div>
143+
<div class="text-xs">[*] Server started.</div>
144+
<div class="text-xs">[*] ms08_067_netapi - 192.168.1.101</div>
145+
<div class="text-xs">[*] ms09_001_write - 192.168.1.102</div>
146+
<div class="text-xs">[*] ms10_002_ie - 192.168.1.103</div>
147+
<div class="text-xs">[*] ms11_003_ie - 192.168.1.104</div>
148+
<div class="text-xs">[*] ms12_004_ie - 192.168.1.105</div>
149+
<div class="text-xs">[*] Meterpreter session 1 opened (192.168.1.100:4444 -> 192.168.1.101:4444) at Mon Nov 29 20:47:00 2023</div>
150+
</div>
151+
<div class="bg-gray-700 p-2 mt-2">
152+
<div class="text-xs">msf &gt;</div>
153+
</div>
154+
</div>
155+
</div>
156+
</div>
157+
<div class="context-menu" id="context-menu">
158+
<a href="#">Scan</a>
159+
<a href="#">Attack</a>
160+
<a href="#">Exploit</a>
161+
<a href="#">Post</a>
162+
<a href="#">Sessions</a>
163+
<a href="#">Services</a>
164+
<a href="#">Loot</a>
165+
<a href="#">Host</a>
166+
<a href="#">Route</a>
167+
<a href="#">Pivot</a>
168+
</div>
169+
<script>
170+
const { createApp, ref } = Vue
171+
createApp({
172+
setup() {
173+
return {}
174+
}
175+
}).mount('#app')
176+
177+
document.addEventListener('contextmenu', function (e) {
178+
e.preventDefault();
179+
const contextMenu = document.getElementById('context-menu');
180+
contextMenu.style.display = 'block';
181+
contextMenu.style.left = `${e.pageX}px`;
182+
contextMenu.style.top = `${e.pageY}px`;
183+
});
184+
185+
document.addEventListener('click', function () {
186+
const contextMenu = document.getElementById('context-menu');
187+
contextMenu.style.display = 'none';
188+
});
189+
</script>
190+
</body>
191+
</html>
Lines changed: 194 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,194 @@
1+
<html>
2+
<head>
3+
<title>
4+
VPN Dashboard
5+
</title>
6+
<script src="https://registry.npmmirror.com/vue/3.3.11/files/dist/vue.global.js">
7+
</script>
8+
<script src="https://cdn.tailwindcss.com">
9+
</script>
10+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
11+
<style>
12+
body {
13+
background-color: #1a1a2e;
14+
color: #fff;
15+
font-family: 'Arial', sans-serif;
16+
}
17+
.sidebar {
18+
background-color: #2e2e3a;
19+
}
20+
.map-container {
21+
background-color: #1a1a2e;
22+
}
23+
.map {
24+
background-image: url('https://placehold.co/800x400/1a1a2e/1a1a2e');
25+
background-size: cover;
26+
background-position: center;
27+
}
28+
.graph {
29+
background-color: #1a1a2e;
30+
}
31+
</style>
32+
</head>
33+
<body>
34+
<div class="flex h-screen" id="app">
35+
<div class="sidebar w-1/4 p-4">
36+
<div class="flex items-center justify-between mb-4">
37+
<i class="fas fa-bars text-xl">
38+
</i>
39+
<i class="fas fa-window-minimize text-xl">
40+
</i>
41+
</div>
42+
<div class="mb-4">
43+
<div class="flex items-center mb-2">
44+
<img alt="Switzerland flag" class="mr-2" height="30" src="https://storage.googleapis.com/a1aa/image/c-1on5tx_THvFpVtquDnQUMawK0QzMzQEQG7c9OETAM.jpg" width="50"/>
45+
<div>
46+
<div>
47+
Switzerland » CH#10
48+
</div>
49+
<div class="text-sm text-gray-400">
50+
IP: 185.159.157.19
51+
</div>
52+
<div class="text-sm text-gray-400">
53+
25% Load
54+
</div>
55+
<div class="text-sm text-gray-400">
56+
WireGuard
57+
</div>
58+
<div class="text-sm text-gray-400">
59+
0 B/s ↑ 224 B/s ↓
60+
</div>
61+
</div>
62+
</div>
63+
<button class="w-full py-2 mt-2 bg-red-600 rounded">
64+
Disconnect
65+
</button>
66+
</div>
67+
<div class="mb-4">
68+
<div class="flex justify-between mb-2">
69+
<button class="flex-1 py-2 bg-gray-700 rounded-l">
70+
Countries
71+
</button>
72+
<button class="flex-1 py-2 bg-gray-700 rounded-r">
73+
Profiles
74+
</button>
75+
</div>
76+
<div class="flex justify-between mb-2">
77+
<i class="fas fa-lock text-xl">
78+
</i>
79+
<i class="fas fa-shield-alt text-xl">
80+
</i>
81+
<i class="fas fa-user text-xl">
82+
</i>
83+
</div>
84+
<input class="w-full p-2 bg-gray-800 rounded mb-2" placeholder="Search" type="text"/>
85+
<div class="overflow-y-auto" style="max-height: 300px;">
86+
<div class="mb-2">
87+
<div class="flex items-center justify-between">
88+
<div class="flex items-center">
89+
<img alt="Argentina flag" class="mr-2" height="20" src="https://storage.googleapis.com/a1aa/image/Ql-462wSPdJx8TKCJM51YnugASXEmXdxDQcG-GQGoLU.jpg" width="20"/>
90+
<div>
91+
Argentina
92+
</div>
93+
</div>
94+
<i class="fas fa-chevron-down">
95+
</i>
96+
</div>
97+
</div>
98+
<div class="mb-2">
99+
<div class="flex items-center justify-between">
100+
<div class="flex items-center">
101+
<img alt="Australia flag" class="mr-2" height="20" src="https://storage.googleapis.com/a1aa/image/rMOGTOOzR780-VvBiPlDXlIuil6nkaRGnH9t75d_5ts.jpg" width="20"/>
102+
<div>
103+
Australia
104+
</div>
105+
</div>
106+
<i class="fas fa-chevron-down">
107+
</i>
108+
</div>
109+
</div>
110+
<div class="mb-2">
111+
<div class="flex items-center justify-between">
112+
<div class="flex items-center">
113+
<img alt="Austria flag" class="mr-2" height="20" src="https://storage.googleapis.com/a1aa/image/ZkZynPmwvMztI3FklmKvV-mYzyNDWsrKtz3-TSQnEGU.jpg" width="20"/>
114+
<div>
115+
Austria
116+
</div>
117+
</div>
118+
<i class="fas fa-chevron-down">
119+
</i>
120+
</div>
121+
</div>
122+
<div class="mb-2">
123+
<div class="flex items-center justify-between">
124+
<div class="flex items-center">
125+
<img alt="Belgium flag" class="mr-2" height="20" src="https://storage.googleapis.com/a1aa/image/qbxV2jZyLoxNhepSSLd6QUHjrAUHTf0VuOv1ezXvDDM.jpg" width="20"/>
126+
<div>
127+
Belgium
128+
</div>
129+
</div>
130+
<i class="fas fa-chevron-down">
131+
</i>
132+
</div>
133+
</div>
134+
<div class="mb-2">
135+
<div class="flex items-center justify-between">
136+
<div class="flex items-center">
137+
<img alt="Brazil flag" class="mr-2" height="20" src="https://storage.googleapis.com/a1aa/image/zWFEjtluaVPS_Yd3jDrmyz9tnboNvunRjq6ZiCipzXc.jpg" width="20"/>
138+
<div>
139+
Brazil
140+
</div>
141+
</div>
142+
<i class="fas fa-chevron-down">
143+
</i>
144+
</div>
145+
</div>
146+
</div>
147+
</div>
148+
</div>
149+
<div class="map-container flex-1 p-4">
150+
<div class="flex items-center justify-between mb-4">
151+
<div class="text-xl">
152+
CONNECTED
153+
</div>
154+
<img alt="ProtonVPN logo" height="30" src="https://storage.googleapis.com/a1aa/image/KIr4iw21o9elVaqhjL_U3ewMlbpoRk5LnJh3tS7bMyI.jpg" width="50"/>
155+
</div>
156+
<div class="map w-full h-2/3 mb-4">
157+
</div>
158+
<div class="graph w-full h-1/3 p-4">
159+
<div class="text-sm mb-2">
160+
Session Traffic
161+
</div>
162+
<div class="text-xs mb-2">
163+
Session: 11s
164+
</div>
165+
<div class="text-xs mb-2">
166+
Down Volume: 33.6 KB
167+
</div>
168+
<div class="text-xs mb-2">
169+
Up Volume: 2.41 KB
170+
</div>
171+
<div class="text-xs mb-2">
172+
Down Speed: 0 B/s
173+
</div>
174+
<div class="text-xs mb-2">
175+
Up Speed: 0 B/s
176+
</div>
177+
<div class="text-xs mb-2">
178+
Speed: 15.3 KB/s
179+
</div>
180+
<div class="w-full h-24 bg-gray-800">
181+
</div>
182+
</div>
183+
</div>
184+
</div>
185+
<script>
186+
const { createApp, ref } = Vue
187+
createApp({
188+
setup() {
189+
return {}
190+
}
191+
}).mount('#app')
192+
</script>
193+
</body>
194+
</html>

0 commit comments

Comments
 (0)