Hugging Face's logo

Spaces:
schniggie
/
cryptic-shield
Running

App Files Community
schniggie commited on
Commit
32d1db6
·
verified ·
1 Parent(s): 146e8fd

Redesign my website

Browse files
Files changed (2) hide show
  1. README.md +8 -5
  2. index.html +95 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Cryptic Shield
3
- emoji: 🐠
4
- colorFrom: blue
5
- colorTo: green
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
1
  ---
2
+ title: Cryptic Shield 🛡️
3
+ colorFrom: green
4
+ colorTo: gray
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
index.html CHANGED
@@ -1,19 +1,96 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
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>Cryptic Shield - Home</title>
7
+ <link rel="icon" type="image/x-icon" href="https://drehsec.tk/images/drehsec_bg.png">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script src="https://unpkg.com/feather-icons"></script>
11
+ <style>
12
+ html { scroll-behavior: smooth; }
13
+ .vanta-canvas { z-index: -1 !important; }
14
+ </style>
15
+ </head>
16
+ <body class="bg-gradient-to-br from-gray-900 to-black text-white undefined-mode overflow-x-hidden">
17
+ <!-- Vanta Background -->
18
+ <script src="https://cdn.jsdelivr.net/npm/three@0.119.1/build/three.min.js"></script>
19
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
20
+ <script>
21
+ VANTA.NET({
22
+ el: "body",
23
+ mouseControls: true,
24
+ touchControls: true,
25
+ gyroControls: false,
26
+ minHeight: 200.00,
27
+ minWidth: 200.00,
28
+ scale: 1.00,
29
+ scaleMobile: 1.00,
30
+ color: 0x0080ff,
31
+ backgroundColor: 0x0,
32
+ points: 8.00,
33
+ maxDistance: 23.00,
34
+ spacing: 17.00
35
+ });
36
+ </script>
37
+
38
+ <!-- Navigation -->
39
+ <header class="fixed top-0 w-full bg-black/60 backdrop-blur-lg z-50 border-b border-cyan-400/20">
40
+ <nav class="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between">
41
+ <a href="index.html" class="flex items-center gap-3">
42
+ <img src="https://drehsec.tk/images/drehsec_bg.png" alt="Cryptic Shield" class="h-10 w-auto object-contain">
43
+ <span class="text-xl font-bold bg-gradient-to-r from-cyan-400 to-blue-500 bg-clip-text text-transparent">Cryptic Shield</span>
44
+ </a>
45
+ <ul class="hidden md:flex items-center gap-6">
46
+ <li><a href="about.html" class="text-gray-300 hover:text-cyan-400 transition">About Us</a></li>
47
+ <li><a href="services.html" class="text-gray-300 hover:text-cyan-400 transition">Services</a></li>
48
+ <li><a href="contact.html" class="text-gray-300 hover:text-cyan-400 transition">Contact</a></li>
49
+ </ul>
50
+ <button id="mobileMenuBtn" class="md:hidden text-gray-300 hover:text-cyan-400"><i data-feather="menu"></i></button>
51
+ </nav>
52
+ <!-- Mobile Menu -->
53
+ <div id="mobileMenu" class="hidden md:hidden absolute top-full left-0 w-full bg-black/80 backdrop-blur-lg px-6 pb-4 space-y-4">
54
+ <a href="about.html" class="block text-gray-300 hover:text-cyan-400">About Us</a>
55
+ <a href="services.html" class="block text-gray-300 hover:text-cyan-400">Services</a>
56
+ <a href="contact.html" class="block text-gray-300 hover:text-cyan-400">Contact</a>
57
+ </div>
58
+ </header>
59
+
60
+ <!-- Hero -->
61
+ <main class="min-h-screen flex items-center justify-center px-6 pt-20">
62
+ <div class="max-w-5xl text-center space-y-8 animate-in">
63
+ <h1 class="text-4xl sm:text-6xl md:text-7xl font-extrabold tracking-tight">
64
+ <span class="bg-gradient-to-r from-cyan-400 via-blue-500 to-purple-600 bg-clip-text text-transparent">DREHSEC</span>
65
+ </h1>
66
+ <p class="text-lg sm:text-xl md:text-2xl text-gray-300">Information Security & Research</p>
67
+ <p class="text-sm sm:text-base text-gray-400 max-w-3xl mx-auto">
68
+ Empowering organizations with elite cybersecurity research, penetration testing, and threat intelligence.
69
+ </p>
70
+ <div class="flex flex-col sm:flex-row gap-4 justify-center mt-8">
71
+ <a href="services.html" class="px-6 py-3 rounded-lg bg-cyan-600 hover:bg-cyan-500 text-white font-semibold transition shadow-lg hover:shadow-cyan-500/30">
72
+ Explore Services
73
+ </a>
74
+ <a href="about.html" class="px-6 py-3 rounded-lg border border-cyan-600 text-cyan-400 hover:bg-cyan-600/10 font-semibold transition">
75
+ Learn More
76
+ </a>
77
+ </div>
78
+ </div>
79
+ </main>
80
+
81
+ <!-- Footer -->
82
+ <footer class="relative z-10 bg-black/40 border-t border-cyan-400/10 py-6">
83
+ <div class="max-w-7xl mx-auto px-6 text-center text-gray-400 text-sm">
84
+ &copy; <span id="year"></span> Cryptic Shield - research@drehsec.tk
85
+ </div>
86
+ </footer>
87
+
88
+ <script>
89
+ feather.replace();
90
+ document.getElementById('year').textContent = new Date().getFullYear();
91
+ document.getElementById('mobileMenuBtn').onclick = () => {
92
+ document.getElementById('mobileMenu').classList.toggle('hidden');
93
+ };
94
+ </script>
95
+ </body>
96
  </html>