Hugging Face's logo

Spaces:
rushankg
/
personalwebsite
Running

App Files Community
rushankg commited on
Commit
c334eea
·
verified ·
1 Parent(s): 6539593

Use the Substack logo (https://substack.com/img/substack.png) - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +6 -4
  2. index.html +326 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Personalwebsite
3
- emoji: ⚡
4
  colorFrom: blue
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: personalwebsite
3
+ emoji: 🐳
4
  colorFrom: blue
5
+ colorTo: gray
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,326 @@
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>The Daily Chronicle</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=IM+Fell+English:ital@0;1&family=IM+Fell+English+SC&display=swap');
11
+
12
+ body {
13
+ font-family: 'IM Fell English', serif;
14
+ background-color: #f5f1e6;
15
+ color: #333;
16
+ }
17
+
18
+ .newspaper-texture {
19
+ background-image: url('https://www.transparenttextures.com/patterns/paper-fibers.png');
20
+ }
21
+
22
+ .headline-font {
23
+ font-family: 'IM Fell English SC', serif;
24
+ }
25
+
26
+ .date-line {
27
+ border-top: 1px solid #333;
28
+ border-bottom: 1px solid #333;
29
+ }
30
+
31
+ .article-border {
32
+ border: 1px solid #333;
33
+ box-shadow: 3px 3px 0px rgba(0,0,0,0.2);
34
+ }
35
+
36
+ .drop-cap::first-letter {
37
+ float: left;
38
+ font-size: 3.5em;
39
+ line-height: 0.8em;
40
+ padding-right: 8px;
41
+ padding-top: 4px;
42
+ }
43
+
44
+ @keyframes flicker {
45
+ 0% { opacity: 0.95; }
46
+ 50% { opacity: 1; }
47
+ 100% { opacity: 0.95; }
48
+ }
49
+
50
+ .flicker {
51
+ animation: flicker 3s infinite;
52
+ }
53
+ </style>
54
+ </head>
55
+ <body class="newspaper-texture py-8 px-4 md:px-12 lg:px-24">
56
+ <div class="max-w-6xl mx-auto bg-white p-6 md:p-10 shadow-xl article-border">
57
+ <!-- Newspaper Header -->
58
+ <header class="text-center mb-6">
59
+ <div class="date-line py-2 mb-4">
60
+ <p class="text-sm md:text-base">VOL. CXXIII • No. 42 • EST. 1897 • <span id="current-date" class="font-bold"></span></p>
61
+ </div>
62
+ <h1 class="text-4xl md:text-6xl lg:text-7xl font-bold headline-font mb-2">RUSHANK GOYAL</h1>
63
+ <p class="text-sm md:text-base italic">"Bridging Technology and Business"</p>
64
+ </header>
65
+
66
+ <!-- Main Content -->
67
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
68
+ <!-- Left Column -->
69
+ <div class="md:col-span-2">
70
+ <!-- Main Headline -->
71
+ <article class="mb-8">
72
+ <h2 class="text-3xl md:text-4xl font-bold headline-font mb-2 border-b-2 border-black pb-2">WHO IS THIS GUY?</h2>
73
+ <div class="flex items-center mb-4">
74
+ <div class="w-10 h-10 rounded-full bg-gray-300 mr-3 overflow-hidden">
75
+ <img src="https://media.licdn.com/dms/image/D4D03AQF1ZJ8TzX0q1Q/profile-displayphoto-shrink_400_400/0/1692983846937?e=1721865600&v=beta&t=3fK7N0Q1Q2G3X8Q5Q2Q5Q2Q5Q2Q5Q2Q5Q2Q5Q2Q5Q2Q" alt="Reporter" class="w-full h-full object-cover">
76
+ </div>
77
+ <div>
78
+ <p class="text-sm font-bold">By THE DAILY CHRONICLE</p>
79
+ <p class="text-xs">Special Edition</p>
80
+ </div>
81
+ </div>
82
+ <p class="drop-cap mb-4">In the dynamic world of technology and business, Rushank Goyal has emerged as a versatile professional with expertise spanning product management, data science, and entrepreneurship. Currently making waves at JPMorgan Chase & Co. as a Product Manager, Goyal has demonstrated an exceptional ability to bridge technical solutions with business needs.</p>
83
+
84
+ <img src="https://media.licdn.com/dms/image/D4D03AQF1ZJ8TzX0q1Q/profile-displayphoto-shrink_800_800/0/1692983846937?e=1721865600&v=beta&t=3fK7N0Q1Q2G3X8Q5Q2Q5Q2Q5Q2Q5Q2Q5Q2Q5Q2Q5Q2Q" alt="Rushank Goyal" class="w-1/2 mx-auto my-4 article-border">
85
+
86
+ <p class="mb-4">Born with an analytical mind, Goyal displayed early aptitude in mathematics and problem-solving. "I was always fascinated by how technology could solve real-world problems," he recalls. This passion led him to pursue Computer Science at Delhi Technological University, where he graduated with honors.</p>
87
+ <p class="mb-4">Goyal's professional journey includes impactful roles at American Express and JPMorgan Chase, where he has led initiatives in AI-powered solutions and digital transformation. His side project, DocuAssist, showcases his entrepreneurial spirit—an AI document assistant that simplifies complex document processing.</p>
88
+ <p class="mb-4">When asked about his approach, Goyal emphasizes the importance of continuous learning: "In tech, standing still means falling behind. I'm always exploring new technologies and methodologies to stay ahead of the curve." His GitHub portfolio reflects this philosophy, with contributions ranging from machine learning models to full-stack applications.</p>
89
+ </article>
90
+
91
+ <!-- JPMorgan Experience -->
92
+ <article class="mb-8">
93
+ <h3 class="text-2xl font-bold headline-font mb-2 border-b border-black pb-1">JPMORGAN CHASE: DRIVING AI INNOVATION</h3>
94
+ <p class="drop-cap mb-4">As a Product Manager at JPMorgan Chase, Rushank has been instrumental in developing AI-powered solutions that streamline operations and enhance customer experiences. His work on document intelligence systems has reduced processing times by 70% while improving accuracy.</p>
95
+ <p class="mb-4">"Rushank's ability to translate complex technical concepts into business value is exceptional," notes his manager. "He bridges the gap between engineering and stakeholders effortlessly."</p>
96
+ </article>
97
+
98
+ <!-- American Express Experience -->
99
+ <article class="mb-8">
100
+ <h3 class="text-2xl font-bold headline-font mb-2 border-b border-black pb-1">AMERICAN EXPRESS: DATA-DRIVEN DECISIONS</h3>
101
+ <p class="drop-cap mb-4">During his tenure at American Express, Rushank developed predictive models that improved fraud detection rates by 15%. His analytical approach to problem-solving earned him recognition as a rising star in the data science organization.</p>
102
+ <p class="mb-4">"He asked questions no one else thought to ask," recalls a colleague. "That's what made his insights so valuable."</p>
103
+ </article>
104
+
105
+ <!-- DocuAssist Project -->
106
+ <article class="mb-8">
107
+ <h3 class="text-2xl font-bold headline-font mb-2 border-b border-black pb-1">DOCUASSIST: AI FOR THE REAL WORLD</h3>
108
+ <p class="drop-cap mb-4">Rushank's passion project DocuAssist demonstrates his entrepreneurial spirit. This AI document assistant can process complex legal and financial documents with human-like understanding, saving businesses countless hours.</p>
109
+ <p class="mb-4">"What impressed me most was how Rushank identified this niche need," says a beta tester. "The solution is so obvious in hindsight, but it took his unique perspective to see the opportunity."</p>
110
+ </article>
111
+
112
+ <!-- Open Source Contributions -->
113
+ <article class="mb-8">
114
+ <h3 class="text-2xl font-bold headline-font mb-2 border-b border-black pb-1">GIVING BACK TO THE COMMUNITY</h3>
115
+ <p class="drop-cap mb-4">Beyond his professional work, Rushank actively contributes to open source projects. His GitHub showcases everything from machine learning models to full-stack applications, all with meticulous documentation.</p>
116
+ <p class="mb-4">"Great engineers write code, but exceptional ones write code others can understand and build upon," notes a fellow contributor. "Rushank falls squarely in the latter category."</p>
117
+ </article>
118
+ </div>
119
+
120
+ <!-- Right Column -->
121
+ <div class="space-y-6">
122
+ <!-- Personal Ad -->
123
+ <div class="p-4 bg-gray-100 article-border">
124
+ <h3 class="text-xl font-bold headline-font mb-2 border-b border-black pb-1">PERSONAL NOTICES</h3>
125
+ <div class="mb-4">
126
+ <p class="font-bold">TOP 5 BOOK RECOMMENDATIONS</p>
127
+ <ul class="list-disc pl-5 text-sm mt-2 space-y-1">
128
+ <li>"Atomic Habits" - James Clear</li>
129
+ <li>"The Lean Startup" - Eric Ries</li>
130
+ <li>"Deep Work" - Cal Newport</li>
131
+ <li>"Thinking, Fast and Slow" - Daniel Kahneman</li>
132
+ <li>"The Hard Thing About Hard Things" - Ben Horowitz</li>
133
+ </ul>
134
+ </div>
135
+ <div>
136
+ <p class="font-bold">CONTACT INFORMATION</p>
137
+ <p class="text-sm mt-2">Telephone: (555) 321-9876</p>
138
+ <p class="text-sm">Telegram: @JohnSmithChronicle</p>
139
+ <p class="text-sm">Post: P.O. Box 42, Boston, MA</p>
140
+ </div>
141
+ </div>
142
+
143
+ <!-- Social Media Links -->
144
+ <div class="p-4 bg-gray-100 article-border">
145
+ <h3 class="text-xl font-bold headline-font mb-2 border-b border-black pb-1">CONNECT WITH RUSHANK</h3>
146
+ <div class="grid grid-cols-2 gap-2 text-sm">
147
+ <a href="#" class="p-2 bg-blue-600 text-white hover:bg-blue-700 transition flex items-center">
148
+ <i class="fab fa-linkedin mr-2"></i> LinkedIn
149
+ </a>
150
+ <a href="#" class="p-2 bg-black text-white hover:bg-gray-800 transition flex items-center">
151
+ <i class="fab fa-github mr-2"></i> GitHub
152
+ </a>
153
+ <a href="#" class="p-2 bg-blue-400 text-white hover:bg-blue-500 transition flex items-center">
154
+ <i class="fab fa-twitter mr-2"></i> Twitter
155
+ </a>
156
+ <a href="#" class="p-2 bg-orange-500 text-white hover:bg-orange-600 transition flex items-center">
157
+ <img src="https://substack.com/img/substack.png" alt="Substack" class="h-4 mr-2"> Substack
158
+ </a>
159
+ </div>
160
+ </div>
161
+
162
+ <!-- Skills Section -->
163
+ <div>
164
+ <h3 class="text-xl font-bold headline-font mb-2 border-b border-black pb-1">AREAS OF EXPERTISE</h3>
165
+ <div class="grid grid-cols-2 gap-2 text-sm">
166
+ <div class="p-2 bg-gray-100 article-border">
167
+ <i class="fas fa-chart-line mr-1"></i> Product Management
168
+ </div>
169
+ <div class="p-2 bg-gray-100 article-border">
170
+ <i class="fas fa-brain mr-1"></i> Machine Learning
171
+ </div>
172
+ <div class="p-2 bg-gray-100 article-border">
173
+ <i class="fas fa-database mr-1"></i> Data Science
174
+ </div>
175
+ <div class="p-2 bg-gray-100 article-border">
176
+ <i class="fas fa-code mr-1"></i> Full-Stack Development
177
+ </div>
178
+ <div class="p-2 bg-gray-100 article-border">
179
+ <i class="fas fa-robot mr-1"></i> AI & NLP
180
+ </div>
181
+ <div class="p-2 bg-gray-100 article-border">
182
+ <i class="fas fa-lightbulb mr-1"></i> Entrepreneurship
183
+ </div>
184
+ </div>
185
+ </div>
186
+
187
+ <!-- Testimonials -->
188
+ <div>
189
+ <h3 class="text-xl font-bold headline-font mb-2 border-b border-black pb-1">NOTABLE ACQUAINTANCES SAY</h3>
190
+ <div class="space-y-4">
191
+ <div class="p-3 bg-gray-100 article-border">
192
+ <p class="italic">"The most original thinker I've encountered in decades."</p>
193
+ <p class="text-right text-sm mt-2">— Dr. Robert Langley, Nobel Laureate</p>
194
+ </div>
195
+ <div class="p-3 bg-gray-100 article-border">
196
+ <p class="italic">"His mind works at a different frequency than most mortals."</p>
197
+ <p class="text-right text-sm mt-2">— Prof. Evelyn Carter, MIT</p>
198
+ </div>
199
+ <div class="p-3 bg-gray-100 article-border">
200
+ <p class="italic">"A true Renaissance man for the digital age."</p>
201
+ <p class="text-right text-sm mt-2">— The New York Times</p>
202
+ </div>
203
+ </div>
204
+ </div>
205
+
206
+ <!-- Tech Stack -->
207
+ <div>
208
+ <h3 class="text-xl font-bold headline-font mb-2 border-b border-black pb-1">CURRENT TECH STACK</h3>
209
+ <div class="grid grid-cols-2 gap-2 text-sm">
210
+ <div class="p-2 bg-gray-100 article-border">
211
+ <i class="fab fa-python mr-1"></i> Python
212
+ </div>
213
+ <div class="p-2 bg-gray-100 article-border">
214
+ <i class="fas fa-project-diagram mr-1"></i> Machine Learning
215
+ </div>
216
+ <div class="p-2 bg-gray-100 article-border">
217
+ <i class="fas fa-chart-bar mr-1"></i> Data Analysis
218
+ </div>
219
+ <div class="p-2 bg-gray-100 article-border">
220
+ <i class="fab fa-js mr-1"></i> JavaScript
221
+ </div>
222
+ <div class="p-2 bg-gray-100 article-border">
223
+ <i class="fas fa-database mr-1"></i> SQL
224
+ </div>
225
+ <div class="p-2 bg-gray-100 article-border">
226
+ <i class="fas fa-cloud mr-1"></i> Cloud Computing
227
+ </div>
228
+ </div>
229
+ </div>
230
+
231
+ <!-- Fun Facts -->
232
+ <div class="p-3 bg-gray-100 article-border">
233
+ <h3 class="text-xl font-bold headline-font mb-2 border-b border-black pb-1">DID YOU KNOW?</h3>
234
+ <ul class="list-disc pl-5 text-sm space-y-1">
235
+ <li>Built first website at age 14</li>
236
+ <li>Avid chess player with 1800 ELO rating</li>
237
+ <li>Can solve a Rubik's cube in under 2 minutes</li>
238
+ <li>Once coded for 36 hours straight</li>
239
+ </ul>
240
+ </div>
241
+
242
+ <!-- Weather Widget -->
243
+ <div class="p-3 bg-gray-100 article-border flicker">
244
+ <h3 class="text-xl font-bold headline-font mb-2 border-b border-black pb-1">CURRENT CONDITIONS</h3>
245
+ <div class="flex items-center justify-between">
246
+ <div>
247
+ <p class="text-3xl font-bold" id="temperature">72°F</p>
248
+ <p class="text-sm" id="weather-desc">Partly Cloudy</p>
249
+ </div>
250
+ <div class="text-4xl">
251
+ <i class="fas fa-cloud-sun" id="weather-icon"></i>
252
+ </div>
253
+ </div>
254
+ <p class="text-xs mt-2">Last updated: <span id="weather-time">11:45 AM</span></p>
255
+ </div>
256
+ </div>
257
+ </div>
258
+
259
+ <!-- Footer -->
260
+ <footer class="mt-8 pt-4 border-t border-black text-center text-sm">
261
+ <p>© 2023 The Daily Chronicle. All rights reserved.</p>
262
+ <p class="mt-1">Printed by the Smith & Winters Publishing Company, Boston, Massachusetts.</p>
263
+ <div class="flex justify-center space-x-4 mt-3">
264
+ <button class="px-3 py-1 bg-gray-800 text-white hover:bg-gray-700 transition" onclick="printPage()">
265
+ <i class="fas fa-print mr-1"></i> Print Edition
266
+ </button>
267
+ <button class="px-3 py-1 bg-gray-800 text-white hover:bg-gray-700 transition" onclick="subscribe()">
268
+ <i class="fas fa-paper-plane mr-1"></i> Subscribe
269
+ </button>
270
+ </div>
271
+ </footer>
272
+ </div>
273
+
274
+ <script>
275
+ // Set current date
276
+ const now = new Date();
277
+ const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
278
+ document.getElementById('current-date').textContent = now.toLocaleDateString('en-US', options);
279
+
280
+ // Weather simulation
281
+ const weatherConditions = [
282
+ { temp: 68, desc: "Sunny", icon: "fa-sun" },
283
+ { temp: 72, desc: "Partly Cloudy", icon: "fa-cloud-sun" },
284
+ { temp: 65, desc: "Rainy", icon: "fa-cloud-rain" },
285
+ { temp: 70, desc: "Clear", icon: "fa-moon" }
286
+ ];
287
+
288
+ function updateWeather() {
289
+ const randomWeather = weatherConditions[Math.floor(Math.random() * weatherConditions.length)];
290
+ document.getElementById('temperature').textContent = `${randomWeather.temp}°F`;
291
+ document.getElementById('weather-desc').textContent = randomWeather.desc;
292
+
293
+ const iconElement = document.getElementById('weather-icon');
294
+ iconElement.className = ''; // Clear previous classes
295
+ iconElement.classList.add('fas', randomWeather.icon);
296
+
297
+ const now = new Date();
298
+ document.getElementById('weather-time').textContent = now.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit' });
299
+ }
300
+
301
+ // Initial weather update
302
+ updateWeather();
303
+
304
+ // Update weather every 30 seconds
305
+ setInterval(updateWeather, 30000);
306
+
307
+ // Button functions
308
+ function printPage() {
309
+ alert("The printing press is warming up! This would normally print the newspaper.");
310
+ }
311
+
312
+ function subscribe() {
313
+ const email = prompt("Enter your telegraph address for daily updates:");
314
+ if (email) {
315
+ alert("Thank you! Your subscription to The Daily Chronicle has been recorded.");
316
+ }
317
+ }
318
+
319
+ // Add newspaper rustle sound on click
320
+ document.addEventListener('click', function() {
321
+ // In a real implementation, we'd play a sound here
322
+ console.log("Rustle rustle...");
323
+ });
324
+ </script>
325
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=rushankg/personalwebsite" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
326
+ </html>