sudhir-cv / index.html
sudzdpn's picture
Add 2 files
0998e97 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sudhir du Plooy-Naran | Data Solutions Expert</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Poppins', sans-serif;
background-color: #f8fafc;
color: #1e293b;
line-height: 1.6;
}
.header-gradient {
background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
}
.skill-pill {
transition: all 0.3s ease;
}
.skill-pill:hover {
transform: translateY(-2px);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
background-color: #3b82f6;
color: white;
}
.timeline-item:before {
content: '';
position: absolute;
left: -1.5rem;
top: 0;
width: 1rem;
height: 1rem;
border-radius: 50%;
background-color: #3b82f6;
border: 3px solid white;
box-shadow: 0 0 0 2px #3b82f6;
}
.certification-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
border-color: #3b82f6;
}
.print-button {
transition: all 0.3s ease;
}
.print-button:hover {
transform: scale(1.05);
background-color: #1e40af;
}
.progress-bar {
height: 6px;
border-radius: 3px;
background-color: #e5e7eb;
}
.progress-fill {
height: 100%;
border-radius: 3px;
background-color: #3b82f6;
}
.social-icon {
transition: all 0.3s ease;
}
.social-icon:hover {
transform: scale(1.2);
color: #3b82f6;
}
.github-corner:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out;
}
@keyframes octocat-wave {
0%, 100% { transform: rotate(0); }
20%, 60% { transform: rotate(-25deg); }
40%, 80% { transform: rotate(10deg); }
}
@media (max-width: 500px) {
.github-corner:hover .octo-arm {
animation: none;
}
.github-corner .octo-arm {
animation: octocat-wave 560ms ease-in-out;
}
}
@media print {
.no-print {
display: none !important;
}
body {
background-color: white;
color: black;
font-size: 12pt;
}
.header-gradient {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.break-after {
page-break-after: always;
}
a {
text-decoration: none !important;
color: black !important;
}
}
</style>
</head>
<body class="max-w-6xl mx-auto px-4 py-8 print:p-0">
<!-- GitHub Corner -->
<a href="https://github.com/sudz" class="github-corner no-print" aria-label="View source on GitHub">
<svg width="80" height="80" viewBox="0 0 250 250" style="position: absolute; top: 0; right: 0; border: 0;" aria-hidden="true">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
<path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,118.9 156.7,122.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>
</svg>
</a>
<!-- Print Button -->
<div class="no-print flex justify-end mb-6">
<button onclick="window.print()" class="print-button bg-blue-600 text-white px-4 py-2 rounded-lg shadow-md flex items-center">
<i class="fas fa-print mr-2"></i> Print CV
</button>
</div>
<!-- Header Section -->
<header class="header-gradient text-white rounded-xl p-8 mb-8 shadow-lg relative overflow-hidden print:rounded-none print:shadow-none">
<div class="absolute inset-0 bg-white opacity-10"></div>
<div class="relative z-10">
<div class="flex flex-col md:flex-row justify-between items-start">
<div class="md:w-2/3">
<h1 class="text-4xl font-bold mb-2">SUDHIR DU PLOOY-NARAN</h1>
<h2 class="text-2xl font-semibold mb-4">Solutions Developer | SQL & Power BI Specialist | Data Engineer</h2>
<div class="flex flex-wrap gap-2 mb-4">
<span class="bg-white bg-opacity-20 px-3 py-1 rounded-full text-sm flex items-center">
<i class="fas fa-map-marker-alt mr-2"></i> Pretoria, South Africa
</span>
<span class="bg-white bg-opacity-20 px-3 py-1 rounded-full text-sm flex items-center">
<i class="fas fa-envelope mr-2"></i> [email protected]
</span>
<span class="bg-white bg-opacity-20 px-3 py-1 rounded-full text-sm flex items-center">
<i class="fas fa-phone mr-2"></i> (+27) 72 208 4032
</span>
<span class="bg-white bg-opacity-20 px-3 py-1 rounded-full text-sm flex items-center">
<i class="fab fa-github mr-2"></i> github.com/Sudz/resume
</span>
</div>
<div class="flex space-x-4 mt-4">
<a href="https://www.linkedin.com/in/sudhirdpn" target="_blank" class="social-icon text-white text-xl">
<i class="fab fa-linkedin"></i>
</a>
<a href="https://github.com/sudz" target="_blank" class="social-icon text-white text-xl">
<i class="fab fa-github"></i>
</a>
<a href="https://app.saml.co.za" target="_blank" class="social-icon text-white text-xl">
<i class="fas fa-rocket"></i>
</a>
<a href="https://github.com/Sudz/resume.git" target="_blank" class="social-icon text-white text-xl">
<i class="fas fa-code-branch"></i>
</a>
</div>
</div>
<div class="hidden md:block mt-4 md:mt-0">
<div class="w-32 h-32 rounded-full bg-white flex items-center justify-center shadow-md border-4 border-blue-200 overflow-hidden">
<img src="https://github.com/sudz.png" alt="Sudhir du Plooy-Naran" class="w-full h-full object-cover">
</div>
</div>
</div>
</div>
</header>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<!-- Left Column -->
<div class="lg:col-span-2 space-y-8">
<!-- Professional Summary -->
<section class="bg-white rounded-xl p-6 shadow-md">
<h2 class="text-2xl font-bold mb-4 text-blue-600 flex items-center">
<i class="fas fa-user-tie mr-3"></i> PROFESSIONAL SUMMARY
</h2>
<div class="border-l-4 border-blue-500 pl-4">
<p class="text-gray-700">
Microsoft Certified Data Engineer (MCSE: Data Management & Analytics) with 8+ years of expertise in SQL-driven solutions, ETL optimization, and enterprise BI development. Founder of <a href="https://app.saml.co.za" target="_blank" class="text-blue-600 hover:underline">SAML</a>, a startup delivering custom Power BI connectors for niche industries. Proven success in reducing data pipeline costs by 35%+ and enabling data-driven decision-making through scalable SQL architectures.
</p>
</div>
</section>
<!-- Professional Experience -->
<section class="bg-white rounded-xl p-6 shadow-md">
<h2 class="text-2xl font-bold mb-6 text-blue-600 flex items-center">
<i class="fas fa-briefcase mr-3"></i> PROFESSIONAL EXPERIENCE
</h2>
<div class="space-y-8 relative pl-8 border-l-2 border-blue-200">
<!-- Experience 1 -->
<div class="timeline-item relative">
<div class="flex flex-col sm:flex-row sm:justify-between sm:items-baseline">
<h3 class="text-xl font-semibold">Solutions Developer</h3>
<span class="text-blue-600 font-medium">Genasys Technologies (Johannesburg, SA)</span>
<span class="text-gray-500">May 2019 – Dec 2021</span>
</div>
<ul class="mt-3 space-y-2 list-disc list-inside text-gray-700">
<li>Optimized SQL data warehouse ETL pipelines using SSIS, reducing runtime by 35% and costs by 20%.</li>
<li>Developed Power BI dashboards for Oracle EBS supply chain modules, improving inventory forecasting accuracy.</li>
<li>Modernized legacy COBOL/VB.NET systems by integrating AS/400 data via ODBC for real-time analytics.</li>
</ul>
</div>
<!-- Experience 2 -->
<div class="timeline-item relative">
<div class="flex flex-col sm:flex-row sm:justify-between sm:items-baseline">
<h3 class="text-xl font-semibold">Associate Consultant (Microsoft Solutions Expert)</h3>
<span class="text-blue-600 font-medium">PEARS Trust (Hogsback, SA)</span>
<span class="text-gray-500">Sep 2017 – Dec 2019</span>
</div>
<ul class="mt-3 space-y-2 list-disc list-inside text-gray-700">
<li>Migrated 50+ TB of legacy data to SQL Server 2016 using SSIS, enabling self-service BI for clients.</li>
<li>Automated SSAS cube processing (multidimensional models), reducing manual effort by 50%.</li>
</ul>
</div>
<!-- Experience 3 -->
<div class="timeline-item relative">
<div class="flex flex-col sm:flex-row sm:justify-between sm:items-baseline">
<h3 class="text-xl font-semibold">Business Development Intern</h3>
<span class="text-blue-600 font-medium">WYG Advisory Services (Pretoria, SA)</span>
<span class="text-gray-500">Jan 2016 – Oct 2016</span>
</div>
<ul class="mt-3 space-y-2 list-disc list-inside text-gray-700">
<li>Streamlined proposal workflows using SharePoint 2013, cutting bid preparation time by 25%.</li>
</ul>
</div>
</div>
</section>
<!-- Projects & Entrepreneurship -->
<section class="bg-white rounded-xl p-6 shadow-md">
<h2 class="text-2xl font-bold mb-6 text-blue-600 flex items-center">
<i class="fas fa-lightbulb mr-3"></i> PROJECTS & ENTREPRENEURSHIP
</h2>
<div class="grid md:grid-cols-2 gap-6">
<!-- Project 1 -->
<div class="bg-blue-50 p-4 rounded-lg border border-blue-100 transition-all hover:shadow-md">
<h3 class="font-bold text-lg text-blue-700 mb-2">Founder & Lead Developer | <a href="https://app.saml.co.za" target="_blank" class="hover:underline">SAML</a></h3>
<p class="text-gray-700 mb-2">2020 – Present</p>
<ul class="list-disc list-inside text-gray-700 space-y-1">
<li>Built custom Power BI connectors for agriculture/healthcare sectors, serving 15+ clients with niche data integration needs.</li>
</ul>
</div>
<!-- Project 2 -->
<div class="bg-blue-50 p-4 rounded-lg border border-blue-100 transition-all hover:shadow-md">
<h3 class="font-bold text-lg text-blue-700 mb-2">Supply Chain Analytics Platform</h3>
<p class="text-gray-700 mb-2">Genasys Technologies</p>
<ul class="list-disc list-inside text-gray-700 space-y-1">
<li>Architected end-to-end BI solution using SQL Server 2016 and Power BI, reducing reporting latency by 40%.</li>
</ul>
</div>
</div>
</section>
</div>
<!-- Right Column -->
<div class="space-y-8">
<!-- Technical Skills -->
<section class="bg-white rounded-xl p-6 shadow-md">
<h2 class="text-2xl font-bold mb-4 text-blue-600 flex items-center">
<i class="fas fa-code mr-3"></i> TECHNICAL SKILLS
</h2>
<div class="space-y-4">
<!-- Skill Category 1 -->
<div>
<h3 class="font-semibold text-gray-800 mb-2">Database & ETL</h3>
<div class="flex flex-wrap gap-2">
<span class="skill-pill bg-gray-100 px-3 py-1 rounded-full text-sm">SQL Server (SSIS, SSAS, SSRS)</span>
<span class="skill-pill bg-gray-100 px-3 py-1 rounded-full text-sm">T-SQL</span>
<span class="skill-pill bg-gray-100 px-3 py-1 rounded-full text-sm">Oracle PL/SQL</span>
<span class="skill-pill bg-gray-100 px-3 py-1 rounded-full text-sm">Apache Spark</span>
<span class="skill-pill bg-gray-100 px-3 py-1 rounded-full text-sm">Data Vault 2.0</span>
</div>
</div>
<!-- Skill Category 2 -->
<div>
<h3 class="font-semibold text-gray-800 mb-2">BI & Visualization</h3>
<div class="flex flex-wrap gap-2">
<span class="skill-pill bg-gray-100 px-3 py-1 rounded-full text-sm">Power BI</span>
<span class="skill-pill bg-gray-100 px-3 py-1 rounded-full text-sm">DAX</span>
<span class="skill-pill bg-gray-100 px-3 py-1 rounded-full text-sm">Power Query</span>
<span class="skill-pill bg-gray-100 px-3 py-1 rounded-full text-sm">Tableau</span>
</div>
</div>
<!-- Skill Category 3 -->
<div>
<h3 class="font-semibold text-gray-800 mb-2">Cloud & DevOps</h3>
<div class="flex flex-wrap gap-2">
<span class="skill-pill bg-gray-100 px-3 py-1 rounded-full text-sm">Azure Data Factory</span>
<span class="skill-pill bg-gray-100 px-3 py-1 rounded-full text-sm">Azure Synapse</span>
<span class="skill-pill bg-gray-100 px-3 py-1 rounded-full text-sm">Docker</span>
<span class="skill-pill bg-gray-100 px-3 py-1 rounded-full text-sm">Git</span>
</div>
</div>
<!-- Skill Category 4 -->
<div>
<h3 class="font-semibold text-gray-800 mb-2">Programming</h3>
<div class="flex flex-wrap gap-2">
<span class="skill-pill bg-gray-100 px-3 py-1 rounded-full text-sm">Python</span>
<span class="skill-pill bg-gray-100 px-3 py-1 rounded-full text-sm">JavaScript</span>
<span class="skill-pill bg-gray-100 px-3 py-1 rounded-full text-sm">C#</span>
<span class="skill-pill bg-gray-100 px-3 py-1 rounded-full text-sm">VB.NET</span>
</div>
</div>
</div>
</section>
<!-- Certifications -->
<section class="bg-white rounded-xl p-6 shadow-md">
<h2 class="text-2xl font-bold mb-4 text-blue-600 flex items-center">
<i class="fas fa-certificate mr-3"></i> CERTIFICATIONS
</h2>
<div class="space-y-4">
<!-- Certification 1 -->
<div class="certification-card p-4 border rounded-lg transition-all">
<div class="flex items-start">
<div class="bg-blue-100 p-2 rounded-lg mr-4">
<i class="fab fa-microsoft text-blue-600 text-2xl"></i>
</div>
<div>
<h3 class="font-semibold">MCSE: Data Management & Analytics</h3>
<p class="text-gray-600 text-sm">Microsoft | 2018</p>
</div>
</div>
</div>
<!-- Certification 2 -->
<div class="certification-card p-4 border rounded-lg transition-all">
<div class="flex items-start">
<div class="bg-blue-100 p-2 rounded-lg mr-4">
<i class="fas fa-database text-blue-600 text-2xl"></i>
</div>
<div>
<h3 class="font-semibold">Microsoft Certified: Azure Data Engineer</h3>
<p class="text-gray-600 text-sm">Microsoft | 2020</p>
</div>
</div>
</div>
<!-- Certification 3 -->
<div class="certification-card p-4 border rounded-lg transition-all">
<div class="flex items-start">
<div class="bg-blue-100 p-2 rounded-lg mr-4">
<i class="fas fa-chart-line text-blue-600 text-2xl"></i>
</div>
<div>
<h3 class="font-semibold">Power BI Data Analyst Associate</h3>
<p class="text-gray-600 text-sm">Microsoft | 2021</p>
</div>
</div>
</div>
</div>
</section>
<!-- Languages -->
<section class="bg-white rounded-xl p-6 shadow-md">
<h2 class="text-2xl font-bold mb-4 text-blue-600 flex items-center">
<i class="fas fa-language mr-3"></i> LANGUAGES
</h2>
<div class="space-y-3">
<div>
<div class="flex justify-between mb-1">
<span class="font-medium">English</span>
<span class="text-gray-500">Native</span>
</div>
<div class="progress-bar">
<div class="progress-fill w-full"></div>
</div>
</div>
<div>
<div class="flex justify-between mb-1">
<span class="font-medium">Afrikaans</span>
<span class="text-gray-500">Fluent</span>
</div>
<div class="progress-bar">
<div class="progress-fill w-4/5"></div>
</div>
</div>
<div>
<div class="flex justify-between mb-1">
<span class="font-medium">Zulu</span>
<span class="text-gray-500">Basic</span>
</div>
<div class="progress-bar">
<div class="progress-fill w-1/3"></div>
</div>
</div>
</div>
</section>
</div>
</div>
<footer class="mt-12 text-center text-gray-500 text-sm no-print">
<p>© 2023 Sudhir du Plooy-Naran. All rights reserved.</p>
<p class="mt-1">Last updated: June 2023</p>
</footer>
<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=sudzdpn/sudhir-cv" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>