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