info / index.html
ntphuc149's picture
Update index.html
a351edc verified
Raw
History Blame Contribute Delete
16.6 kB
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Truong-Phuc Nguyen | NLP Researcher</title>
<link rel="icon" href="👨‍🎓" type="image/x-icon" />
<link rel="stylesheet" href="style.css" />
<link
href="https://cdn.jsdelivr.net/npm/remixicon@4.0.0/fonts/remixicon.css"
rel="stylesheet"
/>
</head>
<body>
<!-- Circuit traces background -->
<svg
style="
position: fixed;
inset: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
"
viewBox="0 0 1600 900"
preserveAspectRatio="xMidYMid slice"
aria-hidden="true"
>
<g stroke="rgba(245,166,35,.10)" stroke-width="1.5" fill="none">
<path d="M0,120 H280 L320,160 H560" />
<circle
cx="560"
cy="160"
r="4"
fill="rgba(245,166,35,.25)"
stroke="none"
/>
<path d="M1600,760 H1320 L1280,720 H980" />
<circle
cx="980"
cy="720"
r="4"
fill="rgba(245,166,35,.25)"
stroke="none"
/>
<path d="M1600,260 H1460 L1420,300 V420" />
<circle
cx="1420"
cy="420"
r="4"
fill="rgba(245,166,35,.25)"
stroke="none"
/>
<path d="M120,900 V700 L160,660 H300" />
</g>
</svg>
<!-- Navigation -->
<nav>
<div class="nav-container">
<a
href="#"
onclick="
window.scrollTo({ top: 0, behavior: 'smooth' });
return false;
"
class="logo"
><i class="ri-star-fill"></i
></a>
<button class="mobile-menu-btn" onclick="toggleMenu()">
<i class="ri-align-justify"></i>
</button>
<ul class="nav-links" id="navLinks">
<li><a href="#about">About</a></li>
<li><a href="#education">Education</a></li>
<li><a href="publications.html">Publications</a></li>
<li><a href="experience.html">Experience</a></li>
<li><a href="achievements.html">Achievements</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<button class="theme-toggle" onclick="toggleTheme()">
<i class="ri-moon-fill" id="themeIcon"></i>
</button>
</div>
</nav>
<!-- Hero Section -->
<section class="hero">
<div class="hero-content">
<div class="hero-left">
<div class="hero-badge">
<i class="ri-check-line"></i> NLP Researcher
</div>
<h1>
<span class="name-colored">Truong-Phuc</span><br />
<span class="name-white">Nguyen</span>
</h1>
<p class="description">
<i class="ri-arrow-left-double-line"></i> To stand where others
cannot,<br />
you must endure what others will not.
<i class="ri-arrow-right-double-line"></i>
</p>
<div class="social-links">
<a href="#" class="social-link" id="scholarLink">
<i class="ri-graduation-cap-fill"></i> GG Scholar
</a>
<a href="#" class="social-link" id="githubLink">
<i class="ri-github-fill"></i> GitHub
</a>
<a href="#" class="social-link" id="linkedinLink">
<i class="ri-linkedin-box-fill"></i> LinkedIn
</a>
</div>
</div>
<div class="hero-right">
<img
src="image/img_cv.jpg"
alt="Truong-Phuc Nguyen"
class="profile-image"
/>
</div>
</div>
</section>
<div class="container">
<!-- About Section -->
<section id="about">
<h2 class="section-title">About Me</h2>
<div class="glass-card">
<p style="text-align: justify; line-height: 1.8">
Hi there! I'm Truong-Phuc Nguyen, an NLP researcher from Vietnam. I
graduated with a Bachelor of Engineering in Computer Science (Gifted
and Talented Programs) with Excellence in July 2025, and will be
pursuing a Master's degree at NCU, Taiwan in Fall 2026.
</p>
<p style="text-align: justify; line-height: 1.8; margin-top: 1rem">
My research focuses on Legal AI for Vietnamese, spanning information
retrieval, question answering, text generation, and reasoning. I
have also contributed to applying AI in Vietnamese education and
healthcare, gaining some experiences along the way. Nice to meet
you!
</p>
</div>
</section>
<!-- Education Section -->
<section id="education">
<h2 class="section-title">Education</h2>
<div class="glass-card">
<div class="timeline">
<div class="timeline-item">
<div class="timeline-date">September 2026 - present</div>
<h3>
<i class="ri-school-line"></i> National Central University,
Taoyuan, Taiwan
</h3>
<p style="color: var(--accent); font-weight: 600">
Master of Computer Science and Information Engineering
</p>
</div>
<div class="timeline-item">
<div class="timeline-date">September 2021 - July 2025</div>
<h3>
<i class="ri-school-line"></i> Hung Yen University of Technology
and Education, Hung Yen, Vietnam
</h3>
<p style="color: var(--accent); font-weight: 600">
Bachelor of Engineering in Computer Science (Gifted and Talented
Programs)
</p>
<ul
class="publication-meta"
style="
margin-top: 1rem;
list-style: none;
padding: 0;
line-height: 2;
"
>
<li><strong>GPA:</strong> 9.04/10</li>
<li><strong>Graduation:</strong> Excellence</li>
<li>
<strong>Thesis title:</strong> A Study of Vietnamese Legal
Question Answering with Pre-trained and Large Language Models
<i class="ri-arrow-right-s-line"></i>
<a
href="https://www.facebook.com/reel/1962974367572405"
target="_blank"
rel="noopener noreferrer"
class="cert-link"
>Presentation <i class="ri-link"></i
></a>
</li>
<li><strong>Thesis score:</strong> 9.9/10</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Publications Section -->
<section id="publications">
<h2 class="section-title">Publications</h2>
<p class="section-subtitle">(selected)</p>
<div class="glass-card">
<div class="publication-item">
<h4>
<a
href="https://2026.aclweb.org/"
target="_blank"
rel="noopener noreferrer"
class="paper-title-link"
>
ViLegalLM: Language Models for Vietnamese Legal Text<i
class="ri-link"
></i>
</a>
</h4>
<p class="publication-meta">
ACL 2026 (Findings) &mdash;
<strong style="color: var(--accent-hover)"
>Top-tier NLP conference</strong
>
</p>
</div>
<div class="publication-item">
<h4>
<a
href="https://www.sciencedirect.com/science/article/abs/pii/S0952197625015726"
target="_blank"
rel="noopener noreferrer"
class="paper-title-link"
>
A fine-tuning framework based on question, context, and answer
relationships for enhancing legal information retrieval<i
class="ri-link"
></i>
</a>
</h4>
<p class="publication-meta">
Engineering Applications of Artificial Intelligence (EAAI),
Elsevier, 2025 &mdash;
<strong style="color: var(--accent-hover)"
>SCIE, Q1, IF: 8.0</strong
>
</p>
</div>
<div class="publication-item">
<h4>
<a
href="https://ieeexplore.ieee.org/document/11309584"
target="_blank"
rel="noopener noreferrer"
class="paper-title-link"
>
UTEHY-NLU@ALQAC 2025: Dynamic Weighted Ensemble and Adaptive
Reasoning for Vietnamese Legal Text Processing<i
class="ri-link"
></i>
</a>
</h4>
<p class="publication-meta">
KSE 2025, IEEE &mdash;
<strong style="color: var(--accent-hover)"
>Top #4 QA (0.9756 Accuracy) · Top #5 IR (0.8482
F2-Score)</strong
>
</p>
</div>
<div style="text-align: right; margin-top: 1.5rem">
<a
href="publications.html"
class="view-all-btn"
style="margin-top: 0"
>
<i class="ri-newspaper-line"></i> View all publications
</a>
</div>
</div>
</section>
<!-- Experience Section -->
<section id="experience">
<h2 class="section-title">Experience</h2>
<p class="section-subtitle">(selected)</p>
<div class="glass-card">
<div class="timeline">
<div class="timeline-item">
<div class="timeline-date">September 2024 - April 2026</div>
<h3>ViLegalLM: Language Models for Vietnamese Legal Text</h3>
<p style="color: var(--accent); font-weight: 600">
NLU Laboratory, Hung Yen University of Technology and Education
</p>
<p class="timeline-content">
Continual pretraining of PLM and LLMs on 16GB Vietnamese legal
data; SOTA across 10 benchmarks covering IR, QA, NLI, and
Reasoning.
</p>
</div>
<div class="timeline-item">
<div class="timeline-date">August 2025 - January 2026</div>
<h3>
MedMAS: Multi-agent System for Pre-intake Clinical Note
Generation
</h3>
<p style="color: var(--accent); font-weight: 600">
BioInfomatic Laboratory, Feng Chia University, Taiwan
</p>
<p class="timeline-content">
Multi-agent system achieving SOTA on MTS-Dialog and CliniKnote
benchmarks across NER, QG, and Summarization tasks.
</p>
</div>
<div class="timeline-item">
<div class="timeline-date">February 2025 – July 2025</div>
<h3>NLP Fresher @ Artificial Intelligence Institute JSC</h3>
<p style="color: var(--accent); font-weight: 600">
Hung Yen, Vietnam
</p>
<p class="timeline-content">
LLM evaluation and benchmarking for production chatbot;
domain-specific QA system for Vietnam Ministry of Agriculture.
</p>
</div>
</div>
<div style="text-align: right; margin-top: 1.5rem">
<a
href="experience.html"
class="view-all-btn"
style="margin-top: 0"
>
<i class="ri-briefcase-line"></i> View all
(research/industry/teaching)
</a>
</div>
</div>
</section>
<!-- Achievements Section -->
<section id="achievements">
<h2 class="section-title">Achievements</h2>
<p class="section-subtitle">(selected)</p>
<div class="glass-card">
<div class="awards-grid">
<div class="award-item">
<div class="award-icon"><i class="ri-star-line"></i></div>
<div class="award-info">
<h4>
<a
href="https://drive.google.com/file/d/15Wkn5Zpp1qmXZShZHYFDYsWd9LmL8Q8J/view?usp=sharing"
target="_blank"
rel="noopener noreferrer"
class="cert-link"
>
TOYOTA Excellence Academic Scholarship
<i class="ri-link"></i>
</a>
</h4>
<p class="award-date">November 2024</p>
</div>
</div>
<div class="award-item">
<div class="award-icon"><i class="ri-honour-line"></i></div>
<div class="award-info">
<h4>
<a
href="https://drive.google.com/file/d/1OmMmKChNj_oQIpmG4wS6k2ZjJf1YywAL"
target="_blank"
rel="noopener noreferrer"
class="cert-link"
>
Second Prize — MOE-level Scientific Research
<i class="ri-link"></i>
</a>
</h4>
<p class="award-date">June 2025</p>
</div>
</div>
<div class="award-item">
<div class="award-icon"><i class="ri-honour-line"></i></div>
<div class="award-info">
<h4>
<a
href="https://www.facebook.com/reel/1962974367572405"
target="_blank"
rel="noopener noreferrer"
class="cert-link"
>
Excellence Graduate Thesis Presentation
<i class="ri-link"></i>
</a>
</h4>
<p class="award-date">June 2025 · Score 9.9/10</p>
</div>
</div>
</div>
<div style="text-align: right; margin-top: 1.5rem">
<a
href="achievements.html"
class="view-all-btn"
style="margin-top: 0"
>
<i class="ri-award-fill"></i> View all achievements
</a>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact">
<h2 class="section-title">Get In Touch</h2>
<div class="glass-card contact-info">
<p>
<i class="ri-mail-send-line"></i>
<a href="mailto:n.t.phuc149.cs@gmail.com"
>n.t.phuc149.cs@gmail.com</a
>
</p>
<p style="margin-top: 1rem; color: var(--text-secondary)">
Feel free to reach out for collaborations, research opportunities,
or just to connect!
</p>
</div>
</section>
</div>
<!-- Footer -->
<footer>
<p>© 2026 Truong-Phuc Nguyen. All rights reserved.</p>
</footer>
<button class="theme-toggle-fixed" onclick="toggleTheme()" title="Toggle light/dark mode">
<i class="ri-sun-line" id="themeIcon"></i>
</button>
<script src="script.js"></script>
<script>
(function() {
const saved = localStorage.getItem('theme');
if (saved === 'light') {
document.documentElement.setAttribute('data-theme', 'light');
document.getElementById('themeIcon').className = 'ri-moon-line';
}
})();
function toggleTheme() {
const isLight = document.documentElement.getAttribute('data-theme') === 'light';
if (isLight) {
document.documentElement.removeAttribute('data-theme');
localStorage.setItem('theme', 'dark');
document.getElementById('themeIcon').className = 'ri-sun-line';
} else {
document.documentElement.setAttribute('data-theme', 'light');
localStorage.setItem('theme', 'light');
document.getElementById('themeIcon').className = 'ri-moon-line';
}
}
</script>
</body>
</html>