Hugging Face's logo

Spaces:
vicemoji
/
vicky
Running

App Files Community
vicemoji commited on
Commit
9d25b64
·
verified ·
1 Parent(s): 36031e7

undefined - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +137 -18
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Vicky
3
- emoji: 👀
4
- colorFrom: pink
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: vicky
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: red
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,138 @@
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>Welcome</victor>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
9
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.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=Poppins:wght@300;400;500;600;700&display=swap');
14
+ body {
15
+ font-family: 'Poppins', sans-serif;
16
+ background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
17
+ min-height: 100vh;
18
+ }
19
+ .name-gradient {
20
+ background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
21
+ -webkit-background-clip: text;
22
+ background-clip: text;
23
+ color: transparent;
24
+ }
25
+ .social-icon {
26
+ transition: all 0.3s ease;
27
+ }
28
+ .social-icon:hover {
29
+ transform: translateY(-5px);
30
+ }
31
+ </style>
32
+ </head>
33
+ <body class="flex flex-col items-center justify-center px-4 py-12">
34
+ <div id="vanta-bg" class="fixed inset-0 -z-10"></div>
35
+
36
+ <main class="max-w-4xl w-full bg-white/80 backdrop-blur-lg rounded-2xl shadow-xl overflow-hidden" data-aos="fade-up">
37
+ <div class="p-8 md:p-12 lg:p-16">
38
+ <div class="flex flex-col items-center text-center mb-8">
39
+ <div class="w-32 h-32 md:w-40 md:h-40 rounded-full overflow-hidden border-4 border-white shadow-lg mb-6">
40
+ <img src="http://static.photos/people/320x240/42" alt="Profile" class="w-full h-full object-cover">
41
+ </div>
42
+ <h1 class="text-4xl md:text-5xl font-bold mb-2 name-gradient">Your Name</h1>
43
+ <p class="text-gray-600 text-lg md:text-xl mb-6">Digital Creator & Web Enthusiast</p>
44
+ <div class="flex space-x-4">
45
+ <a href="#" class="social-icon text-blue-500 hover:text-blue-700">
46
+ <i data-feather="twitter"></i>
47
+ </a>
48
+ <a href="#" class="social-icon text-pink-500 hover:text-pink-700">
49
+ <i data-feather="instagram"></i>
50
+ </a>
51
+ <a href="#" class="social-icon text-blue-600 hover:text-blue-800">
52
+ <i data-feather="linkedin"></i>
53
+ </a>
54
+ <a href="#" class="social-icon text-gray-800 hover:text-black">
55
+ <i data-feather="github"></i>
56
+ </a>
57
+ </div>
58
+ </div>
59
+
60
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
61
+ <div class="bg-white p-6 rounded-xl shadow-md" data-aos="fade-right">
62
+ <h2 class="text-xl font-semibold mb-4 text-gray-800">About Me</h2>
63
+ <p class="text-gray-600">I'm passionate about creating beautiful, functional digital experiences. With a keen eye for design and a love for clean code, I bring ideas to life through thoughtful execution.</p>
64
+ </div>
65
+
66
+ <div class="bg-white p-6 rounded-xl shadow-md" data-aos="fade-left">
67
+ <h2 class="text-xl font-semibold mb-4 text-gray-800">Skills</h2>
68
+ <div class="space-y-3">
69
+ <div>
70
+ <div class="flex justify-between mb-1">
71
+ <span class="text-sm font-medium text-gray-700">UI/UX Design</span>
72
+ <span class="text-sm font-medium text-gray-500">90%</span>
73
+ </div>
74
+ <div class="w-full bg-gray-200 rounded-full h-2">
75
+ <div class="bg-purple-500 h-2 rounded-full" style="width: 90%"></div>
76
+ </div>
77
+ </div>
78
+ <div>
79
+ <div class="flex justify-between mb-1">
80
+ <span class="text-sm font-medium text-gray-700">Front-End</span>
81
+ <span class="text-sm font-medium text-gray-500">85%</span>
82
+ </div>
83
+ <div class="w-full bg-gray-200 rounded-full h-2">
84
+ <div class="bg-blue-500 h-2 rounded-full" style="width: 85%"></div>
85
+ </div>
86
+ </div>
87
+ <div>
88
+ <div class="flex justify-between mb-1">
89
+ <span class="text-sm font-medium text-gray-700">Creativity</span>
90
+ <span class="text-sm font-medium text-gray-500">95%</span>
91
+ </div>
92
+ <div class="w-full bg-gray-200 rounded-full h-2">
93
+ <div class="bg-pink-500 h-2 rounded-full" style="width: 95%"></div>
94
+ </div>
95
+ </div>
96
+ </div>
97
+ </div>
98
+ </div>
99
+
100
+ <div class="mt-12 text-center">
101
+ <a href="#contact" class="inline-flex items-center px-6 py-3 bg-gradient-to-r from-purple-500 to-blue-500 text-white font-medium rounded-full shadow-lg hover:shadow-xl transition-all duration-300">
102
+ Get In Touch
103
+ <i data-feather="send" class="ml-2"></i>
104
+ </a>
105
+ </div>
106
+ </div>
107
+ </main>
108
+
109
+ <footer class="mt-12 text-center text-gray-500 text-sm">
110
+ <p>© <span id="year"></span> Your Name. All rights reserved.</p>
111
+ </footer>
112
+
113
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
114
+ <script>
115
+ VANTA.GLOBE({
116
+ el: "#vanta-bg",
117
+ mouseControls: true,
118
+ touchControls: true,
119
+ gyroControls: false,
120
+ minHeight: 200.00,
121
+ minWidth: 200.00,
122
+ scale: 1.00,
123
+ scaleMobile: 1.00,
124
+ color: 0x764ba2,
125
+ backgroundColor: 0xf5f7fa,
126
+ size: 0.8
127
+ });
128
+
129
+ document.getElementById('year').textContent = new Date().getFullYear();
130
+ AOS.init({
131
+ duration: 800,
132
+ easing: 'ease-in-out',
133
+ once: true
134
+ });
135
+ feather.replace();
136
+ </script>
137
+ </body>
138
  </html>
prompts.txt ADDED
File without changes