Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 2 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -252,9 +252,9 @@ The website includes a command palette feature that provides quick access to act
- **Keyboard Shortcut**: Access via ⌘/ on Mac, ctrl+/ on Windows, or by clicking the terminal icon in the navigation
- **Navigation Commands**: Quickly navigate to any section of the website
- **External Link Commands**: Direct access to GitHub, Google Scholar, YouTube, and Bluesky
- **Tool Commands**: Search, scroll to top/bottom, and other utility functions
- **Tool Commands**: Scroll to top/bottom and other utility functions
- **Context-Aware Commands**: Additional commands appear based on current page
- **Search Integration**: Search the site content directly from the command palette
- **Search Integration**: Search is available separately via the ⌘K shortcut
- **Keyboard Navigation**: Use arrow keys to navigate through commands, Enter to select, and Esc to close

Key features:
Expand All @@ -263,7 +263,6 @@ Key features:
- Grouping of commands by section for easy discoverability
- Shortcuts for common tasks (g h = go home, g r = go to research, etc.)
- Full keyboard navigation with arrow keys, Enter, and Escape
- Integrated search functionality that searches the site content
- Footer with keyboard shortcut hints for better usability

The command palette is built with:
Expand Down
18 changes: 9 additions & 9 deletions _layouts/default.html
Original file line number Diff line number Diff line change
Expand Up @@ -200,15 +200,15 @@
<nav class="s-header__nav">
<a href="#0" class="s-header__nav-close-btn"><span>Close</span></a>
<ul class="s-header__nav-list">
<li style="background: none;"><a href="https://scholar.google.com/citations?user=tHb_qZoAAAAJ&hl=en" style="background: none; padding: 0;"><i class="ai ai-google-scholar" style="font-size: 1.75em;"></i></a></li>
<li style="background: none;"><a href="https://github.com/comphy-lab" style="background: none; padding: 0;"><i class="fa-brands fa-github" style="font-size: 1.75em"></i></a></li>
<li style="background: none;"><a href="https://scholar.google.com/citations?user=tHb_qZoAAAAJ&hl=en" style="background: none; padding: 0;" aria-label="Google Scholar Profile"><i class="ai ai-google-scholar" style="font-size: 1.75em;"></i></a></li>
<li style="background: none;"><a href="https://github.com/comphy-lab" style="background: none; padding: 0;" aria-label="GitHub Organization"><i class="fa-brands fa-github" style="font-size: 1.75em"></i></a></li>
<li><a href="/#about" class="smoothscroll">About</a></li>
<li><a href="/team/">Team</a></li>
<li><a href="/research">Research</a></li>
<li><a href="/teaching">Teaching</a></li>
<li><a href="/join">Join Us</a></li>
<li><a href="https://blogs.comphy-lab.org/">Blog</a></li>
<li style="background: none;"><a href="https://bsky.app/profile/comphy-lab.org" style="background: none; padding: 0;"><i class="fa-brands fa-bluesky" style="font-size: 1.75em; color: #0085ff;"></i></a></li>
<li style="background: none;"><a href="https://bsky.app/profile/comphy-lab.org" style="background: none; padding: 0;" aria-label="Bluesky Profile"><i class="fa-brands fa-bluesky" style="font-size: 1.75em; color: #0085ff;"></i></a></li>
<!-- Command Palette Button (Styled like search) -->
<li class="command-palette-button">
<div class="command-wrapper">
Expand Down Expand Up @@ -247,24 +247,24 @@
</p>
</div>
<div class="footer-right">
<a href="https://scholar.google.com/citations?user=tHb_qZoAAAAJ&hl=en" target="_blank">
<a href="https://scholar.google.com/citations?user=tHb_qZoAAAAJ&hl=en" target="_blank" aria-label="Google Scholar Profile">
<i class="ai ai-google-scholar" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://github.com/comphy-lab" target="_blank">
<a href="https://github.com/comphy-lab" target="_blank" aria-label="GitHub Organization">
<i class="fa-brands fa-github" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://www.youtube.com/@CoMPhyLab" target="_blank">
<a href="https://www.youtube.com/@CoMPhyLab" target="_blank" aria-label="YouTube Channel">
<i class="fa-brands fa-youtube" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://bsky.app/profile/comphy-lab.org" target="_blank">
<a href="https://bsky.app/profile/comphy-lab.org" target="_blank" aria-label="Bluesky Profile">
<i class="fa-brands fa-bluesky" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://github.com/comphy-lab/comphy-lab.github.io" class="edit-link">
<a href="https://github.com/comphy-lab/comphy-lab.github.io" class="edit-link" aria-label="Edit this page on GitHub">
<i class="fa-brands fa-github"></i> Edit this page
</a>
</div>
<div class="ss-go-top">
<a class="smoothscroll" title="Back to Top" href="#top">
<a class="smoothscroll" title="Back to Top" href="#top" aria-label="Back to top of page">
<i class="fa-solid fa-arrow-up"></i>
</a>
</div> <!-- end ss-go-top -->
Expand Down
10 changes: 5 additions & 5 deletions _layouts/research.html
Original file line number Diff line number Diff line change
Expand Up @@ -322,19 +322,19 @@ <h3>Contents</h3>
</p>
</div>
<div class="footer-right">
<a href="https://scholar.google.com/citations?user=tHb_qZoAAAAJ&hl=en" target="_blank">
<a href="https://scholar.google.com/citations?user=tHb_qZoAAAAJ&hl=en" target="_blank" aria-label="Google Scholar Profile">
<i class="ai ai-google-scholar" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://github.com/comphy-lab" target="_blank">
<a href="https://github.com/comphy-lab" target="_blank" aria-label="GitHub Organization">
<i class="fa-brands fa-github" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://www.youtube.com/@CoMPhyLab" target="_blank">
<a href="https://www.youtube.com/@CoMPhyLab" target="_blank" aria-label="YouTube Channel">
<i class="fa-brands fa-youtube" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://bsky.app/profile/comphy-lab.org" target="_blank">
<a href="https://bsky.app/profile/comphy-lab.org" target="_blank" aria-label="Bluesky Profile">
<i class="fa-brands fa-bluesky" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://github.com/comphy-lab/comphy-lab.github.io" class="edit-link">
<a href="https://github.com/comphy-lab/comphy-lab.github.io" class="edit-link" aria-label="Edit this page on GitHub">
<i class="fa-brands fa-github"></i> Edit this page
</a>
</div>
Expand Down
10 changes: 5 additions & 5 deletions _layouts/teaching-course.html
Original file line number Diff line number Diff line change
Expand Up @@ -433,19 +433,19 @@
</p>
</div>
<div class="footer-right">
<a href="https://scholar.google.com/citations?user=tHb_qZoAAAAJ&hl=en" target="_blank">
<a href="https://scholar.google.com/citations?user=tHb_qZoAAAAJ&hl=en" target="_blank" aria-label="Google Scholar Profile">
<i class="ai ai-google-scholar" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://github.com/comphy-lab" target="_blank">
<a href="https://github.com/comphy-lab" target="_blank" aria-label="GitHub Organization">
<i class="fa-brands fa-github" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://www.youtube.com/@CoMPhyLab" target="_blank">
<a href="https://www.youtube.com/@CoMPhyLab" target="_blank" aria-label="YouTube Channel">
<i class="fa-brands fa-youtube" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://bsky.app/profile/comphy-lab.org" target="_blank">
<a href="https://bsky.app/profile/comphy-lab.org" target="_blank" aria-label="Bluesky Profile">
<i class="fa-brands fa-bluesky" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://github.com/comphy-lab/comphy-lab.github.io" class="edit-link">
<a href="https://github.com/comphy-lab/comphy-lab.github.io" class="edit-link" aria-label="Edit this page on GitHub">
<i class="fa-brands fa-github"></i> Edit this page
</a>
</div>
Expand Down
10 changes: 5 additions & 5 deletions _layouts/teaching.html
Original file line number Diff line number Diff line change
Expand Up @@ -430,19 +430,19 @@
</p>
</div>
<div class="footer-right">
<a href="https://scholar.google.com/citations?user=tHb_qZoAAAAJ&hl=en" target="_blank">
<a href="https://scholar.google.com/citations?user=tHb_qZoAAAAJ&hl=en" target="_blank" aria-label="Google Scholar Profile">
<i class="ai ai-google-scholar" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://github.com/comphy-lab" target="_blank">
<a href="https://github.com/comphy-lab" target="_blank" aria-label="GitHub Organization">
<i class="fa-brands fa-github" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://www.youtube.com/@CoMPhyLab" target="_blank">
<a href="https://www.youtube.com/@CoMPhyLab" target="_blank" aria-label="YouTube Channel">
<i class="fa-brands fa-youtube" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://bsky.app/profile/comphy-lab.org" target="_blank">
<a href="https://bsky.app/profile/comphy-lab.org" target="_blank" aria-label="Bluesky Profile">
<i class="fa-brands fa-bluesky" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://github.com/comphy-lab/comphy-lab.github.io" class="edit-link">
<a href="https://github.com/comphy-lab/comphy-lab.github.io" class="edit-link" aria-label="Edit this page on GitHub">
<i class="fa-brands fa-github"></i> Edit this page
</a>
</div>
Expand Down
18 changes: 9 additions & 9 deletions _layouts/team.html
Original file line number Diff line number Diff line change
Expand Up @@ -201,15 +201,15 @@
<nav class="s-header__nav">
<a href="#0" class="s-header__nav-close-btn"><span>Close</span></a>
<ul class="s-header__nav-list">
<li style="background: none;"><a href="https://scholar.google.com/citations?user=tHb_qZoAAAAJ&hl=en" style="background: none; padding: 0;"><i class="ai ai-google-scholar" style="font-size: 1.75em;"></i></a></li>
<li style="background: none;"><a href="https://github.com/comphy-lab" style="background: none; padding: 0;"><i class="fa-brands fa-github" style="font-size: 1.75em"></i></a></li>
<li style="background: none;"><a href="https://scholar.google.com/citations?user=tHb_qZoAAAAJ&hl=en" style="background: none; padding: 0;" aria-label="Google Scholar Profile"><i class="ai ai-google-scholar" style="font-size: 1.75em;"></i></a></li>
<li style="background: none;"><a href="https://github.com/comphy-lab" style="background: none; padding: 0;" aria-label="GitHub Organization"><i class="fa-brands fa-github" style="font-size: 1.75em"></i></a></li>
<li><a href="/#about" class="smoothscroll">About</a></li>
<li><a href="/team/">Team</a></li>
<li><a href="/research">Research</a></li>
<li><a href="/teaching">Teaching</a></li>
<li><a href="/join">Join Us</a></li>
<li><a href="https://blogs.comphy-lab.org/">Blog</a></li>
<li style="background: none;"><a href="https://bsky.app/profile/comphy-lab.org" style="background: none; padding: 0;"><i class="fa-brands fa-bluesky" style="font-size: 1.75em; color: #0085ff;"></i></a></li>
<li style="background: none;"><a href="https://bsky.app/profile/comphy-lab.org" style="background: none; padding: 0;" aria-label="Bluesky Profile"><i class="fa-brands fa-bluesky" style="font-size: 1.75em; color: #0085ff;"></i></a></li>
<!-- Command Palette Button (Styled like search) -->
<li class="command-palette-button">
<div class="command-wrapper">
Expand Down Expand Up @@ -371,19 +371,19 @@ <h2>Team, collaborators, and Conference visits</h2>
</p>
</div>
<div class="footer-right">
<a href="https://scholar.google.com/citations?user=tHb_qZoAAAAJ&hl=en" target="_blank">
<a href="https://scholar.google.com/citations?user=tHb_qZoAAAAJ&hl=en" target="_blank" aria-label="Google Scholar Profile">
<i class="ai ai-google-scholar" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://github.com/comphy-lab" target="_blank">
<a href="https://github.com/comphy-lab" target="_blank" aria-label="GitHub Organization">
<i class="fa-brands fa-github" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://www.youtube.com/@CoMPhyLab" target="_blank">
<a href="https://www.youtube.com/@CoMPhyLab" target="_blank" aria-label="YouTube Channel">
<i class="fa-brands fa-youtube" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://bsky.app/profile/comphy-lab.org" target="_blank">
<a href="https://bsky.app/profile/comphy-lab.org" target="_blank" aria-label="Bluesky Profile">
<i class="fa-brands fa-bluesky" style="font-size: 2.5em; color: white;"></i>
</a>
<a href="https://github.com/comphy-lab/comphy-lab.github.io" class="edit-link">
<a href="https://github.com/comphy-lab/comphy-lab.github.io" class="edit-link" aria-label="Edit this page on GitHub">
<i class="fa-brands fa-github"></i> Edit this page
</a>
</div>
Expand Down Expand Up @@ -514,7 +514,7 @@ <h2>Team, collaborators, and Conference visits</h2>
</script>

<!-- Command palette scripts -->
<script src="/assets/js/command-data.js" defer></script>
<!-- Script already loaded in head, don't load it again -->

<!-- Simple Command Palette -->
<div id="simple-command-palette" class="simple-command-palette" style="display: none;">
Expand Down
6 changes: 3 additions & 3 deletions _teaching/2025-Basilisk101-Madrid.md
Original file line number Diff line number Diff line change
Expand Up @@ -102,13 +102,13 @@ The course combines theoretical lectures with extensive hands-on sessions, allow
For registration details, please contact
<div class="email-container">
<span class="email-text">[email protected]</span>
<button class="copy-btn" onclick="copyEmail(this)" data-text="[email protected]">
<button class="copy-btn" onclick="copyEmail(this)" data-text="[email protected]" aria-label="Copy email address [email protected]">
<i class="fas fa-copy"></i>
</button>
</div>
<div class="email-container">
<span class="email-text">[email protected]</span>
<button class="copy-btn" onclick="copyEmail(this)" data-text="[email protected]">
<button class="copy-btn" onclick="copyEmail(this)" data-text="[email protected]" aria-label="Copy email address [email protected]">
<i class="fas fa-copy"></i>
</button>
</div>
Expand Down Expand Up @@ -146,7 +146,7 @@ function copyEmail(button) {
</script>

<div style="margin-top: 2rem; text-align: center;">
<a href="https://github.com/comphy-lab/Basilisk-101" class="course-card__link" target="_blank">
<a href="https://github.com/comphy-lab/Basilisk-101" class="course-card__link" target="_blank" aria-label="Course GitHub Repository">
<i class="fa-brands fa-github" style="margin-right: 0.5rem; font-style: normal;"></i>Course GitHub Repository
</a>
</div>
6 changes: 3 additions & 3 deletions aboutCoMPhy.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ From [**elastoviscoplastic**]((/research/?tag=Non-Newtonian)) bubble bursting an
We investigate various viscous free-surface flows including inertial contact lines, [**bubble**](/research/?tag=Bubbles) removal, and focusing of [**waves**](/research/?tag=Waves). These phenomena are critical to energy transitions and manufacturing. For instance, a key challenge is optimizing bubble detachment in electrolysis to boost efficiency. This research involves advanced numerical methods and industry partnerships, with the broader aim of advancing technologies from chemical reactors to printing processes.

## Commitment to Open Science
Open exchange of ideas drives our progress. We share our codes from the earliest stages of development, embracing transparent research practices to foster collaboration and reproducibility. We welcome inquiries and partnerships from the broader scientific community. Watchout for [![GitHub](https://img.shields.io/badge/GitHub-100000?style=flat-square&logo=github&logoColor=white)](https://github.com/comphy-lab) and [<i class="fa-brands fa-github" style="font-size: 1.5em; color: black;"></i>](https://github.com/comphy-lab) on this website to interact with our codes.
Open exchange of ideas drives our progress. We share our codes from the earliest stages of development, embracing transparent research practices to foster collaboration and reproducibility. We welcome inquiries and partnerships from the broader scientific community. Watchout for [![GitHub](https://img.shields.io/badge/GitHub-100000?style=flat-square&logo=github&logoColor=white)](https://github.com/comphy-lab) and [<i class="fa-brands fa-github" style="font-size: 1.5em; color: black;"></i>](https://github.com/comphy-lab "Visit our GitHub organization") on this website to interact with our codes.

Feel free to contact us for discussions about our work or anything else related to fluid physics. Nothing is more exhilarating than a healthy scientific discussion.

Expand All @@ -23,7 +23,7 @@ Feel free to contact us for discussions about our work or anything else related

<div class="email-container">
<span class="email-text">[email protected]</span>
<button class="copy-btn" onclick="copyEmail(this)" data-text="[email protected]">
<button class="copy-btn" onclick="copyEmail(this)" data-text="[email protected]" aria-label="Copy email address [email protected]">
<i class="fas fa-copy"></i>
</button>
</div>
Expand All @@ -41,7 +41,7 @@ Feel free to contact us for discussions about our work or anything else related

For supplementary videos and teaser of our upcoming work:

<a href="https://www.youtube.com/@CoMPhyLab" target="_blank">
<a href="https://www.youtube.com/@CoMPhyLab" target="_blank" aria-label="Visit our YouTube channel">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://cust-youtube-stats-card.vercel.app/api?channelid=UC-eTdHrAM_eQrWOtNLoT19w&theme=solarized_light&cache_seconds=0" width="auto" height="200px">
<img alt="Vatsal's YouTube Stats" src="https://cust-youtube-stats-card.vercel.app/api?channelid=UC-eTdHrAM_eQrWOtNLoT19w&theme=vision_friendly_dark&hide_border=true" width="auto" height="200px">
Expand Down
21 changes: 1 addition & 20 deletions assets/js/command-data.js
Original file line number Diff line number Diff line change
Expand Up @@ -93,25 +93,6 @@
},

// Tools
{
id: "search",
title: "Search Website",
handler: () => {
// Find and trigger the search function
const searchInput = document.getElementById('searchInput');
if (searchInput) {
searchInput.focus();
const searchModal = document.querySelector('.simple-command-palette');
if (searchModal) {
searchModal.classList.add('visible');
const searchModalInput = searchModal.querySelector('input');
if (searchModalInput) searchModalInput.focus();
}
}
},
section: "Tools",
icon: '<i class="fa-solid fa-magnifying-glass"></i>'
},
{
id: "top",
title: "Scroll to Top",
Expand Down Expand Up @@ -493,7 +474,7 @@
else if (currentPath.includes('/team')) {
contextCommands = [
{
id: "email-team",
id: "contact-team",
title: "Contact Team",
handler: () => { window.location.href = '/join'; },
section: "Page Actions",
Expand Down
Loading
Loading