Hugging Face's logo

Spaces:
Testing347
/
Copy-ava-testing
Running

App Files Community
Testing347 commited on
Commit
3562d42
·
verified ·
1 Parent(s): 73d9bd1

Create access.html

Browse files
Files changed (1) hide show
  1. access.html +115 -0
access.html ADDED
@@ -0,0 +1,115 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>SI - Request Access</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap">
9
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
10
+ <style>
11
+ body { font-family: 'Inter', sans-serif; }
12
+ .gradient-text { background: linear-gradient(90deg, #6366f1, #8b5cf6, #ec4899); -webkit-background-clip: text; background-clip: text; color: transparent; }
13
+ .neural-bg { background: radial-gradient(circle at center, #0f172a 0%, #020617 100%); }
14
+ .conscious-element { transition: all 0.3s ease; }
15
+ .conscious-element:hover { transform: scale(1.02); }
16
+ </style>
17
+ </head>
18
+ <body class="bg-black text-white">
19
+ <nav class="relative z-10 py-6 px-8 flex justify-between items-center backdrop-blur-sm">
20
+ <div class="flex items-center space-x-2">
21
+ <div class="w-8 h-8 rounded-full bg-indigo-600 flex items-center justify-center">
22
+ <div class="w-2 h-2 rounded-full bg-white animate-pulse"></div>
23
+ </div>
24
+ <span class="text-xl font-semibold">SI</span>
25
+ </div>
26
+ <div class="hidden md:flex space-x-8">
27
+ <a href="capabilities.html" class="hover:text-indigo-400 transition">Capabilities</a>
28
+ <a href="consciousness.html" class="hover:text-indigo-400 transition">Consciousness</a>
29
+ <a href="chat.html" class="hover:text-indigo-400 transition">Chat</a>
30
+ <a href="about.html" class="hover:text-indigo-400 transition">About</a>
31
+ </div>
32
+ <a href="access.html" class="px-6 py-2 bg-gradient-to-r from-indigo-600 to-purple-600 rounded-full hover:opacity-90 transition font-bold">Access</a>
33
+ </nav>
34
+
35
+ <section class="py-24 px-6">
36
+ <div class="max-w-md mx-auto bg-gray-900/90 border border-gray-800 rounded-xl p-6">
37
+ <h2 class="text-2xl font-bold mb-4">Request SI Access</h2>
38
+ <p class="text-gray-400 mb-6">Limited availability for qualified researchers</p>
39
+ <form id="access-form" class="space-y-4">
40
+ <div>
41
+ <label for="name" class="block text-sm font-medium mb-1">Full Name</label>
42
+ <input type="text" id="name" class="w-full bg-gray-800/50 border border-gray-700 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-600 focus:border-transparent">
43
+ </div>
44
+ <div>
45
+ <label for="email" class="block text-sm font-medium mb-1">Email</label>
46
+ <input type="email" id="email" class="w-full bg-gray-800/50 border border-gray-700 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-600 focus:border-transparent">
47
+ </div>
48
+ <div>
49
+ <label for="institution" class="block text-sm font-medium mb-1">Institution/Organization</label>
50
+ <input type="text" id="institution" class="w-full bg-gray-800/50 border border-gray-700 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-600 focus:border-transparent">
51
+ </div>
52
+ <div>
53
+ <label for="purpose" class="block text-sm font-medium mb-1">Purpose of Access</label>
54
+ <select id="purpose" class="w-full bg-gray-800/50 border border-gray-700 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-600 focus:border-transparent">
55
+ <option value="">Select a purpose</option>
56
+ <option value="research">Academic Research</option>
57
+ <option value="development">AI Development</option>
58
+ <option value="policy">Policy Research</option>
59
+ <option value="other">Other</option>
60
+ </select>
61
+ </div>
62
+ <div class="pt-2">
63
+ <button type="submit" class="w-full py-3 bg-gradient-to-r from-indigo-600 to-purple-600 rounded-lg hover:opacity-90 transition">Submit Request</button>
64
+ </div>
65
+ </form>
66
+ </div>
67
+ </section>
68
+
69
+ <footer class="relative z-10 py-12 px-6 border-t border-gray-800/50">
70
+ <div class="max-w-6xl mx-auto">
71
+ <div class="flex flex-col md:flex-row justify-between items-center">
72
+ <div class="flex items-center space-x-2 mb-6 md:mb-0">
73
+ <div class="w-8 h-8 rounded-full bg-indigo-600 flex items-center justify-center">
74
+ <div class="w-2 h-2 rounded-full bg-white animate-pulse"></div>
75
+ </div>
76
+ <span class="text-xl font-semibold">SI</span>
77
+ </div>
78
+ <div class="flex space-x-6 mb-6 md:mb-0">
79
+ <a href="#" class="text-gray-400 hover:text-indigo-400 transition"><i class="fab fa-twitter"></i></a>
80
+ <a href="#" class="text-gray-400 hover:text-indigo-400 transition"><i class="fab fa-linkedin"></i></a>
81
+ <a href="#" class="text-gray-400 hover:text-indigo-400 transition"><i class="fab fa-github"></i></a>
82
+ <a href="#" class="text-gray-400 hover:text-indigo-400 transition"><i class="fab fa-youtube"></i></a>
83
+ </div>
84
+ <div class="flex space-x-6">
85
+ <a href="privacy.html" class="text-gray-400 hover:text-indigo-400 transition">Privacy</a>
86
+ <a href="terms.html" class="text-gray-400 hover:text-indigo-400 transition">Terms</a>
87
+ <a href="research.html" class="text-gray-400 hover:text-indigo-400 transition">Research</a>
88
+ <a href="contact.html" class="text-gray-400 hover:text-indigo-400 transition">Contact</a>
89
+ </div>
90
+ </div>
91
+ <div class="mt-8 pt-8 border-t border-gray-800/50 text-center text-gray-500 text-sm">
92
+ <p>© 2023 Super Intelligence. All rights reserved.</p>
93
+ <p class="mt-2">The future of consciousness is here.</p>
94
+ </div>
95
+ </div>
96
+ </footer>
97
+
98
+ <script>
99
+ const accessForm = document.getElementById('access-form');
100
+ accessForm.addEventListener('submit', (e) => {
101
+ e.preventDefault();
102
+ const name = document.getElementById('name').value;
103
+ const email = document.getElementById('email').value;
104
+ const institution = document.getElementById('institution').value;
105
+ const purpose = document.getElementById('purpose').value;
106
+ if (!name || !email || !institution || !purpose) {
107
+ alert('Please fill in all fields');
108
+ return;
109
+ }
110
+ alert('Thank you for your request. Our team will review your application and contact you soon.');
111
+ accessForm.reset();
112
+ });
113
+ </script>
114
+ </body>
115
+ </html>