Hugging Face's logo

Spaces:
Saboorhsn
/
botomation-ai
Running

App Files Community
Saboorhsn commited on
Commit
0d55e26
·
verified ·
1 Parent(s): 403e861

Redesign my website

Browse files
Files changed (2) hide show
  1. README.md +7 -4
  2. index.html +115 -19
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Botomation Ai
3
- emoji: ⚡
4
- colorFrom: blue
5
  colorTo: blue
 
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: Botomation AI 🚀
3
+ colorFrom: pink
 
4
  colorTo: blue
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,115 @@
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>Botomation - AI Automation Partner</title>
7
+ <link rel="icon" type="image/x-icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🤖</text></svg>">
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://cdn.jsdelivr.net/npm/animejs/lib/anime.iife.min.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
12
+ <script src="https://unpkg.com/feather-icons"></script>
13
+ <style>
14
+ :root {
15
+ --primary-500: #3b82f6;
16
+ --primary-600: #2563eb;
17
+ --secondary-500: #8b5cf6;
18
+ --secondary-600: #7c3aed;
19
+ --dark-bg: #0f172a;
20
+ --dark-surface: #1e293b;
21
+ --dark-text: #f1f5f9;
22
+ --light-bg: #ffffff;
23
+ --light-surface: #f8fafc;
24
+ --light-text: #0f172a;
25
+ }
26
+
27
+ .dark {
28
+ --bg: var(--dark-bg);
29
+ --surface: var(--dark-surface);
30
+ --text: var(--dark-text);
31
+ --text-muted: #94a3b8;
32
+ --border: #334155;
33
+ }
34
+
35
+ .light {
36
+ --bg: var(--light-bg);
37
+ --surface: var(--light-surface);
38
+ --text: var(--light-text);
39
+ --text-muted: #64748b;
40
+ --border: #e2e8f0;
41
+ }
42
+
43
+ body {
44
+ background-color: var(--bg);
45
+ color: var(--text);
46
+ transition: background-color 0.3s ease, color 0.3s ease;
47
+ }
48
+
49
+ .surface {
50
+ background-color: var(--surface);
51
+ }
52
+
53
+ .text-muted {
54
+ color: var(--text-muted);
55
+ }
56
+
57
+ .border-custom {
58
+ border-color: var(--border);
59
+ }
60
+
61
+ .gradient-primary {
62
+ background: linear-gradient(135deg, var(--primary-500), var(--primary-600));
63
+ }
64
+
65
+ .gradient-secondary {
66
+ background: linear-gradient(135deg, var(--secondary-500), var(--secondary-600));
67
+ }
68
+
69
+ .hover-lift {
70
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
71
+ }
72
+
73
+ .hover-lift:hover {
74
+ transform: translateY(-4px);
75
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
76
+ }
77
+
78
+ .vanta-canvas {
79
+ position: absolute;
80
+ top: 0;
81
+ left: 0;
82
+ width: 100%;
83
+ height: 100%;
84
+ z-index: -1;
85
+ }
86
+
87
+ .glass-effect {
88
+ backdrop-filter: blur(10px);
89
+ background: rgba(255, 255, 255, 0.1);
90
+ border: 1px solid rgba(255, 255, 255, 0.2);
91
+ }
92
+
93
+ .dark .glass-effect {
94
+ background: rgba(0, 0, 0, 0.2);
95
+ border: 1px solid rgba(255, 255, 255, 0.1);
96
+ }
97
+
98
+ .pulse-primary {
99
+ animation: pulse-primary 2s infinite;
100
+ }
101
+
102
+ @keyframes pulse-primary {
103
+ 0%, 100% {
104
+ box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
105
+ }
106
+ 70% {
107
+ box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
108
+ }
109
+ }
110
+
111
+ .text-gradient {
112
+ background: linear-gradient(135deg, var(--primary-500), var(--secondary-500));
113
+ -webkit-background-clip: text;
114
+ </head>
115
+ </html>