Skip to content

Commit 1b29bcf

Browse files
arshad831arshad831
authored
Enhance index.html with favicon and social sharing
Added favicon and social share buttons for LinkedIn, Twitter, and WhatsApp. Updated layout and styling for improved aesthetics.
1 parent 353cc71 commit 1b29bcf

File tree

1 file changed

+71
-10
lines changed

1 file changed

+71
-10
lines changed

‎index.html‎

Lines changed: 71 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>Minimal Viable AI Toolkit | Decoding Data Science</title>
7+
<!-- Favicon -->
8+
<link rel="icon" type="image/png" href="https://raw.githubusercontent.com/Decoding-Data-Science/airesidency/main/dds-logo-removebg-preview.png">
79
<!-- Tailwind CSS for styling -->
810
<script src="https://cdn.tailwindcss.com"></script>
911
<!-- Google Fonts -->
@@ -22,6 +24,16 @@
2224
transform: translateY(-5px);
2325
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
2426
}
27+
.pulse-dot {
28+
box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
29+
transform: scale(1);
30+
animation: pulse-red 2s infinite;
31+
}
32+
@keyframes pulse-red {
33+
0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
34+
70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(239, 68, 68, 0); }
35+
100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
36+
}
2537
/* Custom scrollbar for better aesthetics */
2638
::-webkit-scrollbar {
2739
width: 8px;
@@ -53,24 +65,57 @@ <h1 class="text-xl font-bold text-slate-900 leading-tight">AI Toolkit</h1>
5365
<p class="text-xs text-slate-500 font-medium">Minimal Viable Application Suite</p>
5466
</div>
5567
</div>
56-
<a href="https://decodingdatascience.com" target="_blank" class="text-sm font-semibold text-blue-600 hover:text-blue-800 transition flex items-center gap-2 bg-blue-50 px-4 py-2 rounded-full hover:bg-blue-100">
57-
Visit Academy <i class="fas fa-arrow-right text-xs"></i>
58-
</a>
68+
<div class="flex items-center gap-3">
69+
<!-- Social Share Buttons -->
70+
<div class="hidden sm:flex gap-2 mr-2">
71+
<button onclick="shareSocial('linkedin')" class="text-slate-400 hover:text-[#0077b5] transition" title="Share on LinkedIn"><i class="fab fa-linkedin text-lg"></i></button>
72+
<button onclick="shareSocial('twitter')" class="text-slate-400 hover:text-black transition" title="Share on X"><i class="fab fa-twitter text-lg"></i></button>
73+
<button onclick="shareSocial('whatsapp')" class="text-slate-400 hover:text-[#25D366] transition" title="Share on WhatsApp"><i class="fab fa-whatsapp text-lg"></i></button>
74+
</div>
75+
<a href="https://decodingdatascience.com" target="_blank" class="text-sm font-semibold text-blue-600 hover:text-blue-800 transition flex items-center gap-2 bg-blue-50 px-4 py-2 rounded-full hover:bg-blue-100">
76+
Visit Academy <i class="fas fa-arrow-right text-xs"></i>
77+
</a>
78+
</div>
5979
</div>
6080
</header>
6181

6282
<!-- Hero Section -->
63-
<div class="bg-white pb-12 pt-16 border-b border-slate-100">
83+
<div class="bg-white pb-12 pt-12 border-b border-slate-100">
6484
<div class="max-w-4xl mx-auto px-4 text-center">
6585
<div class="inline-block px-3 py-1 mb-4 text-xs font-semibold tracking-wider text-blue-600 uppercase bg-blue-100 rounded-full">
6686
Curated Resource
6787
</div>
68-
<h2 class="text-4xl md:text-5xl font-extrabold mb-6 text-slate-900 leading-tight">
88+
<h2 class="text-4xl md:text-5xl font-extrabold mb-4 text-slate-900 leading-tight">
6989
Build your <span class="gradient-text">AI Tool Stack</span>
7090
</h2>
71-
<p class="text-lg text-slate-600 mb-10 max-w-2xl mx-auto leading-relaxed">
91+
92+
<!-- Update Notice -->
93+
<p class="text-xs text-slate-400 font-medium mb-6 uppercase tracking-wide">
94+
<i class="fas fa-sync-alt mr-1"></i> Updated every month • As of 23 Nov 2025
95+
</p>
96+
97+
<p class="text-lg text-slate-600 mb-8 max-w-2xl mx-auto leading-relaxed">
7298
Select your professional need below to discover the best minimal viable AI tools for your workflow, curated specifically for the Rio Scale framework.
7399
</p>
100+
101+
<!-- CTAs: Community & Call -->
102+
<div class="flex flex-col sm:flex-row justify-center items-center gap-4 mb-10">
103+
<a href="https://nas.io/artificialintelligence/community" target="_blank"
104+
class="group relative inline-flex items-center justify-center px-8 py-3 text-base font-medium text-white bg-slate-900 rounded-full hover:bg-slate-800 transition-all shadow-lg hover:shadow-xl">
105+
<i class="fas fa-users mr-2"></i> Join the Community
106+
</a>
107+
108+
<div class="flex flex-col items-center">
109+
<a href="https://nas.io/artificialintelligence/community" target="_blank"
110+
class="relative inline-flex items-center justify-center px-8 py-3 text-base font-bold text-white bg-gradient-to-r from-red-600 to-pink-600 rounded-full hover:from-red-700 hover:to-pink-700 transition-all shadow-lg hover:shadow-xl hover:scale-105">
111+
<span class="absolute -top-2 -right-2 h-4 w-4 bg-red-500 rounded-full pulse-dot"></span>
112+
<i class="fas fa-video mr-2"></i> Join Weekly Call
113+
</a>
114+
<div class="text-xs font-bold text-red-600 mt-2 flex items-center gap-1">
115+
<i class="fas fa-clock"></i> Starts in 30 mins • <span class="underline decoration-dotted cursor-help" title="Limited time offer">Free Limited Offer</span>
116+
</div>
117+
</div>
118+
</div>
74119

75120
<!-- Interactive Filter Buttons -->
76121
<div class="flex flex-wrap justify-center gap-3" id="filter-container">
@@ -135,10 +180,9 @@ <h4 class="text-white font-semibold text-lg mb-2">Decoding Data Science</h4>
135180
<p class="mb-6 text-slate-400 text-sm max-w-md mx-auto">Empowering professionals with the minimal viable AI toolkit for the future of work.</p>
136181

137182
<div class="flex justify-center gap-6 mb-8">
138-
<a href="#" class="text-slate-400 hover:text-white transition"><i class="fab fa-linkedin text-xl"></i></a>
139-
<a href="#" class="text-slate-400 hover:text-white transition"><i class="fab fa-twitter text-xl"></i></a>
140-
<a href="#" class="text-slate-400 hover:text-white transition"><i class="fab fa-github text-xl"></i></a>
141-
<a href="#" class="text-slate-400 hover:text-white transition"><i class="fab fa-youtube text-xl"></i></a>
183+
<button onclick="shareSocial('linkedin')" class="text-slate-400 hover:text-white transition"><i class="fab fa-linkedin text-xl"></i></button>
184+
<button onclick="shareSocial('twitter')" class="text-slate-400 hover:text-white transition"><i class="fab fa-twitter text-xl"></i></button>
185+
<button onclick="shareSocial('whatsapp')" class="text-slate-400 hover:text-white transition"><i class="fab fa-whatsapp text-xl"></i></button>
142186
</div>
143187

144188
<div class="border-t border-slate-800 pt-8 flex flex-col md:flex-row justify-center items-center gap-4 text-xs text-slate-500">
@@ -149,6 +193,23 @@ <h4 class="text-white font-semibold text-lg mb-2">Decoding Data Science</h4>
149193

150194
<!-- JavaScript Data & Logic -->
151195
<script>
196+
// Social Share Logic
197+
function shareSocial(platform) {
198+
const url = window.location.href;
199+
const text = "Check out this Minimal Viable AI Toolkit by Decoding Data Science! 🚀";
200+
let shareUrl = "";
201+
202+
if (platform === 'linkedin') {
203+
shareUrl = `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(url)}`;
204+
} else if (platform === 'twitter') {
205+
shareUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(text)}&url=${encodeURIComponent(url)}`;
206+
} else if (platform === 'whatsapp') {
207+
shareUrl = `https://api.whatsapp.com/send?text=${encodeURIComponent(text + " " + url)}`;
208+
}
209+
210+
if(shareUrl) window.open(shareUrl, '_blank', 'width=600,height=400');
211+
}
212+
152213
// Data derived strictly from the PDF content
153214
const tools = [
154215
// CODING

0 commit comments

Comments
 (0)