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 ></ 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 >
0 commit comments