Enhance search functionality with DuckDuckGo integration and updated placeholder text in input field

This commit is contained in:
MayaChat
2025-11-24 13:05:43 -05:00
parent a40a0e1950
commit e084502940

View File

@@ -16,7 +16,12 @@
<h1>My Services</h1>
<p class="subtitle">Quick links to the commonly used containers on this host</p>
<div class="search-container">
<input type="text" id="search-input" placeholder="🔍 Search services..." />
<input type="text" id="search-input" placeholder="🔍 Search services or press Enter to search DuckDuckGo..." />
<button id="ddg-search-btn" title="Search on DuckDuckGo" aria-label="Search on DuckDuckGo">
<svg viewBox="0 0 24 24" fill="currentColor">
<path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm0 23C5.925 23 1 18.075 1 12S5.925 1 12 1s11 4.925 11 11-4.925 11-11 11zm-1.424-8.93c-1.492 0-2.412-1.02-2.412-2.474 0-1.476.93-2.51 2.401-2.51 1.492 0 2.391 1.034 2.391 2.51.011 1.465-.92 2.475-2.38 2.475zm4.703-.004c-1.476 0-2.396-1.016-2.396-2.47 0-1.476.93-2.51 2.401-2.51 1.492 0 2.391 1.034 2.391 2.51 0 1.465-.92 2.47-2.396 2.47zM12 17.906c-3.153 0-4.976-1.951-5.281-3.28h1.097c.322.968 1.645 2.184 4.184 2.184s3.862-1.216 4.184-2.184h1.097c-.305 1.329-2.128 3.28-5.281 3.28z"/>
</svg>
</button>
</div>
</header>