Skip to content

Commit d0f5954

Browse files
Add files via upload
1 parent a272fb2 commit d0f5954

6 files changed

+676
-0
lines changed
Lines changed: 163 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,163 @@
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+
<a href="https://www.cia.gov/">
21+
<img alt="CIA main 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/cia-main-logo.png" width="40"/>
22+
</a>
23+
<span class="text-xl font-bold">
24+
CIA Special Activities Division
25+
</span>
26+
</div>
27+
<nav class="space-x-4">
28+
<a class="hover:underline" href="https://www.cia.gov/">
29+
Home
30+
</a>
31+
<a class="hover:underline" href="https://www.cia.gov/about/">
32+
About
33+
</a>
34+
<a class="hover:underline" href="https://www.cia.gov/contact-cia/">
35+
Contact
36+
</a>
37+
</nav>
38+
<div class="flex space-x-2">
39+
<a class="bg-white text-gray-800 rounded-full p-2" href="https://www.facebook.com/Central.Intelligence.Agency">
40+
<i class="fab fa-facebook-f">
41+
</i>
42+
</a>
43+
<a class="bg-white text-gray-800 rounded-full p-2" href="https://twitter.com/CIA">
44+
<i class="fab fa-twitter">
45+
</i>
46+
</a>
47+
<a class="bg-white text-gray-800 rounded-full p-2" href="https://www.linkedin.com/company/central-intelligence-agency/">
48+
<i class="fab fa-linkedin-in">
49+
</i>
50+
</a>
51+
<a class="bg-white text-gray-800 rounded-full p-2" href="https://www.instagram.com/cia/">
52+
<i class="fab fa-instagram">
53+
</i>
54+
</a>
55+
<a class="bg-white text-gray-800 rounded-full p-2" href="https://www.youtube.com/user/ciagov">
56+
<i class="fab fa-youtube">
57+
</i>
58+
</a>
59+
</div>
60+
</div>
61+
</header>
62+
<main class="flex-grow flex items-center justify-center">
63+
<div class="bg-gray-800 text-white rounded-lg shadow-lg p-8 w-full max-w-md">
64+
<div class="flex justify-center mb-6">
65+
<img alt="CIA Special Activities Division logo, a circular emblem with an eagle in the center and the words 'Special Activities Division' around the edge" class="w-24 h-24" height="100" src="https://storage.googleapis.com/a1aa/image/cia-sad-logo.png" width="100"/>
66+
</div>
67+
<h1 class="text-2xl font-bold text-center mb-4">
68+
Special Activities Division
69+
</h1>
70+
<h2 class="text-xl font-semibold text-center mb-6">
71+
Login Portal
72+
</h2>
73+
<form>
74+
<div class="mb-4">
75+
<label class="block text-sm font-medium mb-2" for="username">
76+
Username
77+
</label>
78+
<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"/>
79+
</div>
80+
<div class="mb-6">
81+
<label class="block text-sm font-medium mb-2" for="password">
82+
Password
83+
</label>
84+
<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"/>
85+
</div>
86+
<div class="flex items-center justify-between mb-6">
87+
<div class="flex items-center">
88+
<input class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" id="remember" type="checkbox"/>
89+
<label class="ml-2 block text-sm" for="remember">
90+
Remember me
91+
</label>
92+
</div>
93+
<a class="text-sm text-blue-500 hover:underline" href="#">
94+
Forgot password?
95+
</a>
96+
</div>
97+
<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">
98+
Login
99+
</button>
100+
</form>
101+
<div class="text-center mt-6">
102+
<a class="text-sm text-blue-500 hover:underline" href="#">
103+
Device Passkey
104+
</a>
105+
<span class="mx-2">
106+
|
107+
</span>
108+
<a class="text-sm text-blue-500 hover:underline" href="#">
109+
Physical Passkey
110+
</a>
111+
</div>
112+
</div>
113+
</main>
114+
<footer class="bg-gray-800 text-white py-8">
115+
<div class="container mx-auto text-center">
116+
<div class="mb-4">
117+
<nav class="space-x-4">
118+
<a class="hover:underline" href="https://www.cia.gov/">
119+
Home
120+
</a>
121+
<a class="hover:underline" href="https://www.cia.gov/about/">
122+
About
123+
</a>
124+
<a class="hover:underline" href="https://www.cia.gov/contact-cia/">
125+
Contact
126+
</a>
127+
<a class="hover:underline" href="https://www.cia.gov/careers/">
128+
Careers
129+
</a>
130+
<a class="hover:underline" href="https://www.cia.gov/privacy-policy/">
131+
Privacy Policy
132+
</a>
133+
</nav>
134+
</div>
135+
<div class="flex justify-center space-x-2 mb-4">
136+
<a class="bg-white text-gray-800 rounded-full p-2" href="https://www.facebook.com/Central.Intelligence.Agency">
137+
<i class="fab fa-facebook-f">
138+
</i>
139+
</a>
140+
<a class="bg-white text-gray-800 rounded-full p-2" href="https://twitter.com/CIA">
141+
<i class="fab fa-twitter">
142+
</i>
143+
</a>
144+
<a class="bg-white text-gray-800 rounded-full p-2" href="https://www.linkedin.com/company/central-intelligence-agency/">
145+
<i class="fab fa-linkedin-in">
146+
</i>
147+
</a>
148+
<a class="bg-white text-gray-800 rounded-full p-2" href="https://www.instagram.com/cia/">
149+
<i class="fab fa-instagram">
150+
</i>
151+
</a>
152+
<a class="bg-white text-gray-800 rounded-full p-2" href="https://www.youtube.com/user/ciagov">
153+
<i class="fab fa-youtube">
154+
</i>
155+
</a>
156+
</div>
157+
<p class="text-sm">
158+
© 2023 CIA Special Activities Division. All rights reserved.
159+
</p>
160+
</div>
161+
</footer>
162+
</body>
163+
</html>

chatbot_ai_participant_selection.html

Lines changed: 153 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,153 @@
1+
<html>
2+
<head>
3+
<title>AI Models</title>
4+
<script src="https://registry.npmmirror.com/vue/3.3.11/files/dist/vue.global.js"></script>
5+
<script src="https://cdn.tailwindcss.com"></script>
6+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
7+
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
8+
<style>
9+
body {
10+
font-family: 'Roboto', sans-serif;
11+
background-color: #0f172a;
12+
color: #e2e8f0;
13+
}
14+
</style>
15+
</head>
16+
<body>
17+
<div id="app" class="p-4">
18+
<div class="flex items-center justify-between mb-4">
19+
<div class="flex items-center space-x-2">
20+
<i class="fas fa-home text-white"></i>
21+
<span class="text-gray-400">venice.ai/chat/XZi</span>
22+
</div>
23+
<div class="flex items-center space-x-2">
24+
<i class="fas fa-share-alt text-white"></i>
25+
<i class="fas fa-ellipsis-v text-white"></i>
26+
</div>
27+
</div>
28+
<div class="flex items-center justify-between mb-4">
29+
<div class="flex space-x-4">
30+
<button class="text-white border-b-2 border-white pb-1">Text</button>
31+
<button class="text-gray-400">Image</button>
32+
<button class="text-gray-400">Code</button>
33+
</div>
34+
<div class="relative">
35+
<button class="text-white flex items-center space-x-1">
36+
<span>Models</span>
37+
<i class="fas fa-chevron-down"></i>
38+
</button>
39+
</div>
40+
<div class="flex items-center space-x-2">
41+
<i class="fas fa-bell text-white"></i>
42+
<i class="fas fa-cog text-white"></i>
43+
</div>
44+
</div>
45+
<div class="space-y-4">
46+
<div class="bg-gray-800 p-4 rounded-lg flex items-center justify-between">
47+
<div class="flex items-center space-x-4">
48+
<div class="bg-red-600 text-white rounded-full w-10 h-10 flex items-center justify-center">
49+
<span class="font-bold">L7</span>
50+
</div>
51+
<div>
52+
<div class="flex items-center space-x-2">
53+
<span class="text-white font-medium">Llama 3.3 70B</span>
54+
<span class="bg-gray-600 text-gray-400 text-xs px-2 py-1 rounded">DEFAULT</span>
55+
<span class="bg-yellow-500 text-gray-800 text-xs px-2 py-1 rounded">BETA</span>
56+
</div>
57+
<div class="text-gray-400 text-sm">30K • Web Search</div>
58+
</div>
59+
</div>
60+
<i class="fas fa-check-circle text-blue-500"></i>
61+
</div>
62+
<div class="bg-gray-800 p-4 rounded-lg flex items-center justify-between">
63+
<div class="flex items-center space-x-4">
64+
<div class="bg-blue-500 text-white rounded-full w-10 h-10 flex items-center justify-center">
65+
<span class="font-bold">L3</span>
66+
</div>
67+
<div>
68+
<div class="flex items-center space-x-2">
69+
<span class="text-white font-medium">Llama 3.2 3B</span>
70+
</div>
71+
<div class="text-gray-400 text-sm">120K • Fastest</div>
72+
</div>
73+
</div>
74+
</div>
75+
<div class="bg-gray-800 p-4 rounded-lg flex items-center justify-between">
76+
<div class="flex items-center space-x-4">
77+
<div class="bg-purple-700 text-white rounded-full w-10 h-10 flex items-center justify-center">
78+
<span class="font-bold">D7</span>
79+
</div>
80+
<div>
81+
<div class="flex items-center space-x-2">
82+
<span class="text-white font-medium">Dolphin 72B</span>
83+
<span class="bg-gray-600 text-gray-400 text-xs px-2 py-1 rounded">PRO</span>
84+
</div>
85+
<div class="text-gray-400 text-sm">7K • Most Uncensored</div>
86+
</div>
87+
</div>
88+
</div>
89+
<div class="bg-gray-800 p-4 rounded-lg flex items-center justify-between">
90+
<div class="flex items-center space-x-4">
91+
<div class="bg-purple-500 text-white rounded-full w-10 h-10 flex items-center justify-center">
92+
<span class="font-bold">L4</span>
93+
</div>
94+
<div>
95+
<div class="flex items-center space-x-2">
96+
<span class="text-white font-medium">Llama 3.1 405B</span>
97+
<span class="bg-gray-600 text-gray-400 text-xs px-2 py-1 rounded">PRO</span>
98+
</div>
99+
<div class="text-gray-400 text-sm">58K • Most Intelligent • Web Search</div>
100+
</div>
101+
</div>
102+
</div>
103+
<div class="bg-gray-800 p-4 rounded-lg flex items-center justify-between">
104+
<div class="flex items-center space-x-4">
105+
<div class="bg-purple-700 text-white rounded-full w-10 h-10 flex items-center justify-center">
106+
<span class="font-bold">Q3</span>
107+
</div>
108+
<div>
109+
<div class="flex items-center space-x-2">
110+
<span class="text-white font-medium">Qwen 2.5 Code</span>
111+
<span class="bg-yellow-500 text-gray-800 text-xs px-2 py-1 rounded">BETA</span>
112+
<span class="bg-gray-600 text-gray-400 text-xs px-2 py-1 rounded">PRO</span>
113+
</div>
114+
<div class="text-gray-400 text-sm">30K • Best for Code</div>
115+
</div>
116+
</div>
117+
</div>
118+
</div>
119+
<div class="bg-gray-800 p-4 rounded-lg mt-4">
120+
<div class="flex items-center space-x-2">
121+
<i class="fas fa-info-circle text-gray-400"></i>
122+
<span class="text-white font-medium">What are Models?</span>
123+
</div>
124+
<p class="text-gray-400 text-sm mt-2">Models provide different degrees of intelligence, functionality, and personality. Venice provides several state-of-the-art open-source AI models to choose from.</p>
125+
</div>
126+
<div class="flex items-center space-x-4 mt-4">
127+
<button class="bg-blue-500 text-white p-2 rounded-full">
128+
<i class="fas fa-comment-dots"></i>
129+
</button>
130+
<button class="bg-gray-800 text-white p-2 rounded-full">
131+
<i class="fas fa-image"></i>
132+
</button>
133+
<button class="bg-gray-800 text-white p-2 rounded-full">
134+
<i class="fas fa-code"></i>
135+
</button>
136+
<button class="bg-gray-800 text-white p-2 rounded-full">
137+
<i class="fas fa-globe"></i>
138+
</button>
139+
</div>
140+
</div>
141+
<script>
142+
const { createApp, ref } = Vue
143+
createApp({
144+
setup() {
145+
const message = ref('Hello vue!')
146+
return {
147+
message
148+
}
149+
}
150+
}).mount('#app')
151+
</script>
152+
</body>
153+
</html>

0 commit comments

Comments
 (0)