From c7deb30b48bb39fb81e83c5758e28522db5e2b11 Mon Sep 17 00:00:00 2001 From: Amit Mishra Date: Sat, 1 Nov 2025 07:14:04 -0500 Subject: [PATCH] Update index.html feat:%20Implement%20full%20static%20portfolio%20with%20interactive%20components%20and%20real%20content%0A%0AThis%20commit%20finalizes%20the%20migration%20of%20content%20and%20features%20from%20the%20original%20React%20version%20of%20the%20portfolio%20into%20a%20single,%20static%20index.html%20file,%20making%20it%20fully%20portable%20and%20ready%20for%20deployment%20on%20services%20like%20GitHub%20Pages.%0A%0AAll%20interactivity%20is%20now%20handled%20by%20vanilla%20JavaScript,%20and%20all%20data%20(for%20blogs,%20publications,%20etc.)%20is%20stored%20in%20static%20arrays%20within%20the%20main%20script.%0A%0AKey%20Features%20Implemented%3A%0A%0AProjects%20Section%3A%0A%0AReplaced%20the%20old%20demo%20with%20the%20full%20%22Flagship%20Projects%22%20section.%0A%0AImplemented%20a%20complete%20JavaScript-driven%20tabbed%20interface%20for%20the%206-part%20%22Keystone%20Ledger%22%20demo%20(Dashboard,%20Chart%20of%20Accounts,%20etc.).%0A%0AAdded%20the%20%22Vending%20Machine%20Blueprint%22%20project%20with%20its%20description,%20image,%20and%20a%20new%20%22Buy%20on%20Amazon%22%20link,%20removing%20the%20old%20%22Launch%22%20button.%0A%0AInteractive%20Modals%3A%0A%0ABuilt%20a%20content%20modal%20system%20for%20the%20%22As%20Featured%20In%22%20(Publications)%20section.%20All%204%20articles%20(Voyage%20Dallas,%20Nova,%20BRC,%20HeartWater)%20are%20now%20populated%20with%20their%20full,%20rich%20HTML%20content.%0A%0ABuilt%20a%20full-featured%20lightbox%20for%20the%20%22Gallery,%22%20including%20Next/Previous%20navigation%20buttons%20for%20browsing%20all%20images.%0A%0AContent%20&%20Data%20Population:%0A%0AReplaced%20the%20(non-functional)%20Medium%20RSS%20feed%20with%20a%20static%20blogData%20array,%20populating%20the%20%22Latest%20Articles%22%20section%20with%20your%203%20real%20Medium%20posts%20and%20their%20correct%20thumbnail%20images.%0A%0AUpdated%20the%20%22Hero%22%20section%20to%20link%20the%20%22Download%20Resume%22%20button%20to%20the%20Resume.pdf%20file.%0A%0ACurated%20the%20%22Gallery%22%20to%20the%20final%206%20images,%20including%20the%20two%20most%20recent%20additions.%0A%0AStatic%20Interactivity:%0A%0AImplemented%20a%20mock%20%22AI%20Chatbot%22%20using%20vanilla%20JavaScript.%20It%20provides%20canned%20(pre-written)%20responses%20based%20on%20keywords%20(e.g.,%20%22achievements,%22%20%22schedule%22)%20and%20mimics%20the%20dynamic%20version's%20UI%20and%20behavior.%0A%0AConverted%20the%20%22AI-Assisted%20Outreach%22%20form%20into%20a%20static-friendly%20mailto:%20generator.%20It%20now%20takes%20user%20input%20and%20pre-fills%20a%20new%20email%20draft%20in%20the%20user's%20default%20mail%20client.%0A%0ATheme%20&%20Charting:%0A%0AImplemented%20the%20%22Proven%20Results%22%20line%20chart%20using%20Chart.js,%20including%20a%20fix%20to%20destroy%20and%20re-render%20the%20chart%20correctly%20on%20theme%20changes.%0A%0AFixed%20the%20theme%20script%20to%20correctly%20check%20for%20system%20preferences%20(dark%20mode)%20on%20initial%20load%20and%20prevent%20the%20%22flash%20of%20unstyled%20content%22%20(FOUC).%0A%0ABug%20Fixes:%0A%0AYouTube:%20Resolved%20the%20%22Error%20153%22%20on%20the%20%22Keystone%20Ledger%22%20video%20by%20adding%20the%20referrerpolicy=%22strict-origin-when-cross-origin%22%20attribute%20to%20the%20iframe.%0A%0AStyling:%20Applied%20the%20object-top%20class%20to%20all%20thumbnails%20in%20the%20Publications,%20Blog,%20and%20Gallery%20sections%20to%20prevent%20image%20content%20(like%20faces)%20from%20being%20cut%20off.%0A%0AJavaScript:%20Resolved%20multiple%20critical%20syntax%20errors%20that%20were%20crashing%20the%20main%20script,%20including%20an%20%22Unexpected%20end%20of%20script%22%20error%20and%20an%20unclosed%20block%20comment%20(/**).%0A%0AAOS:%20Initialized%20Animate%20on%20Scroll%20(AOS)%20to%20enable%20section%20fade-in%20animations%20on%20scroll. Signed-off-by: Amit Mishra --- index.html | 1828 +++++++++++++++++++++++++++++++++------------------- 1 file changed, 1154 insertions(+), 674 deletions(-) diff --git a/index.html b/index.html index a0f3583..368a060 100644 --- a/index.html +++ b/index.html @@ -11,46 +11,59 @@ + Amit Mishra | Healthcare Business Development & Utilization Review Expert - + + - + + - - + + + + + - - + + + - - + - - + - - + + + - - + + - + @@ -61,6 +74,7 @@ section[id] { scroll-margin-top: 80px; } .hidden { display: none !important; } + /* Custom animations */ @keyframes fade-in-up { from { opacity:0; transform: translateY(20px);} to { opacity:1; transform: translateY(0);} } .animate-fade-in-up { animation: fade-in-up .5s ease-out forwards; } @keyframes fade-in { from { opacity:0; } to { opacity:1; } } @@ -71,21 +85,55 @@ .dark .loader{ border-color:#4b5563; border-top-color:#60a5fa; } @keyframes spin { to { transform: rotate(360deg);} } - /* prose invert helper */ - .dark .prose-invert{ --tw-prose-body:#d1d5db; --tw-prose-headings:#fff; --tw-prose-links:#60a5fa; } + /* Modal styles */ + .modal-backdrop { animation: fade-in .2s ease-out forwards; } + .modal-content { animation: fade-in-up .3s ease-out forwards; } - /* Styles for new modals/lightbox from your script */ - #lightbox { background-color: rgba(0,0,0,0.8); backdrop-filter: blur(4px); } - #lightbox-img { max-height: 90vh; max-width: 90vw; } - #publication-modal, #email-modal { background-color: rgba(0,0,0,0.6); backdrop-filter: blur(4px); } + /* Styles for generated article content in modal */ + #modal-article-content h3 { + font-size: 1.5rem; /* 24px */ + line-height: 2rem; /* 32px */ + font-weight: 700; + color: #1f2937; /* text-gray-800 */ + margin-bottom: 1rem; /* mb-4 */ + } + .dark #modal-article-content h3 { + color: #f9fafb; /* dark:text-gray-50 */ + } + #modal-article-content p { + margin-bottom: 1rem; /* mb-4 */ + line-height: 1.625; /* leading-relaxed */ + font-size: 1.125rem; /* text-lg */ + } + #modal-article-content img { + width: 100%; + max-height: 400px; + object-fit: cover; + border-radius: 0.5rem; /* rounded-lg */ + margin-bottom: 1.5rem; /* mb-6 */ + } + /* AI Chatbot styles */ + .chat-bubble-model { + background-color: #f3f4f6; /* bg-gray-100 */ + color: #1f2937; /* text-gray-800 */ + align-self: flex-start; + } + .dark .chat-bubble-model { + background-color: #374151; /* dark:bg-gray-700 */ + color: #f9fafb; /* dark:text-gray-100 */ + } + .chat-bubble-user { + background-color: #3b82f6; /* bg-blue-600 */ + color: #ffffff; /* text-white */ + align-self: flex-end; + }
- -