slvit/www
slvit
/
www
1
1
Fork 0
Code Issues Pull Requests Releases Activity

Moved search to topbar

This commit is contained in:
Keith Irwin 2023-03-10 22:28:11 -07:00
parent 62773a8635
commit 43e6010832
Signed by: ki9
GPG Key ID: DF773B3F4A88DA86
4 changed files with 26 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_src/_includes/layouts/base.njk
View File

@ -22,6 +22,8 @@
<span class="emoji">🚀 </span>
<span class="text">Speedtest</span>
</a>
</aside><aside class="search-container flex">
{% include 'websearch.njk' %}
</aside>
<aside>
<a href="/shop/cart/" class="toplink">

6
_src/_includes/websearch.njk
View File

@ -1,4 +1,4 @@
<p><form method="POST" action="https://searxng.slvit.us/search" style="display:flex;justify-content:space-between">
<form method="POST" action="https://searxng.slvit.us/search" class="search-form">
<input type="search" name="q" placeholder="Search the web..." aria-label="Web search" accesskey="s" autofocus>
<button type="submit" style="flex-basis:fit-content">Go!</button>
</form></p>
<button type="submit">Go!</button>
</form>

22
_src/assets/base.css
View File

@ -190,6 +190,26 @@ header {
justify-content: space-between;
padding: 1rem 1rem 0;
}
#topbar .search-container,
#topbar .search-container input {
flex-grow: 1;
}
#topbar .search-container input:focus,
#topbar .search-container input:focus-visible {
outline: none;
}
#topbar .search-container input,
#topbar .search-container button {
height: 1em;
flex-basis: fit-content;
}
#topbar .search-form {
width: 90%;
margin: auto;
height: 1em;
display: flex;
justify-content: space-between;
}
#topbar a,
#topbar .text:hover {
text-decoration: none;
@ -216,7 +236,7 @@ header {
.subtext {
margin: 0;
font-size: 1.5em;
padding-bottom: 0.75em;
padding-bottom: 0.6666em;
font-family: 'ubuntu', monospace;
}

4
_src/index.md
View File

@ -7,10 +7,6 @@ eleventyImport:
collections: ['featured']
---
{% include 'websearch.njk' %}
---
**{{metadata.title}}** is a web development, digital marketing, and information technologies company. As a managed service provider (MSP), SLVIT offers [websites](/services/websites/), [hosting](/services/hosting), [email](/services/hosting/email/), and [tech support](/services/support/). We also sell new and used [computers](/shop/computers/), [phones](/shop/phones/), [routers](/shop/routers/), and [accessories](/shop/accessories). We're based in Antonito, CO and operate all over southern Colorado and northern New Mexico.
> [**See all services >**](/services/)