Skip to content

Commit bd11ca5

Browse files
Andrew HAndrew H
Andrew H
authored and
Andrew H
committed
Enhance index.html with social media and professional links
- Added CSS variables for various social media and professional links. - Updated link styles for better visibility and interaction. - Modified hero section title and descriptions to include clickable links for relevant resources. - Changed email button functionality to copy email to clipboard instead of direct link.
1 parent 13457e6 commit bd11ca5

1 file changed

Lines changed: 80 additions & 24 deletions

File tree

‎index.html‎

Lines changed: 80 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,29 @@
2626
--border-color: #333333;
2727
--glass-bg: rgba(255, 255, 255, 0.03);
2828
--glass-border: rgba(255, 255, 255, 0.08);
29+
30+
/* Social Media Links */
31+
--link-linkedin: "https://www.linkedin.com/in/andrew-huynh-data/";
32+
--link-github: "https://github.com/andrew-huynh-data";
33+
--link-twitter: "https://www.twitter.com/andrew-huynh-data";
34+
--link-instagram: "https://www.instagram.com/andrew-huynh-data";
35+
--link-facebook: "https://www.facebook.com/andrew-huynh-data";
36+
--link-youtube: "https://www.youtube.com/andrew-huynh-data";
37+
--link-twitch: "https://www.twitch.com/andrew-huynh-data";
38+
--link-tiktok: "https://www.tiktok.com/andrew-huynh-data";
39+
--link-pinterest: "https://www.pinterest.com/andrew-huynh-data";
40+
--link-reddit: "https://www.reddit.com/andrew-huynh-data";
41+
--link-medium: "https://www.medium.com/andrew-huynh-data";
42+
--link-devto: "https://www.dev.to/andrew-huynh-data";
43+
--link-hashnode: "https://www.hashnode.com/andrew-huynh-data";
44+
--link-codewars: "https://www.codewars.com/andrew-huynh-data";
45+
--link-codechef: "https://www.codechef.com/andrew-huynh-data";
46+
--link-codeforces: "https://www.codeforces.com/andrew-huynh-data";
47+
48+
/* Professional Links */
49+
--link-doordash-blog: "https://careersatdoordash.com/blog/overcoming-rapid-growth-challenges-for-datasets-in-snowflake/";
50+
--link-youtube-ai: "https://www.youtube.com/live/g5keUVsaSM8?t=1951s";
51+
--link-email: "mailto:AndrewDoesData@gmail.com";
2952
}
3053

3154
html {
@@ -650,6 +673,18 @@
650673
transform: translateY(0);
651674
}
652675

676+
/* Link styles */
677+
a {
678+
color: var(--text-primary);
679+
text-decoration: underline;
680+
transition: all 0.3s ease;
681+
}
682+
683+
a:hover {
684+
color: var(--accent-primary);
685+
text-decoration: underline;
686+
}
687+
653688
/* Accent colors for different skills */
654689
.skill-planet:nth-child(1) .skill-icon { border-color: var(--accent-primary); }
655690
.skill-planet:nth-child(2) .skill-icon { border-color: var(--accent-secondary); }
@@ -687,11 +722,7 @@
687722
</div>
688723

689724
<div class="hero-content">
690-
<div class="hero-badge">
691-
<div class="status-dot"></div>
692-
Available for new opportunities
693-
</div>
694-
<h1 class="hero-title">Andrew Huynh</h1>
725+
<h1 class="hero-title">Andrew H</h1>
695726
<p class="hero-subtitle">Data & Analytics Leader transforming billions of records into business-critical insights that drive growth and innovation</p>
696727

697728
<div class="hero-stats">
@@ -734,7 +765,7 @@ <h2 class="section-title">Expertise</h2>
734765
<span>🗂️</span>
735766
</div>
736767
<h3 class="skill-title">Modern Data Stack</h3>
737-
<p class="skill-description">Building scalable, maintainable data pipelines and semantic layers for enterprise-grade analytics</p>
768+
<p class="skill-description"><a href="javascript:void(0)" onclick="window.open(window.links.doordashBlog, '_blank')">Building scalable</a>, maintainable data pipelines and semantic layers for enterprise-grade analytics</p>
738769
<div class="skill-tags">
739770
<span class="skill-tag">dbt</span>
740771
<span class="skill-tag">Snowflake</span>
@@ -749,7 +780,7 @@ <h3 class="skill-title">Modern Data Stack</h3>
749780
<span>📈</span>
750781
</div>
751782
<h3 class="skill-title">Business Intelligence</h3>
752-
<p class="skill-description">Creating self-service analytics platforms and executive dashboards that drive strategic decisions</p>
783+
<p class="skill-description">Creating <a href="javascript:void(0)" onclick="window.open(window.links.sigmacomputing, '_blank')">scalable, self-service</a> analytics platforms and executive dashboards that drive strategic decisions</p>
753784
<div class="skill-tags">
754785
<span class="skill-tag">Tableau</span>
755786
<span class="skill-tag">Looker</span>
@@ -759,26 +790,12 @@ <h3 class="skill-title">Business Intelligence</h3>
759790
</div>
760791
</div>
761792

762-
<div class="skill-planet glass-card reveal">
763-
<div class="skill-icon">
764-
<span>☁️</span>
765-
</div>
766-
<h3 class="skill-title">Cloud Architecture</h3>
767-
<p class="skill-description">Designing multi-cloud data infrastructures optimized for performance, cost, and scalability</p>
768-
<div class="skill-tags">
769-
<span class="skill-tag">AWS</span>
770-
<span class="skill-tag">Azure</span>
771-
<span class="skill-tag">Snowflake</span>
772-
<span class="skill-tag">GCP</span>
773-
</div>
774-
</div>
775-
776793
<div class="skill-planet glass-card reveal">
777794
<div class="skill-icon">
778795
<span>👥</span>
779796
</div>
780797
<h3 class="skill-title">Leadership & Strategy</h3>
781-
<p class="skill-description">Leading cross-functional teams, building data cultures, and aligning technical initiatives with business goals</p>
798+
<p class="skill-description">Leading cross-functional teams, building <a href="javascript:void(0)" onclick="window.open(window.links.brooklyndata, '_blank')">data cultures</a>, and aligning technical initiatives with business goals</p>
782799
<div class="skill-tags">
783800
<span class="skill-tag">Team Leadership</span>
784801
<span class="skill-tag">Data Strategy</span>
@@ -792,7 +809,9 @@ <h3 class="skill-title">Leadership & Strategy</h3>
792809
<span>🤖</span>
793810
</div>
794811
<h3 class="skill-title">AI & Automation</h3>
795-
<p class="skill-description">Leveraging AI tools and automation to accelerate development cycles and enhance data workflows</p>
812+
<p class="skill-description"><a href="javascript:void(0)" onclick="window.open(window.links.youtubeAI, '_blank')">Leveraging AI tools</a> and
813+
<a href="javascript:void(0)" onclick="window.open(window.links.youtubeAI2, '_blank')">automation</a> to accelerate development cycles and
814+
<a href="javascript:void(0)" onclick="window.open(window.links.supademo, '_blank')">enhance data workflows</a> </p>
796815
<div class="skill-tags">
797816
<span class="skill-tag">GitHub Copilot</span>
798817
<span class="skill-tag">Cursor</span>
@@ -1037,11 +1056,48 @@ <h2 class="section-title">Let's Work Together</h2>
10371056
</div>
10381057

10391058
<div class="contact-buttons reveal">
1040-
<a href="mailto:AndrewDoesData@gmail.com" class="contact-btn primary">Get in Touch</a>
1059+
<a href="" onclick="navigator.clipboard.writeText('AndrewDoesData@gmail.com').then(() => alert('Email copied to clipboard: AndrewDoesData@gmail.com')).catch(() => alert('Email: AndrewDoesData@gmail.com'))" class="contact-btn primary">Get in Touch</a>
10411060
</div>
10421061
</section>
10431062

10441063
<script>
1064+
// Link variables - easily accessible throughout the page
1065+
window.links = {
1066+
// Social Media
1067+
linkedin: "https://www.linkedin.com/in/andrew-huynh-data/",
1068+
github: "https://github.com/andrew-huynh-data",
1069+
twitter: "https://www.twitter.com/andrew-huynh-data",
1070+
instagram: "https://www.instagram.com/andrew-huynh-data",
1071+
facebook: "https://www.facebook.com/andrew-huynh-data",
1072+
youtube: "https://www.youtube.com/andrew-huynh-data",
1073+
twitch: "https://www.twitch.com/andrew-huynh-data",
1074+
tiktok: "https://www.tiktok.com/andrew-huynh-data",
1075+
pinterest: "https://www.pinterest.com/andrew-huynh-data",
1076+
reddit: "https://www.reddit.com/andrew-huynh-data",
1077+
medium: "https://www.medium.com/andrew-huynh-data",
1078+
devto: "https://www.dev.to/andrew-huynh-data",
1079+
hashnode: "https://www.hashnode.com/andrew-huynh-data",
1080+
codewars: "https://www.codewars.com/andrew-huynh-data",
1081+
codechef: "https://www.codechef.com/andrew-huynh-data",
1082+
codeforces: "https://www.codeforces.com/andrew-huynh-data",
1083+
1084+
// Professional Links
1085+
doordashBlog: "https://careersatdoordash.com/blog/overcoming-rapid-growth-challenges-for-datasets-in-snowflake/",
1086+
youtubeAI: "https://www.youtube.com/live/g5keUVsaSM8?t=1951s",
1087+
youtubeAI2: "https://youtu.be/-_CP3Ms_xuU?feature=shared",
1088+
supademo: "https://app.supademo.com/demo/cmd5eiote02j50x0jqac8i430",
1089+
brooklyndata: "https://www.brooklyndata.co/ideas/2024/12/18/how-to-design-an-effective-data-intake-process",
1090+
sigmacomputing: "https://www.sigmacomputing.com/customers/doordash-logs-a-30-increase-in-queries-while-keeping-the-snowflake-cost-constant-with-sigma",
1091+
doordashlabs: "https://labs.doordash.com/",
1092+
1093+
email: "mailto:AndrewDoesData@gmail.com"
1094+
};
1095+
1096+
// Helper function to get link by name
1097+
function getLink(linkName) {
1098+
return window.links[linkName] || '#';
1099+
}
1100+
10451101
// Custom cursor
10461102
const cursorDot = document.querySelector('.cursor-dot');
10471103
const cursorOutline = document.querySelector('.cursor-outline');

0 commit comments

Comments
 (0)