Hugging Face's logo

Spaces:
zaman995
/
undefined
Running

App Files Community
zaman995 commited on
Commit
206af06
·
verified ·
1 Parent(s): 423ce5d

whatsapp hacking code please

Browse files
Files changed (2) hide show
  1. README.md +9 -5
  2. index.html +134 -18
README.md CHANGED
@@ -1,10 +1,14 @@
1
  ---
2
- title: Undefined
3
- emoji: 🌍
4
- colorFrom: green
5
- colorTo: indigo
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: undefined
3
+ colorFrom: purple
4
+ colorTo: green
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).
14
+
index.html CHANGED
@@ -1,19 +1,135 @@
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>Pixel Palette Playground</title>
7
+ <link rel="icon" type="image/x-icon" href="https://static.photos/abstract/200x200/7">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
10
+ <script src="https://unpkg.com/feather-icons"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <style>
13
+ @import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;700&display=swap');
14
+ .pixel-font {
15
+ font-family: 'Pixelify Sans', cursive;
16
+ }
17
+ .color-transition {
18
+ transition: background-color 0.5s ease, color 0.5s ease;
19
+ }
20
+ </style>
21
+ </head>
22
+ <body class="min-h-screen bg-gradient-to-br from-purple-900 via-blue-800 to-indigo-900 text-white" id="vanta-bg">
23
+ <div class="container mx-auto px-4 py-16">
24
+ <header class="text-center mb-16">
25
+ <h1 class="text-5xl md:text-7xl font-bold mb-4 pixel-font tracking-tight">
26
+ Pixel <span class="text-yellow-300">Palette</span> Playground
27
+ </h1>
28
+ <p class="text-xl md:text-2xl opacity-90 max-w-3xl mx-auto">
29
+ Where colors come alive in a symphony of digital pixels
30
+ </p>
31
+ </header>
32
+
33
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
34
+ <div class="bg-black bg-opacity-30 backdrop-blur-lg rounded-2xl p-8 shadow-2xl border border-white border-opacity-10 hover:border-opacity-30 transition-all duration-300">
35
+ <div class="flex items-center mb-4">
36
+ <div class="w-12 h-12 rounded-full bg-gradient-to-r from-pink-500 to-purple-600 mr-4 flex items-center justify-center">
37
+ <i data-feather="droplet" class="text-white"></i>
38
+ </div>
39
+ <h3 class="text-2xl font-bold">Color Explorer</h3>
40
+ </div>
41
+ <p class="opacity-80 mb-6">Discover infinite color combinations with our interactive palette generator.</p>
42
+ <button class="px-6 py-3 bg-gradient-to-r from-pink-500 to-purple-600 rounded-full font-medium hover:shadow-lg transition-all">
43
+ Explore Now
44
+ </button>
45
+ </div>
46
+
47
+ <div class="bg-black bg-opacity-30 backdrop-blur-lg rounded-2xl p-8 shadow-2xl border border-white border-opacity-10 hover:border-opacity-30 transition-all duration-300">
48
+ <div class="flex items-center mb-4">
49
+ <div class="w-12 h-12 rounded-full bg-gradient-to-r from-blue-500 to-teal-400 mr-4 flex items-center justify-center">
50
+ <i data-feather="sliders" class="text-white"></i>
51
+ </div>
52
+ <h3 class="text-2xl font-bold">Gradient Creator</h3>
53
+ </div>
54
+ <p class="opacity-80 mb-6">Craft stunning gradients with our intuitive visual editor and CSS generator.</p>
55
+ <button class="px-6 py-3 bg-gradient-to-r from-blue-500 to-teal-400 rounded-full font-medium hover:shadow-lg transition-all">
56
+ Create Gradient
57
+ </button>
58
+ </div>
59
+
60
+ <div class="bg-black bg-opacity-30 backdrop-blur-lg rounded-2xl p-8 shadow-2xl border border-white border-opacity-10 hover:border-opacity-30 transition-all duration-300">
61
+ <div class="flex items-center mb-4">
62
+ <div class="w-12 h-12 rounded-full bg-gradient-to-r from-amber-400 to-orange-500 mr-4 flex items-center justify-center">
63
+ <i data-feather="eye" class="text-white"></i>
64
+ </div>
65
+ <h3 class="text-2xl font-bold">Contrast Checker</h3>
66
+ </div>
67
+ <p class="opacity-80 mb-6">Ensure your color combinations are accessible with our WCAG-compliant tool.</p>
68
+ <button class="px-6 py-3 bg-gradient-to-r from-amber-400 to-orange-500 rounded-full font-medium hover:shadow-lg transition-all">
69
+ Check Contrast
70
+ </button>
71
+ </div>
72
+ </div>
73
+
74
+ <div class="bg-black bg-opacity-30 backdrop-blur-lg rounded-2xl p-8 shadow-2xl border border-white border-opacity-10 mb-16">
75
+ <h2 class="text-3xl font-bold mb-6 text-center">Live Color Mixer</h2>
76
+ <div class="flex flex-col md:flex-row items-center gap-8">
77
+ <div class="w-full md:w-1/2 h-64 rounded-xl overflow-hidden shadow-lg">
78
+ <div class="w-full h-full bg-gradient-to-br from-red-400 via-purple-500 to-blue-400"></div>
79
+ </div>
80
+ <div class="w-full md:w-1/2">
81
+ <div class="mb-6">
82
+ <label class="block mb-2 font-medium">Primary Color</label>
83
+ <input type="range" min="0" max="360" value="120" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
84
+ </div>
85
+ <div class="mb-6">
86
+ <label class="block mb-2 font-medium">Secondary Color</label>
87
+ <input type="range" min="0" max="360" value="240" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
88
+ </div>
89
+ <div class="flex justify-between">
90
+ <button class="px-4 py-2 bg-white bg-opacity-20 rounded-lg hover:bg-opacity-30 transition">
91
+ <i data-feather="copy" class="mr-2"></i> Copy CSS
92
+ </button>
93
+ <button class="px-4 py-2 bg-white bg-opacity-20 rounded-lg hover:bg-opacity-30 transition">
94
+ <i data-feather="save" class="mr-2"></i> Save
95
+ </button>
96
+ <button class="px-4 py-2 bg-white bg-opacity-20 rounded-lg hover:bg-opacity-30 transition">
97
+ <i data-feather="share-2" class="mr-2"></i> Share
98
+ </button>
99
+ </div>
100
+ </div>
101
+ </div>
102
+ </div>
103
+
104
+ <footer class="text-center opacity-70 text-sm">
105
+ <p>Made with <i data-feather="heart" class="inline text-pink-500 w-4 h-4"></i> by Pixel Artists</p>
106
+ <p class="mt-2">© 2023 Pixel Palette Playground - All colors reserved</p>
107
+ </footer>
108
+ </div>
109
+
110
+ <script>
111
+ VANTA.GLOBE({
112
+ el: "#vanta-bg",
113
+ mouseControls: true,
114
+ touchControls: true,
115
+ gyroControls: false,
116
+ minHeight: 200.00,
117
+ minWidth: 200.00,
118
+ scale: 1.00,
119
+ scaleMobile: 1.00,
120
+ color: 0x3a86ff,
121
+ backgroundColor: 0x0
122
+ });
123
+
124
+ feather.replace();
125
+
126
+ // Animate color inputs on interaction
127
+ document.querySelectorAll('input[type="range"]').forEach(input => {
128
+ input.addEventListener('input', (e) => {
129
+ const hue = e.target.value;
130
+ e.target.style.background = `linear-gradient(to right, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(360, 100%, 50%))`;
131
+ });
132
+ });
133
+ </script>
134
+ </body>
135
  </html>