init

2025-01-24 14:46:33 -07:00
commit b454e08b3c
9 changed files with 3501 additions and 0 deletions
--- a/www/index.html
+++ b/www/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>Meta Search</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link rel='stylesheet' type='text/css' media='screen' href='style.css'>
+</head>
+<body>
+    <div class="search-area">
+    <h1>Meta Search</h1>
+    <form method="post">
+        <input spellcheck="false" name="query" type="text" autofocus autocomplete="off">
+        <button type="submit">🔎</button>
+    </form>
+    </div>
+</body>
+</html>
+<style>
+.search-area {
+    margin: auto;
+    width: 50%;
+    margin-top: 10%;
+}
+</style>
+
--- a/www/main.js
+++ b/www/main.js
@@ -0,0 +1 @@
+console.log("js loaded")
--- a/www/style.css
+++ b/www/style.css
@@ -0,0 +1,78 @@
+html {
+    background-color: black;
+    color: white;
+    padding: 0;
+    margin: 0;
+    font-family: Arial, Helvetica, sans-serif;
+}
+body {
+    padding: 0;
+    margin: 0;
+}
+
+a, a:visited {
+    color: inherit;
+}
+
+.search-area {
+    text-align: center;
+}
+
+.result {
+    width: 80ch;
+    min-width: 80ch;
+    height: 75ch;
+    overflow-y: auto;
+    border-style: solid;
+    border-color: #707070;
+    border-width: 5px;
+}
+
+.line-item {
+    padding: 10px;
+    background-color: #505050;
+}
+
+.line-item:nth-child(odd) {
+    background-color: #707070;
+}
+.carousel {
+    display: flex;
+    overflow-x: auto;
+    background-color: #050505;
+}
+
+h1 {
+    font-size: 3rem;
+    margin: 10px;
+}
+
+h2 {
+    font-size: 2rem;
+}
+
+h3 {
+    text-align: center;
+    font-size: 2rem;
+    margin: 10px;
+}
+
+form {
+    font-size: 2rem;
+}
+input {
+    font-size: inherit;
+}
+button {
+    font-size: inherit;
+    background-color: inherit;
+    color: inherit;
+    border-width: 0;
+    transition: 200ms;
+}
+
+button:hover {
+    transition: 200ms;
+    background-color: white;
+    color: black;
+}