Skip to content

Commit ba899ab

Browse files
ProjectZeroDaysProjectZeroDays
authored
Add files via upload
1 parent d0f5954 commit ba899ab

16 files changed

+1878
-48
lines changed

‎src/frontend/admin_login.html

Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,112 @@
1+
<html>
2+
<head>
3+
<title>
4+
CIA Special Activities Division Login Portal
5+
</title>
6+
<script src="https://cdn.tailwindcss.com">
7+
</script>
8+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
9+
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&amp;display=swap" rel="stylesheet"/>
10+
<style>
11+
body {
12+
font-family: 'Roboto', sans-serif;
13+
}
14+
</style>
15+
</head>
16+
<body class="bg-gray-900 flex flex-col min-h-screen">
17+
<header class="bg-gray-800 text-white py-4">
18+
<div class="container mx-auto flex justify-between items-center">
19+
<div class="flex items-center space-x-4">
20+
<img alt="CIA logo, a circular emblem with an eagle in the center and the words 'Central Intelligence Agency' around the edge" class="w-10 h-10" height="40" src="https://storage.googleapis.com/a1aa/image/M3goJkmASo5JPxLEfnXwv5NePo7x0ZeAGdeMR0oc07s0NQiQB.jpg" width="40"/>
21+
<span class="text-xl font-bold">
22+
CIA Special Activities Division
23+
</span>
24+
</div>
25+
<nav class="space-x-4">
26+
<a class="hover:underline" href="#">
27+
Home
28+
</a>
29+
<a class="hover:underline" href="#">
30+
About
31+
</a>
32+
<a class="hover:underline" href="#">
33+
Contact
34+
</a>
35+
</nav>
36+
<div class="flex space-x-2">
37+
<a class="bg-white text-gray-800 rounded-full p-2" href="#">
38+
<i class="fab fa-facebook-f">
39+
</i>
40+
</a>
41+
<a class="bg-white text-gray-800 rounded-full p-2" href="#">
42+
<i class="fab fa-twitter">
43+
</i>
44+
</a>
45+
<a class="bg-white text-gray-800 rounded-full p-2" href="#">
46+
<i class="fab fa-linkedin-in">
47+
</i>
48+
</a>
49+
</div>
50+
</div>
51+
</header>
52+
<main class="flex-grow flex items-center justify-center">
53+
<div class="bg-gray-800 text-white rounded-lg shadow-lg p-8 w-full max-w-md">
54+
<div class="flex justify-center mb-6">
55+
<img alt="CIA logo, a circular emblem with an eagle in the center and the words 'Central Intelligence Agency' around the edge" class="w-24 h-24" height="100" src="https://storage.googleapis.com/a1aa/image/M3goJkmASo5JPxLEfnXwv5NePo7x0ZeAGdeMR0oc07s0NQiQB.jpg" width="100"/>
56+
</div>
57+
<h1 class="text-2xl font-bold text-center mb-4">
58+
Special Activities Division
59+
</h1>
60+
<h2 class="text-xl font-semibold text-center mb-6">
61+
Login Portal
62+
</h2>
63+
<form>
64+
<div class="mb-4">
65+
<label class="block text-sm font-medium mb-2" for="username">
66+
Username
67+
</label>
68+
<input class="w-full px-3 py-2 bg-gray-700 text-white rounded focus:outline-none focus:ring-2 focus:ring-blue-500" id="username" placeholder="Enter your username" type="text"/>
69+
</div>
70+
<div class="mb-6">
71+
<label class="block text-sm font-medium mb-2" for="password">
72+
Password
73+
</label>
74+
<input class="w-full px-3 py-2 bg-gray-700 text-white rounded focus:outline-none focus:ring-2 focus:ring-blue-500" id="password" placeholder="Enter your password" type="password"/>
75+
</div>
76+
<div class="flex items-center justify-between mb-6">
77+
<div class="flex items-center">
78+
<input class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" id="remember" type="checkbox"/>
79+
<label class="ml-2 block text-sm" for="remember">
80+
Remember me
81+
</label>
82+
</div>
83+
<a class="text-sm text-blue-500 hover:underline" href="#">
84+
Forgot password?
85+
</a>
86+
</div>
87+
<button class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:ring-2 focus:ring-blue-500" type="submit">
88+
Login
89+
</button>
90+
</form>
91+
<div class="text-center mt-6">
92+
<a class="text-sm text-blue-500 hover:underline" href="#">
93+
Device Passkey
94+
</a>
95+
<span class="mx-2">
96+
|
97+
</span>
98+
<a class="text-sm text-blue-500 hover:underline" href="#">
99+
Physical Passkey
100+
</a>
101+
</div>
102+
</div>
103+
</main>
104+
<footer class="bg-gray-800 text-white py-4">
105+
<div class="container mx-auto text-center">
106+
<p class="text-sm">
107+
&copy; 2023 CIA Special Activities Division. All rights reserved.
108+
</p>
109+
</div>
110+
</footer>
111+
</body>
112+
</html>

‎src/frontend/ai_chatbot_dashboard_sidebar.html

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
<html>
2+
<head>
3+
<script src="https://cdn.tailwindcss.com">
4+
</script>
5+
<script src="https://registry.npmmirror.com/vue/3.3.11/files/dist/vue.global.js">
6+
</script>
7+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
8+
</head>
9+
<body class="bg-gray-900 text-white">
10+
<div class="h-screen flex flex-col" id="app">
11+
<div class="flex flex-col p-4 space-y-4">
12+
<div class="relative">
13+
<input class="w-full p-2 pl-10 bg-gray-800 text-white rounded-md focus:outline-none" placeholder="Search..." type="text"/>
14+
<i class="fas fa-search absolute left-3 top-3 text-gray-400">
15+
</i>
16+
</div>
17+
<div class="space-y-2">
18+
<div class="flex items-center space-x-2">
19+
<i class="fas fa-comments text-gray-400">
20+
</i>
21+
<span>
22+
Chat
23+
</span>
24+
</div>
25+
<div class="flex items-center space-x-2">
26+
<i class="fas fa-user text-gray-400">
27+
</i>
28+
<span>
29+
Characters
30+
</span>
31+
<span class="bg-purple-600 text-xs text-white px-2 py-1 rounded-md">
32+
Pro
33+
</span>
34+
</div>
35+
</div>
36+
<div class="text-gray-500">
37+
FOLDERS
38+
</div>
39+
<div class="flex items-center space-x-2">
40+
<i class="fas fa-folder-plus text-gray-400">
41+
</i>
42+
</div>
43+
<div class="text-gray-500">
44+
CHATS
45+
</div>
46+
<div class="flex items-center justify-between p-2 bg-gray-800 rounded-md">
47+
<span>
48+
Hi
49+
</span>
50+
<div class="flex items-center space-x-2">
51+
<i class="fas fa-pen text-gray-400">
52+
</i>
53+
<i class="fas fa-trash text-gray-400">
54+
</i>
55+
<i class="fas fa-download text-gray-400">
56+
</i>
57+
</div>
58+
</div>
59+
</div>
60+
<div class="mt-auto p-4">
61+
<div class="flex items-center space-x-2">
62+
<img alt="User avatar" class="w-10 h-10 rounded-full" height="40" src="https://storage.googleapis.com/a1aa/image/7MeV1KheZZtWSUyfOWGuVkSm0umyIiAi7QlMteCEg5B4WUiQB.jpg" width="40"/>
63+
<div>
64+
<div>
65+
Venice Guest
66+
</div>
67+
<div class="text-blue-400">
68+
Learn about Venice
69+
</div>
70+
<div class="text-blue-400">
71+
Help &amp; Feedback
72+
</div>
73+
</div>
74+
</div>
75+
</div>
76+
</div>
77+
<script>
78+
const { createApp, ref } = Vue
79+
createApp({
80+
setup() {
81+
return {}
82+
}
83+
}).mount('#app')
84+
</script>
85+
</body>
86+
</html>

‎src/frontend/ai_chatbox_settings.html

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
<html>
2+
<head>
3+
<script src="https://registry.npmmirror.com/vue/3.3.11/files/dist/vue.global.js"></script>
4+
<script src="https://cdn.tailwindcss.com"></script>
5+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"></link>
6+
<style>
7+
body {
8+
background-color: #0f172a;
9+
color: #ffffff;
10+
font-family: Arial, sans-serif;
11+
}
12+
</style>
13+
</head>
14+
<body>
15+
<div id="app" class="p-4">
16+
<div class="flex items-center justify-between mb-4">
17+
<div class="flex items-center space-x-2">
18+
<i class="fas fa-home text-white"></i>
19+
<span class="text-gray-400">venice.ai/chat/XZi</span>
20+
</div>
21+
<div class="flex items-center space-x-2">
22+
<i class="fas fa-share-alt text-white"></i>
23+
<i class="fas fa-ellipsis-v text-white"></i>
24+
</div>
25+
</div>
26+
<div class="text-center text-white text-2xl mb-4">Settings</div>
27+
<div class="flex justify-center space-x-4 mb-4">
28+
<div class="text-gray-400">Text</div>
29+
<div class="text-gray-400">Image</div>
30+
<div class="text-blue-500"><i class="fas fa-code"></i> Code</div>
31+
<div class="text-gray-400">App</div>
32+
</div>
33+
<div class="border-b border-gray-600 mb-4"></div>
34+
<div class="mb-4">
35+
<div class="text-white text-lg mb-2">Model</div>
36+
<div class="flex items-center justify-between bg-gray-800 p-2 rounded">
37+
<span class="text-gray-400">Selected Model</span>
38+
<div class="flex items-center space-x-2">
39+
<span class="text-white">Llama 3.3 70B</span>
40+
<i class="fas fa-chevron-down text-white"></i>
41+
</div>
42+
</div>
43+
</div>
44+
<div class="mb-4">
45+
<div class="text-white text-lg mb-2">System Prompt</div>
46+
<div class="flex items-center justify-between bg-gray-800 p-2 rounded">
47+
<span class="text-gray-400">Control the AI's reality. Create a System Prompt to command how the AI behaves.</span>
48+
<button class="bg-blue-500 text-white px-2 py-1 rounded">+ Add</button>
49+
</div>
50+
</div>
51+
<div class="mb-4">
52+
<div class="text-white text-lg mb-2">Advanced Settings</div>
53+
<div class="flex items-center justify-between bg-gray-800 p-2 rounded">
54+
<span class="text-gray-400">Advanced Settings</span>
55+
<i class="fas fa-chevron-down text-white"></i>
56+
</div>
57+
</div>
58+
<div class="flex justify-center">
59+
<button class="bg-gray-700 text-white px-4 py-2 rounded">Reset to Default</button>
60+
</div>
61+
</div>
62+
<script>
63+
const { createApp, ref } = Vue;
64+
createApp({
65+
setup() {
66+
return {};
67+
}
68+
}).mount('#app');
69+
</script>
70+
</body>
71+
</html>

‎src/frontend/ai_chatbox_window.html

Lines changed: 109 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,109 @@
1+
<html>
2+
<head>
3+
<script src="https://registry.npmmirror.com/vue/3.3.11/files/dist/vue.global.js">
4+
</script>
5+
<script src="https://cdn.tailwindcss.com">
6+
</script>
7+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
8+
<style>
9+
body {
10+
background-color: #0f172a;
11+
color: #e2e8f0;
12+
font-family: 'Arial', sans-serif;
13+
}
14+
</style>
15+
</head>
16+
<body>
17+
<div class="h-screen flex flex-col justify-between" id="app">
18+
<div class="p-4 flex items-center justify-between border-b border-gray-700">
19+
<div class="flex items-center space-x-2">
20+
<i class="fas fa-home text-white">
21+
</i>
22+
<input class="bg-gray-800 text-gray-400 rounded-full px-4 py-1 text-sm" readonly="" type="text" value="venice.ai/chat/XZi"/>
23+
</div>
24+
<div class="flex items-center space-x-4">
25+
<i class="fas fa-share-alt text-white">
26+
</i>
27+
<i class="fas fa-ellipsis-v text-white">
28+
</i>
29+
</div>
30+
</div>
31+
<div class="flex-1 p-4">
32+
<div class="flex items-center justify-between mb-4">
33+
<div class="flex items-center space-x-2">
34+
<i class="fas fa-bars text-white">
35+
</i>
36+
<span class="text-gray-400">
37+
Models
38+
</span>
39+
<i class="fas fa-chevron-down text-gray-400">
40+
</i>
41+
</div>
42+
<div class="flex items-center space-x-4">
43+
<i class="fas fa-bell text-gray-400">
44+
</i>
45+
<i class="fas fa-sliders-h text-gray-400">
46+
</i>
47+
</div>
48+
</div>
49+
<div class="bg-gray-800 p-4 rounded-lg">
50+
<div class="flex items-center space-x-2 mb-2">
51+
<img alt="Venice logo" class="w-8 h-8 rounded-full" height="32" src="https://storage.googleapis.com/a1aa/image/4xVJ5FsqFBLQN5Hr3K53OMOXKH2qbqWBeB05igqHqckSfkIUA.jpg" width="32"/>
52+
<span class="font-bold text-white">
53+
Venice
54+
</span>
55+
<span class="text-gray-400 text-sm">
56+
2.84 sec • Llama 3.3 70B
57+
</span>
58+
</div>
59+
<p class="text-white mb-4">
60+
Hello. What's on your mind? Want to talk about something or ask a question?
61+
</p>
62+
<div class="flex space-x-4 text-gray-400">
63+
<i class="fas fa-copy">
64+
</i>
65+
<i class="fas fa-share">
66+
</i>
67+
<i class="fas fa-trash">
68+
</i>
69+
<i class="fas fa-flag">
70+
</i>
71+
<i class="fas fa-sync">
72+
</i>
73+
<i class="fas fa-sliders-h">
74+
</i>
75+
<i class="fas fa-ellipsis-h">
76+
</i>
77+
</div>
78+
</div>
79+
</div>
80+
<div class="p-4 border-t border-gray-700">
81+
<div class="flex items-center space-x-2">
82+
<i class="fas fa-paperclip text-gray-400">
83+
</i>
84+
<input class="flex-1 bg-gray-800 text-gray-400 rounded-full px-4 py-2" placeholder="Describe what you want to build..." type="text"/>
85+
<i class="fas fa-code text-blue-500">
86+
</i>
87+
<i class="fas fa-paper-plane text-blue-500">
88+
</i>
89+
</div>
90+
<div class="text-center mt-2">
91+
<a class="text-blue-500" href="#">
92+
Upgrade to Pro
93+
</a>
94+
</div>
95+
</div>
96+
</div>
97+
<script>
98+
const { createApp, ref } = Vue
99+
createApp({
100+
setup() {
101+
const message = ref('Hello vue!')
102+
return {
103+
message
104+
}
105+
}
106+
}).mount('#app')
107+
</script>
108+
</body>
109+
</html>

0 commit comments

Comments
 (0)