Hugging Face's logo

Spaces:
sametgirgin
/
seanalytics
Running

App Files Community
sametgirgin commited on
Commit
5a5c4ba
·
verified ·
1 Parent(s): c2280cc

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +171 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Seanalytics
3
- emoji: 👁
4
- colorFrom: indigo
5
- colorTo: red
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: seanalytics
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: purple
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,171 @@
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>Seanalytics | Data Science with a Splash of Humor</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Source+Sans+Pro:wght@300;400;600&display=swap');
11
+
12
+ body {
13
+ font-family: 'Source Sans Pro', sans-serif;
14
+ background-color: #f8fafc;
15
+ color: #1e293b;
16
+ }
17
+
18
+ h1, h2, h3 {
19
+ font-family: 'Playfair Display', serif;
20
+ }
21
+
22
+ .gradient-bg {
23
+ background: linear-gradient(135deg, #a5b4fc 0%, #818cf8 50%, #6366f1 100%);
24
+ }
25
+
26
+ .article-card:hover {
27
+ transform: translateY(-5px);
28
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
29
+ }
30
+
31
+ .article-card {
32
+ transition: all 0.3s ease;
33
+ }
34
+
35
+ .wave-shape {
36
+ position: absolute;
37
+ bottom: 0;
38
+ left: 0;
39
+ width: 100%;
40
+ overflow: hidden;
41
+ line-height: 0;
42
+ }
43
+
44
+ .wave-shape svg {
45
+ position: relative;
46
+ display: block;
47
+ width: calc(100% + 1.3px);
48
+ height: 150px;
49
+ }
50
+
51
+ .wave-shape .shape-fill {
52
+ fill: #FFFFFF;
53
+ }
54
+ </style>
55
+ </head>
56
+ <body>
57
+ <!-- Hero Section -->
58
+ <section class="gradient-bg text-white relative overflow-hidden">
59
+ <div class="container mx-auto px-6 py-24 md:py-32 relative z-10">
60
+ <div class="max-w-3xl mx-auto text-center">
61
+ <h1 class="text-4xl md:text-6xl font-bold mb-6">Seanalytics</h1>
62
+ <p class="text-xl md:text-2xl mb-8 font-light">Making data science less "standard deviation" and more "standard vacation"</p>
63
+ <div class="flex justify-center space-x-4">
64
+ <a href="#work" class="px-6 py-3 bg-white text-indigo-600 rounded-full font-semibold hover:bg-indigo-50 transition">View Work</a>
65
+ <a href="#contact" class="px-6 py-3 border-2 border-white rounded-full font-semibold hover:bg-white hover:bg-opacity-10 transition">Get In Touch</a>
66
+ </div>
67
+ </div>
68
+ </div>
69
+ <div class="wave-shape">
70
+ <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
71
+ <path d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z" class="shape-fill"></path>
72
+ </svg>
73
+ </div>
74
+ </section>
75
+
76
+ <!-- About Section -->
77
+ <section class="py-16 bg-white">
78
+ <div class="container mx-auto px-6">
79
+ <div class="max-w-4xl mx-auto text-center">
80
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">Diving Deep into Data</h2>
81
+ <p class="text-lg text-slate-600 mb-8">
82
+ Hi, I'm Sean (aka Seanalytics), a data scientist who believes numbers tell stories and visualizations should be as delightful as a day at the beach.
83
+ I specialize in transforming complex data into actionable insights with a side of humor.
84
+ </p>
85
+ <div class="flex flex-wrap justify-center gap-4 mb-12">
86
+ <span class="px-4 py-2 bg-indigo-50 text-indigo-600 rounded-full">Python</span>
87
+ <span class="px-4 py-2 bg-indigo-50 text-indigo-600 rounded-full">Machine Learning</span>
88
+ <span class="px-4 py-2 bg-indigo-50 text-indigo-600 rounded-full">Data Visualization</span>
89
+ <span class="px-4 py-2 bg-indigo-50 text-indigo-600 rounded-full">SQL</span>
90
+ <span class="px-4 py-2 bg-indigo-50 text-indigo-600 rounded-full">Big Data</span>
91
+ </div>
92
+ <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" alt="Data visualization on a laptop" class="rounded-xl shadow-lg mx-auto w-full max-w-3xl">
93
+ </div>
94
+ </div>
95
+ </section>
96
+
97
+ <!-- Work Section -->
98
+ <section id="work" class="py-16 bg-slate-50">
99
+ <div class="container mx-auto px-6">
100
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">Featured Analyses</h2>
101
+
102
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
103
+ <!-- Article 1 -->
104
+ <div class="article-card bg-white rounded-xl overflow-hidden shadow-md">
105
+ <div class="h-48 bg-indigo-100 flex items-center justify-center">
106
+ <i class="fas fa-chart-line text-6xl text-indigo-500"></i>
107
+ </div>
108
+ <div class="p-6">
109
+ <span class="text-sm text-indigo-500">Market Research</span>
110
+ <h3 class="text-xl font-bold mt-2 mb-3">Predicting Coffee Trends</h3>
111
+ <p class="text-slate-600 mb-4">How machine learning can help cafes optimize their bean selection based on weather patterns and social media sentiment.</p>
112
+ <a href="#" class="text-indigo-500 font-semibold hover:text-indigo-700 flex items-center">
113
+ Read Analysis
114
+ <i class="fas fa-arrow-right ml-2"></i>
115
+ </a>
116
+ </div>
117
+ </div>
118
+
119
+ <!-- Article 2 -->
120
+ <div class="article-card bg-white rounded-xl overflow-hidden shadow-md">
121
+ <div class="h-48 bg-blue-100 flex items-center justify-center">
122
+ <i class="fas fa-dna text-6xl text-blue-500"></i>
123
+ </div>
124
+ <div class="p-6">
125
+ <span class="text-sm text-blue-500">Bioinformatics</span>
126
+ <h3 class="text-xl font-bold mt-2 mb-3">Genomic Data Compression</h3>
127
+ <p class="text-slate-600 mb-4">Novel algorithms for reducing storage requirements of genomic data while maintaining research integrity.</p>
128
+ <a href="#" class="text-blue-500 font-semibold hover:text-blue-700 flex items-center">
129
+ Read Analysis
130
+ <i class="fas fa-arrow-right ml-2"></i>
131
+ </a>
132
+ </div>
133
+ </div>
134
+
135
+ <!-- Article 3 -->
136
+ <div class="article-card bg-white rounded-xl overflow-hidden shadow-md">
137
+ <div class="h-48 bg-green-100 flex items-center justify-center">
138
+ <i class="fas fa-shopping-cart text-6xl text-green-500"></i>
139
+ </div>
140
+ <div class="p-6">
141
+ <span class="text-sm text-green-500">E-commerce</span>
142
+ <h3 class="text-xl font-bold mt-2 mb-3">Cart Abandonment Patterns</h3>
143
+ <p class="text-slate-600 mb-4">Identifying the precise moment when shoppers lose interest and implementing interventions to recover sales.</p>
144
+ <a href="#" class="text-green-500 font-semibold hover:text-green-700 flex items-center">
145
+ Read Analysis
146
+ <i class="fas fa-arrow-right ml-2"></i>
147
+ </a>
148
+ </div>
149
+ </div>
150
+
151
+ <!-- Article 4 -->
152
+ <div class="article-card bg-white rounded-xl overflow-hidden shadow-md">
153
+ <div class="h-48 bg-purple-100 flex items-center justify-center">
154
+ <i class="fas fa-heartbeat text-6xl text-purple-500"></i>
155
+ </div>
156
+ <div class="p-6">
157
+ <span class="text-sm text-purple-500">Healthcare</span>
158
+ <h3 class="text-xl font-bold mt-2 mb-3">ER Wait Time Predictor</h3>
159
+ <p class="text-slate-600 mb-4">Using historical data and real-time inputs to forecast emergency room wait times with 89% accuracy.</p>
160
+ <a href="#" class="text-purple-500 font-semibold hover:text-purple-700 flex items-center">
161
+ Read Analysis
162
+ <i class="fas fa-arrow-right ml-2"></i>
163
+ </a>
164
+ </div>
165
+ </div>
166
+
167
+ <!-- Article 5 -->
168
+ <div class="article-card bg-white rounded-xl overflow-hidden shadow-md">
169
+ <div class="h-48 bg-yellow-100 flex items-center justify-center">
170
+ <i class
171
+ </html>