Skip to content

Commit 1cc4870

Browse files
devshafidevshafi
committed
feat: update about and education sections for improved layout and readability
1 parent 48f5f91 commit 1cc4870

2 files changed

Lines changed: 107 additions & 76 deletions

File tree

‎index.html‎

Lines changed: 102 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -139,64 +139,58 @@ <h1>Fozle Rabbi Shafi</h1>
139139
</div>
140140
</section>
141141

142-
<section id="about" class="section card reveal">
142+
<section id="about" class="section reveal">
143143
<h2>About</h2>
144-
<p>
145-
I am a PhD student in Computing specializing in AI-driven cybersecurity. My research focuses
146-
on strengthening the security of cyber-physical systems through advanced AI techniques such
147-
as generative AI and deep neural networks. Although connected vehicles/Internet of Vehicles are current
148-
application areas, my work broadly addresses security challenges across diverse
149-
cyber-physical systems.
150-
</p>
151-
<p>
152-
Before starting my PhD, I completed my MSc in Computing at Queen's University after more than
153-
five years of industry experience across software engineering roles.
154-
</p>
155-
<div class="grid two-col">
156-
<article class="mini-card">
157-
<h3>Research Interests</h3>
158-
<ul>
159-
<li>Generative AI</li>
160-
<li>Large Language Models (LLMs)</li>
161-
<li>AI-driven Cybersecurity</li>
162-
<li>Deep Learning</li>
163-
<li>Agentic AI</li>
164-
</ul>
165-
</article>
144+
<div class="card section-panel">
145+
<p>
146+
I am a PhD student in Computing specializing in AI-driven cybersecurity. My research focuses
147+
on strengthening the security of cyber-physical systems through advanced AI techniques such
148+
as generative AI and deep neural networks. Although connected vehicles/Internet of Vehicles are current
149+
application areas, my work broadly addresses security challenges across diverse
150+
cyber-physical systems.
151+
</p>
152+
<p>
153+
Before starting my PhD, I completed my MSc in Computing at Queen's University after more than
154+
five years of industry experience across software engineering roles.
155+
</p>
156+
<div class="grid two-col">
157+
<article class="mini-card">
158+
<h3>Research Interests</h3>
159+
<ul>
160+
<li>Generative AI</li>
161+
<li>Large Language Models (LLMs)</li>
162+
<li>AI-driven Cybersecurity</li>
163+
<li>Deep Learning</li>
164+
<li>Agentic AI</li>
165+
</ul>
166+
</article>
167+
</div>
166168
</div>
167169
</section>
168170

169-
<section id="education" class="section card reveal">
171+
<section id="education" class="section reveal">
170172
<h2>Education</h2>
171-
<div class="grid cards">
172-
<article class="mini-card">
173-
<h3>Doctor of Philosophy (PhD) in Computing</h3>
174-
<p class="meta">Queen's University, Kingston, ON, Canada</p>
175-
<p>September 2025 - Present</p>
176-
</article>
177-
<article class="mini-card">
178-
<h3>Master of Science (MSc) in Computing</h3>
179-
<p class="meta">Queen's University, Kingston, ON, Canada</p>
180-
<p>September 2024 - August 2025 | CGPA: 4.24/4.30</p>
181-
</article>
182-
<article class="mini-card">
183-
<h3>Bachelor of Science (BSc) in Computer Science and Engineering</h3>
184-
<p class="meta">Metropolitan University, Sylhet, Bangladesh</p>
185-
<p>September 2015 - August 2019 | CGPA: 3.90/4.00</p>
186-
</article>
173+
<div class="card section-panel">
174+
<div class="grid cards">
175+
<article class="mini-card">
176+
<h3>Doctor of Philosophy (PhD) in Computing</h3>
177+
<p class="meta">Queen's University, Kingston, ON, Canada</p>
178+
<p>September 2025 - Present</p>
179+
</article>
180+
<article class="mini-card">
181+
<h3>Master of Science (MSc) in Computing</h3>
182+
<p class="meta">Queen's University, Kingston, ON, Canada</p>
183+
<p>September 2024 - August 2025 | CGPA: 4.24/4.30</p>
184+
</article>
185+
<article class="mini-card">
186+
<h3>Bachelor of Science (BSc) in Computer Science and Engineering</h3>
187+
<p class="meta">Metropolitan University, Sylhet, Bangladesh</p>
188+
<p>September 2015 - August 2019 | CGPA: 3.90/4.00</p>
189+
</article>
190+
</div>
187191
</div>
188192
</section>
189193

190-
<section id="thesis" class="section card reveal">
191-
<h2>MSc Thesis</h2>
192-
<article class="card publication-card">
193-
<p class="year">2025</p>
194-
<h3>WellbeingAgent: An LLM-Driven Agentic Framework for Personalized Mental Health Support</h3>
195-
<p>Master of Science Thesis, Queen's University</p>
196-
<a href="https://www.proquest.com/docview/3283374059?pq-origsite=gscholar&fromopenview=true&sourcetype=Dissertations%20&%20Theses" target="_blank" rel="noopener noreferrer">Read Thesis</a>
197-
</article>
198-
</section>
199-
200194
<section id="publications" class="section reveal">
201195
<h2>Publications</h2>
202196
<div class="grid cards">
@@ -227,6 +221,34 @@ <h3>Rapidly Developable Low Cost and Power-efficient Portable Turbine-based Emer
227221
</div>
228222
</section>
229223

224+
<section id="thesis" class="section reveal">
225+
<h2>MSc Thesis</h2>
226+
<article class="card publication-card">
227+
<p class="year">2025</p>
228+
<h3>WellbeingAgent: An LLM-Driven Agentic Framework for Personalized Mental Health Support</h3>
229+
<p>Master of Science Thesis, Queen's University</p>
230+
<a href="https://www.proquest.com/docview/3283374059?pq-origsite=gscholar&fromopenview=true&sourcetype=Dissertations%20&%20Theses" target="_blank" rel="noopener noreferrer">Read Thesis</a>
231+
</article>
232+
</section>
233+
234+
<section id="preprints" class="section reveal">
235+
<h2>Preprints</h2>
236+
<div class="grid cards">
237+
<article class="card publication-card">
238+
<p class="year">2026</p>
239+
<h3>mind_call: A Dataset for Mental Health Function Calling with Large Language Models</h3>
240+
<p>arXiv preprint, arXiv:2601.06937</p>
241+
<a href="https://arxiv.org/abs/2601.06937" target="_blank" rel="noopener noreferrer">Read Preprint</a>
242+
</article>
243+
<article class="card publication-card">
244+
<p class="year">2026</p>
245+
<h3>From Design to Development: Engineering a Multi-LLM Agentic AI System</h3>
246+
<p>TechRxiv preprint</p>
247+
<a href="https://www.techrxiv.org/users/1015963/articles/1376215-from-design-to-development-engineering-a-multi-llm-agentic-ai-system" target="_blank" rel="noopener noreferrer">Read Preprint</a>
248+
</article>
249+
</div>
250+
</section>
251+
230252
<section id="experience" class="section reveal">
231253
<h2>Professional Experience</h2>
232254
<div class="timeline">
@@ -332,36 +354,40 @@ <h3>Embedded & Design</h3>
332354
</div>
333355
</section>
334356

335-
<section class="section card reveal">
357+
<section class="section reveal">
336358
<h2>Achievements & Activities</h2>
337-
<ul>
338-
<li>Information and Technology Officer, Queen's Bangladeshi Student Association (QBSA) (2025 - 2026)</li>
339-
<li>Member of Sports Club, Metropolitan University (2017 - 2019)</li>
340-
<li>Mobile App Development Trainer, Google Techmakers Bangladesh (2017)</li>
341-
<li>Chairman's Scholarship, Metropolitan University (2016 - 2018)</li>
342-
</ul>
359+
<div class="card section-panel">
360+
<ul>
361+
<li>Information and Technology Officer, Queen's Bangladeshi Student Association (QBSA) (2025 - 2026)</li>
362+
<li>Member of Sports Club, Metropolitan University (2017 - 2019)</li>
363+
<li>Mobile App Development Trainer, Google Techmakers Bangladesh (2017)</li>
364+
<li>Chairman's Scholarship, Metropolitan University (2016 - 2018)</li>
365+
</ul>
366+
</div>
343367
</section>
344368

345-
<section id="contact" class="section card reveal">
369+
<section id="contact" class="section reveal">
346370
<h2>Contact</h2>
347-
<p>Open to collaborations in AI research, LLM applications, and software engineering opportunities.</p>
348-
<div class="contact-grid">
349-
<a href="mailto:f.shafi@queensu.ca">
350-
<span class="contact-icon email-icon" aria-hidden="true">✉</span>
351-
<span>f.shafi@queensu.ca</span>
352-
</a>
353-
<a href="tel:+16135616661">
354-
<span class="contact-icon phone-icon" aria-hidden="true">☎</span>
355-
<span>+1 613 561 6661</span>
356-
</a>
357-
<a href="https://www.linkedin.com/in/fozle-rabbi-shafi-07841511a" target="_blank" rel="noopener noreferrer">
358-
<span class="contact-icon linkedin-icon" aria-hidden="true">in</span>
359-
<span>LinkedIn Profile</span>
360-
</a>
361-
<span>
362-
<span class="contact-icon location-icon" aria-hidden="true">📍</span>
363-
<span>Kingston, Ontario, Canada</span>
364-
</span>
371+
<div class="card section-panel">
372+
<p>Open to collaborations in AI research, LLM applications, and software engineering opportunities.</p>
373+
<div class="contact-grid">
374+
<a href="mailto:f.shafi@queensu.ca">
375+
<span class="contact-icon email-icon" aria-hidden="true">✉</span>
376+
<span>f.shafi@queensu.ca</span>
377+
</a>
378+
<a href="tel:+16135616661">
379+
<span class="contact-icon phone-icon" aria-hidden="true">☎</span>
380+
<span>+1 613 561 6661</span>
381+
</a>
382+
<a href="https://www.linkedin.com/in/fozle-rabbi-shafi-07841511a" target="_blank" rel="noopener noreferrer">
383+
<span class="contact-icon linkedin-icon" aria-hidden="true">in</span>
384+
<span>LinkedIn Profile</span>
385+
</a>
386+
<span>
387+
<span class="contact-icon location-icon" aria-hidden="true">📍</span>
388+
<span>Kingston, Ontario, Canada</span>
389+
</span>
390+
</div>
365391
</div>
366392
</section>
367393
</main>

‎styles.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -381,6 +381,11 @@ section[id] {
381381
box-shadow: var(--shadow);
382382
}
383383

384+
.section-panel {
385+
padding: clamp(1.2rem, 2.4vw, 2rem);
386+
border-radius: 18px;
387+
}
388+
384389
article.card {
385390
padding: 1.1rem 1.2rem;
386391
}

0 commit comments

Comments
 (0)