https://chunghaolee.com/portfolio/Recent content in Portfolios on Chung-Hao LeeHugoenSun, 22 Mar 2026 00:00:00 +0000https://chunghaolee.com/portfolio/fiery_golden_eyes/Sun, 22 Mar 2026 00:00:00 +0000https://chunghaolee.com/portfolio/fiery_golden_eyes/<p>Welcome to visit the site to find out MORE ! <a href="https://lch99310.github.io/Fiery-Golden-Eyes/" target="_blank" rel="noreferrer">Fiery Golden Eyes</a> 🏘️</p> <hr> <h2 id="excited-to-introduce-my-latest-side-project-fiery-golden-eyes" class="relative group">Excited to introduce my latest side project: Fiery Golden Eyes <br> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#excited-to-introduce-my-latest-side-project-fiery-golden-eyes" aria-label="Anchor">#</a></span></h2><p>Fiery Golden Eyes is an web-based app that has interactive map of property sale prices across Greater Sydney, powered by official NSW Government open data. <br> Navigating the Sydney property market requires high-fidelity data and spatial clarity. This platform provides a comprehensive, interactive visualization of sales across Greater Sydney, powered by official NSW Government open data. <br></p>https://chunghaolee.com/portfolio/scicover_summary/Sun, 01 Mar 2026 00:00:00 +0000https://chunghaolee.com/portfolio/scicover_summary/<p>Welcome to visit the site to find out MORE ! <a href="https://lch99310.github.io/SciCover_Summary/" target="_blank" rel="noreferrer">SciCover Summary</a> 🔬</p> <hr> <h2 id="a-web-based-application-that-provide-bilingual-summaries-of-cover-articles-from-scientific-journals" class="relative group">A web-based application that provide Bilingual Summaries of cover articles from scientific journals <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#a-web-based-application-that-provide-bilingual-summaries-of-cover-articles-from-scientific-journals" aria-label="Anchor">#</a></span></h2><p> <figure> <picture class="mx-auto my-0 rounded-md" > <source srcset="https://chunghaolee.com/portfolio/scicover_summary/homepage_hu_d0250713ebc9316d.webp 330w,https://chunghaolee.com/portfolio/scicover_summary/homepage_hu_4f3fd2363d73340a.webp 660w ,https://chunghaolee.com/portfolio/scicover_summary/homepage_hu_fe37cace3be79d93.webp 1024w ,https://chunghaolee.com/portfolio/scicover_summary/homepage_hu_a1a646488422faee.webp 1320w " sizes="100vw" type="image/webp" /> <img width="1890" height="1306" class="mx-auto my-0 rounded-md" alt="Homepage" loading="lazy" decoding="async" src="https://chunghaolee.com/portfolio/scicover_summary/homepage_hu_fb347b95417182d1.png" srcset="https://chunghaolee.com/portfolio/scicover_summary/homepage_hu_c164ff6f98c8ece4.png 330w,https://chunghaolee.com/portfolio/scicover_summary/homepage_hu_fb347b95417182d1.png 660w ,https://chunghaolee.com/portfolio/scicover_summary/homepage_hu_bbef4af1a0bb8062.png 1024w ,https://chunghaolee.com/portfolio/scicover_summary/homepage_hu_67faeaa0ece00ba7.png 1320w " sizes="100vw" /> </picture> </figure> </p> <h3 id="-every-week-premier-academic-journals-like-science-nature-and-cell-publish-cover-stories-that-reshape-our-understanding-of-the-world-however-a-significant-chasm-remains-between-the-rigors-of-academic-publishing-and-general-public-accessibility" class="relative group">🚀 Every week, premier academic journals like <em>Science</em>, <em>Nature</em>, and <em>Cell</em> publish cover stories that reshape our understanding of the world. However, a significant chasm remains between the rigors of academic publishing and general public accessibility. <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#-every-week-premier-academic-journals-like-science-nature-and-cell-publish-cover-stories-that-reshape-our-understanding-of-the-world-however-a-significant-chasm-remains-between-the-rigors-of-academic-publishing-and-general-public-accessibility" aria-label="Anchor">#</a></span></h3><p>每週，《Science》、《Nature》、《Cell》等頂級學術期刊都會發表改變世界的封面研究。然而，在學術出版與公眾認知之間，仍存在著一道難以跨越的鴻溝。</p>https://chunghaolee.com/portfolio/daily_underestimated_mlbplayers_ranking/Sat, 21 Feb 2026 00:00:00 +0800https://chunghaolee.com/portfolio/daily_underestimated_mlbplayers_ranking/<p>Welcome to visit the site to find out MORE ! <a href="https://lch99310.github.io/Daily_underestimated_MLBplayer_ranking/" target="_blank" rel="noreferrer">Daily Underestomated MLBPlayers Ranking</a> ⚾</p> <hr> <p><strong>Nov 2024:</strong> I had the vision and the domain expertise, but I faced a technical ceiling. At that time, I could use AI to generate &ldquo;polished UI mockups,&rdquo; but building a live, data-integrated application as a solo creator required a level of manual engineering that was out of reach.</p> <p><strong>Feb 2026:</strong> The landscape has fundamentally changed. By evolving my workflow to manage autonomous AI agents, I have transitioned from &ldquo;visualizing ideas&rdquo; to <strong>shipping a production-ready, full-stack web application.</strong></p>https://chunghaolee.com/portfolio/newsletter_manager/Sat, 21 Feb 2026 00:00:00 +0800https://chunghaolee.com/portfolio/newsletter_manager/<h3 id="from-defining-pain-points-to-product-launch-how-i-leveraged-ai-for-automated-development-in-an-unfamiliar-domain" class="relative group">【From Defining Pain Points to Product Launch: How I Leveraged AI for Automated Development in an Unfamiliar Domain】 <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#from-defining-pain-points-to-product-launch-how-i-leveraged-ai-for-automated-development-in-an-unfamiliar-domain" aria-label="Anchor">#</a></span></h3><h3 id="從定義痛點到產品落地我如何利用-ai-在陌生領域完成自動化開發" class="relative group">【從定義痛點到產品落地：我如何利用 AI 在陌生領域完成自動化開發】 <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#%e5%be%9e%e5%ae%9a%e7%be%a9%e7%97%9b%e9%bb%9e%e5%88%b0%e7%94%a2%e5%93%81%e8%90%bd%e5%9c%b0%e6%88%91%e5%a6%82%e4%bd%95%e5%88%a9%e7%94%a8-ai-%e5%9c%a8%e9%99%8c%e7%94%9f%e9%a0%98%e5%9f%9f%e5%ae%8c%e6%88%90%e8%87%aa%e5%8b%95%e5%8c%96%e9%96%8b%e7%99%bc" aria-label="Anchor">#</a></span></h3><p> <figure> <picture class="mx-auto my-0 rounded-md" > <source srcset="https://chunghaolee.com/portfolio/newsletter_manager/pic1_hu_828e23b67e002980.webp 330w,https://chunghaolee.com/portfolio/newsletter_manager/pic1_hu_7d11dce9a78cf952.webp 660w ,https://chunghaolee.com/portfolio/newsletter_manager/pic1_hu_b770b4e55cfc382.webp 1024w ,https://chunghaolee.com/portfolio/newsletter_manager/pic1_hu_86638e19e864a6c5.webp 1320w " sizes="100vw" type="image/webp" /> <img width="1670" height="1286" class="mx-auto my-0 rounded-md" alt="Newsletter" loading="lazy" decoding="async" src="https://chunghaolee.com/portfolio/newsletter_manager/pic1_hu_4b5f0fc0695b3fc6.png" srcset="https://chunghaolee.com/portfolio/newsletter_manager/pic1_hu_359d004f13195c0e.png 330w,https://chunghaolee.com/portfolio/newsletter_manager/pic1_hu_4b5f0fc0695b3fc6.png 660w ,https://chunghaolee.com/portfolio/newsletter_manager/pic1_hu_bccca4f47b1ac8a6.png 1024w ,https://chunghaolee.com/portfolio/newsletter_manager/pic1_hu_f3e8e1986b1b9882.png 1320w " sizes="100vw" /> </picture> </figure> </p> <p>In this age of information overload, we often stumble upon high-quality independent blogs or technical columns that lack a &ldquo;Subscribe&rdquo; feature. To avoid missing deep-dive content, I used to check these sites manually—a process that was both inefficient and prone to oversight.<br> 在資訊爆炸的時代，我們常會遇到高品質的獨立部落格或技術專欄，卻發現它們缺乏「訂閱」功能。為了不漏掉深度內容，過去我只能手動檢查網頁，既低效又容易遺漏。</p>https://chunghaolee.com/portfolio/australias-space-launch-roadmap/Sat, 13 Dec 2025 00:00:00 +0800https://chunghaolee.com/portfolio/australias-space-launch-roadmap/<div style="text-align: center; margin: 20px 0;"> <a href="Australia Space Launch Roadmap.pdf" download class="download-button" style="display: inline-block; padding: 12px 24px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px; font-weight: bold; transition: background-color 0.3s;"> 📥 Download Portfolio PDF </a> </div> <style> .download-button:hover { background-color: #0056b3 !important; } .pdf-container { width: 100%; max-width: 900px; margin: 0 auto; padding: 20px 0; } .pdf-embed { width: 100%; height: 600px; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 30px; } .pdf-page-image { width: 100%; margin-bottom: 20px; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } @media (max-width: 768px) { .pdf-embed { height: 600px; } } </style> <div class="pdf-container"> <h3 id="-full-portfolio-document" class="relative group">📄 Full Portfolio Document <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#-full-portfolio-document" aria-label="Anchor">#</a></span></h3><!-- Option 1: Using iframe embed (works if PDF is in static folder) --> <iframe src="Australia Space Launch Roadmap.pdf" class="pdf-embed" type="application/pdf"> <p>Your browser doesn't support PDF viewing. Please <a href="Australia Space Launch Roadmap.pdf">download the PDF</a> to view it.</p>https://chunghaolee.com/portfolio/2025-11-23-powering-the-ai-revolution-australias-pivotal-role-in-the-global-mineral-supply-chain/Sat, 22 Nov 2025 00:00:00 +0800https://chunghaolee.com/portfolio/2025-11-23-powering-the-ai-revolution-australias-pivotal-role-in-the-global-mineral-supply-chain/<div style="text-align: center; margin: 20px 0;"> <a href="AI Revolution - Australia Pivotal Role in the Global Mineral Supply Chain.pdf" download class="download-button" style="display: inline-block; padding: 12px 24px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px; font-weight: bold; transition: background-color 0.3s;"> 📥 Download Portfolio PDF </a> </div> <style> .download-button:hover { background-color: #0056b3 !important; } .pdf-container { width: 100%; max-width: 900px; margin: 0 auto; padding: 20px 0; } .pdf-embed { width: 100%; height: 600px; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 30px; } .pdf-page-image { width: 100%; margin-bottom: 20px; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } @media (max-width: 768px) { .pdf-embed { height: 600px; } } </style> <div class="pdf-container"> <h3 id="-full-portfolio-document" class="relative group">📄 Full Portfolio Document <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#-full-portfolio-document" aria-label="Anchor">#</a></span></h3><!-- Option 1: Using iframe embed (works if PDF is in static folder) --> <iframe src="AI Revolution - Australia Pivotal Role in the Global Mineral Supply Chain.pdf" class="pdf-embed" type="application/pdf"> <p>Your browser doesn't support PDF viewing. Please <a href="AI Revolution - Australia Pivotal Role in the Global Mineral Supply Chain.pdf">download the PDF</a> to view it.</p>https://chunghaolee.com/portfolio/govhack2025---data-center-challenging/Sat, 30 Aug 2025 00:00:00 +0800https://chunghaolee.com/portfolio/govhack2025---data-center-challenging/<div style="text-align: center; margin: 20px 0;"> <a href="GovHack 2025_ Australia's AI Future - A Data-Driven Framework for Data Center Siting.pdf" download class="download-button" style="display: inline-block; padding: 12px 24px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px; font-weight: bold; transition: background-color 0.3s;"> 📥 Download Portfolio PDF </a> </div> <style> .download-button:hover { background-color: #0056b3 !important; } .pdf-container { width: 100%; max-width: 900px; margin: 0 auto; padding: 20px 0; } .pdf-embed { width: 100%; height: 1200px; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 30px; } .pdf-page-image { width: 100%; margin-bottom: 20px; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } @media (max-width: 768px) { .pdf-embed { height: 600px; } } </style> <div class="pdf-container"> <h3 id="-full-portfolio-document" class="relative group">📄 Full Portfolio Document <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#-full-portfolio-document" aria-label="Anchor">#</a></span></h3><!-- Option 1: Using iframe embed (works if PDF is in static folder) --> <iframe src="GovHack 2025_ Australia's AI Future - A Data-Driven Framework for Data Center Siting.pdf" class="pdf-embed" type="application/pdf"> <p>Your browser doesn't support PDF viewing. Please <a href="GovHack 2025_ Australia's AI Future - A Data-Driven Framework for Data Center Siting.pdf">download the PDF</a> to view it.</p>https://chunghaolee.com/portfolio/brisbane-2032-olympics-workforce-demand-analysis/Sun, 20 Jul 2025 00:00:00 +0800https://chunghaolee.com/portfolio/brisbane-2032-olympics-workforce-demand-analysis/<div style="text-align: center; margin: 20px 0;"> <a href="Brisbane 2032 Olympics Workforce Demand Analysis.pdf" download class="download-button" style="display: inline-block; padding: 12px 24px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px; font-weight: bold; transition: background-color 0.3s;"> 📥 Download Portfolio PDF </a> </div> <style> .download-button:hover { background-color: #0056b3 !important; } .pdf-container { width: 100%; max-width: 900px; margin: 0 auto; padding: 20px 0; } .pdf-embed { width: 100%; height: 600px; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 30px; } .pdf-page-image { width: 100%; margin-bottom: 20px; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } @media (max-width: 768px) { .pdf-embed { height: 600px; } } </style> <div class="pdf-container"> <h3 id="-full-portfolio-document" class="relative group">📄 Full Portfolio Document <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#-full-portfolio-document" aria-label="Anchor">#</a></span></h3><!-- Option 1: Using iframe embed (works if PDF is in static folder) --> <iframe src="Brisbane 2032 Olympics Workforce Demand Analysis.pdf" class="pdf-embed" type="application/pdf"> <p>Your browser doesn't support PDF viewing. Please <a href="Brisbane 2032 Olympics Workforce Demand Analysis.pdf">download the PDF</a> to view it.</p>https://chunghaolee.com/portfolio/queensland_aluminum_industry_emissions/Tue, 27 May 2025 00:00:00 +0800https://chunghaolee.com/portfolio/queensland_aluminum_industry_emissions/<p><strong>Queensland Aluminium Industry Emissions:</strong> 2024 Status, 2030 Reduction Targets and Decarbonization Roadmap</p> <div style="text-align: center; margin: 20px 0;"> <a href="Queensland Aluminium Industry Emissions.pdf" download class="download-button" style="display: inline-block; padding: 12px 24px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px; font-weight: bold; transition: background-color 0.3s;"> 📥 Download Portfolio PDF </a> </div> <style> .download-button:hover { background-color: #0056b3 !important; } .pdf-container { width: 100%; max-width: 900px; margin: 0 auto; padding: 20px 0; } .pdf-embed { width: 100%; height: 1200px; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 30px; } .pdf-page-image { width: 100%; margin-bottom: 20px; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } @media (max-width: 768px) { .pdf-embed { height: 600px; } } </style> <div class="pdf-container"> <h3 id="-full-portfolio-document" class="relative group">📄 Full Portfolio Document <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#-full-portfolio-document" aria-label="Anchor">#</a></span></h3><!-- Option 1: Using iframe embed (works if PDF is in static folder) --> <iframe src="Queensland Aluminium Industry Emissions.pdf" class="pdf-embed" type="application/pdf"> <p>Your browser doesn't support PDF viewing. Please <a href="Queensland Aluminium Industry Emissions.pdf">download the PDF</a> to view it.</p>https://chunghaolee.com/portfolio/2025-08-24_chs_portfolio/Tue, 31 Dec 2024 00:00:00 +0800https://chunghaolee.com/portfolio/2025-08-24_chs_portfolio/<h2 id="product-portfolio---telemetry-ai-analyzer" class="relative group">Product Portfolio - Telemetry AI Analyzer <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#product-portfolio---telemetry-ai-analyzer" aria-label="Anchor">#</a></span></h2><div style="text-align: center; margin: 20px 0;"> <a href="CHLee_Portfolio.pdf" download class="download-button" style="display: inline-block; padding: 12px 24px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px; font-weight: bold; transition: background-color 0.3s;"> 📥 Download Portfolio PDF </a> </div> <style> .download-button:hover { background-color: #0056b3 !important; } .pdf-container { width: 100%; max-width: 900px; margin: 0 auto; padding: 20px 0; } .pdf-embed { width: 100%; height: 1200px; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 30px; } .pdf-page-image { width: 100%; margin-bottom: 20px; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } @media (max-width: 768px) { .pdf-embed { height: 600px; } } </style> <div class="pdf-container"> <h3 id="-full-portfolio-document" class="relative group">📄 Full Portfolio Document <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#-full-portfolio-document" aria-label="Anchor">#</a></span></h3><!-- Option 1: Using iframe embed (works if PDF is in static folder) --> <iframe src="CHLee_Portfolio.pdf" class="pdf-embed" type="application/pdf"> <p>Your browser doesn't support PDF viewing. Please <a href="CHLee_Portfolio.pdf">download the PDF</a> to view it.</p>https://chunghaolee.com/portfolio/baseball-informaticsfrom-milb-to-mlb-debut/Wed, 24 May 2023 00:00:00 +0800https://chunghaolee.com/portfolio/baseball-informaticsfrom-milb-to-mlb-debut/<hr> <p>Please find the <a href="https://link.springer.com/chapter/10.1007/978-981-19-9658-0_5" target="_blank" rel="noreferrer">Paper Link</a></p> <h3 id="summary" class="relative group">Summary: <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#summary" aria-label="Anchor">#</a></span></h3><p>The study analyzes data from 4,321 fielders (non-pitchers) drafted by MLB teams between 2001 and 2010, using their aggregated MiLB career statistics and draft information. The goal is to build predictive models that can accurately determine whether a player will reach the MLB, a feat achieved by less than 20% of drafted prospects. The authors employ exploratory data analysis (EDA), variable selection techniques (including Lasso regression), and four different ML models (eXtreme Gradient Boosting - XGB, Random Forest - RF, Decision Tree - DT, and Support Vector Machine - SVM) to achieve this. The models are trained on 75% of the data and validated on the remaining 25%. The best-performing model is then tested on an out-of-sample dataset of players drafted in 2013.</p>https://chunghaolee.com/portfolio/2022-12-15-anomaly-detection-in-driving-by-cluster-analysis-twice/Thu, 15 Dec 2022 00:00:00 +0800https://chunghaolee.com/portfolio/2022-12-15-anomaly-detection-in-driving-by-cluster-analysis-twice/<div style="text-align: center; margin: 20px 0;"> <a href="Anomaly Detection in Driving by Cluster Analysis Twice.pdf" download class="download-button" style="display: inline-block; padding: 12px 24px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px; font-weight: bold; transition: background-color 0.3s;"> 📥 Download Portfolio PDF </a> </div> <style> .download-button:hover { background-color: #0056b3 !important; } .pdf-container { width: 100%; max-width: 900px; margin: 0 auto; padding: 20px 0; } .pdf-embed { width: 100%; height: 1200px; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 30px; } .pdf-page-image { width: 100%; margin-bottom: 20px; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } @media (max-width: 768px) { .pdf-embed { height: 600px; } } </style> <div class="pdf-container"> <h3 id="-full-portfolio-document" class="relative group">📄 Full Portfolio Document <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#-full-portfolio-document" aria-label="Anchor">#</a></span></h3><!-- Option 1: Using iframe embed (works if PDF is in static folder) --> <iframe src="Anomaly Detection in Driving by Cluster Analysis Twice.pdf" class="pdf-embed" type="application/pdf"> <p>Your browser doesn't support PDF viewing. Please <a href="Anomaly Detection in Driving by Cluster Analysis Twice.pdf">download the PDF</a> to view it.</p>https://chunghaolee.com/portfolio/cryopreservation-of-seeds-of-blue-waterlily-nymphaea-caerulea-using-glutathione-adding-plant-vitrification-solution-pvs+/Wed, 29 Jun 2016 00:00:00 +0800https://chunghaolee.com/portfolio/cryopreservation-of-seeds-of-blue-waterlily-nymphaea-caerulea-using-glutathione-adding-plant-vitrification-solution-pvs+/<div style="text-align: center; margin: 20px 0;"> <a href="Cryopreservation of seeds of blue waterlily -Nymphaea caerulea- using glutathione adding plant vitrification solution, PVS+.pdf" download class="download-button" style="display: inline-block; padding: 12px 24px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px; font-weight: bold; transition: background-color 0.3s;"> 📥 Download Portfolio PDF </a> </div> <style> .download-button:hover { background-color: #0056b3 !important; } .pdf-container { width: 100%; max-width: 900px; margin: 0 auto; padding: 20px 0; } .pdf-embed { width: 100%; height: 1200px; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 30px; } .pdf-page-image { width: 100%; margin-bottom: 20px; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } @media (max-width: 768px) { .pdf-embed { height: 600px; } } </style> <div class="pdf-container"> <h3 id="-full-portfolio-document" class="relative group">📄 Full Portfolio Document <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#-full-portfolio-document" aria-label="Anchor">#</a></span></h3><!-- Option 1: Using iframe embed (works if PDF is in static folder) --> <iframe src="Cryopreservation of seeds of blue waterlily -Nymphaea caerulea- using glutathione adding plant vitrification solution, PVS+.pdf" class="pdf-embed" type="application/pdf"> <p>Your browser doesn't support PDF viewing. Please <a href="Cryopreservation of seeds of blue waterlily -Nymphaea caerulea- using glutathione adding plant vitrification solution, PVS+.pdf">download the PDF</a> to view it.</p>