diff options
Diffstat (limited to 'frontend')
| -rw-r--r-- | frontend/static/style.css | 7 | ||||
| -rw-r--r-- | frontend/templates/index.tmpl | 18 |
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> |