about summary refs log tree commit diff stats
diff options
context:
space:
mode:
-rw-r--r--.gitignore1
-rw-r--r--frontend/static/style.css7
-rw-r--r--frontend/templates/index.tmpl18
-rw-r--r--justfile2
4 files changed, 24 insertions, 4 deletions
diff --git a/.gitignore b/.gitignore
index c034bd1..5849147 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,3 +22,4 @@ go.work
 /.env
 /.envrc
 /.pre-commit-config.yaml
+/frontend/static/base.css
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>
diff --git a/justfile b/justfile
index a24dc88..b780c07 100644
--- a/justfile
+++ b/justfile
@@ -2,7 +2,7 @@ default:
 	@just --list --justfile {{ justfile() }} --unsorted
 
 prepare:
-	ln -sf $(nix-build --no-out-link -A css) frontend/static/style.css
+	ln -sf $(nix-build --no-out-link -A css) frontend/static/base.css
 
 checkformat:
 	gofmt -d .