about summary refs log tree commit diff stats
path: root/frontend
diff options
context:
space:
mode:
authorAlan Pearce2024-05-03 09:04:42 +0200
committerAlan Pearce2024-05-03 09:04:42 +0200
commit0945da8f9654252008ff6bd56022f9363fd3cca6 (patch)
treeea9d13e7ed3f3c22d1f736c2d9e6eb46a0a7631a /frontend
parent670f9dbd8d9b54d52b50cb2c7662b674d0aeb357 (diff)
downloadsearchix-0945da8f9654252008ff6bd56022f9363fd3cca6.tar.lz
searchix-0945da8f9654252008ff6bd56022f9363fd3cca6.tar.zst
searchix-0945da8f9654252008ff6bd56022f9363fd3cca6.zip
feat: add basic input frontend
Diffstat (limited to 'frontend')
-rw-r--r--frontend/static/style.css7
-rw-r--r--frontend/templates/index.tmpl18
2 files changed, 22 insertions, 3 deletions
diff --git a/frontend/static/style.css b/frontend/static/style.css
new file mode 100644
index 0000000..96b7c9b
--- /dev/null
+++ b/frontend/static/style.css
@@ -0,0 +1,7 @@
+form {
+  display: flex;
+}
+
+input[type="search"] {
+  width: 100%;
+}
diff --git a/frontend/templates/index.tmpl b/frontend/templates/index.tmpl
index 4b545cb..303d030 100644
--- a/frontend/templates/index.tmpl
+++ b/frontend/templates/index.tmpl
@@ -1,12 +1,24 @@
 <!doctype html>
 <html lang="en-GB">
   <head>
-    <meta charset="UTF-8" />
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Searchix</title>
-    <link href="/static/style.css" rel="stylesheet"/>
+    <link href="/static/base.css" rel="stylesheet" />
+    <link href="/static/style.css" rel="stylesheet" />
   </head>
   <body>
-    <h1>Searchix</h1>
+    <header>
+      <h1>Searchix</h1>
+      <p>Search Nix Packages and options from NixOS, Darwin and Home-Manager</p>
+    </header>
+    <main>
+      <label for="query">Search </label>
+      <form>
+        <input id="query" name="query" type="search" value="" />
+        <button>Search</button>
+      </form>
+    </main>
     {{ .LiveReload }}
   </body>
 </html>