repo init

2022-10-08 22:48:29 -04:00 · 2022-10-08 22:48:29 -04:00 · 78811fde74
parent 1992c04152
commit 78811fde74
2 changed files with 93 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,33 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+
+  <title>start</title>
+
+  <link rel="stylesheet" href="./stpg.css">
+
+</head>
+
+<body>
+
+    <div id="center">
+
+            <h1>Hello</h1>
+
+            <form action="https://duckduckgo.com/" method="GET" id="search" autocomplete="off">
+
+                <input 
+
+                    name="q"
+
+                    type="search"
+
+                    placeholder="search"/>
+
+    </div>
+
+</body>
+
+</html>
--- a/stpg.css
+++ b/stpg.css
@ -0,0 +1,60 @@
+:root {
+  --bg1: #151515;
+  --bg2: #1f1f1f;
+  --fg: #d0d0d0;
+  --fg2: #353535;
+}
+
+html {
+  color: var(--fg);
+  background-color: var(--bg1);
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  font-family: 'Source Code Pro';
+}
+
+body {
+  display: flex;
+  height: 100%;
+  background: var(--bg2);
+  color: var(--fg);
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: 0;
+  margin: 0;
+}
+
+#center {
+  background-color: var(--bg1);
+  height: 400px;
+  width: 800px;
+  border-radius: 6px;
+  box-shadow: 3px 3px 10px 1px rgba(17, 17, 17, 0.25);
+}
+
+h1 {
+  font-weight: 200;
+  font-size: 67px;
+}
+
+input {
+  color: var(--fg);
+  background-color: transparent;
+  border: none;
+  border-bottom: 2px solid var(--fg2);
+  height: 55px;
+  min-width: 500px;
+  max-width: 750px;
+  outline: none;
+  font-family: 'Source Code Pro';
+  font-size: 30px;
+  font-weight: 400;
+  transition: 50ms;
+}
+
+input:focus {
+  border-color: var(--fg);
+}
+