feat: slightly better styling

dist/style.css

@@ -13,12 +13,26 @@ html, body {
 	margin: 0;
 }
 
+input {
+	font-family: var(--font-family-base);
+	padding: .75rem 0.5rem;
+	width: 100%;
+}
+
 h1, h2, h3, h4, h5 {
 	font-family: var(--font-family-head);
 	margin: 0;
 	padding: 0;
 }
 
+ul {
+	margin: 1rem 0;
+	padding: 0;
+	list-style: none;
+	display: grid;
+	gap: 2rem;
+}
+
 h1 {
 	font-size: 2rem;
 	& span {

functions/template.html

@@ -13,7 +13,7 @@ <h1>Kukey.eu <span>curated search for web developers</span></h1>
 		<p>Super MVP, contact me on <a href="https://social.nowicki.io/@hey">Mastodon</a> or check out the <a href="https://github.com/Kukei-eu">source code</a></p>
 	</div>
 	<form action="">
-		<input type="text" name="q" value="{{ q }}"/>
+		<input type="search" name="q" value="{{ q }}"/>
 	</form>
 	{{#hasResults}}
 		<p>Search results generated in {{ doneIn }}ms</p>
@@ -22,7 +22,7 @@ <h2>Blogs</h2>
 			<ul>
 				{{#blogs}}
 				<li>
-					<h2>{{ title }}</h2>
+					<h3>{{ title }}</h3>
 					<p>{{ excerpt }}</p>
 					<blockquote>{{ highlight }}</blockquote>
 					<a href="{{ url }}">{{ url }}</a>
@@ -35,7 +35,7 @@ <h2>Docs</h2>
 			<ul>
 				{{#docs}}
 				<li>
-					<h2>{{ title }}</h2>
+					<h3>{{ title }}</h3>
 					<p>{{ excerpt }}</p>
 					<blockquote>{{ highlight }}</blockquote>
 					<a href="{{ url }}">{{ url }}</a>