initial commit

2023-04-13 07:57:37 -04:00
commit 55351bebbc
14 changed files with 1085 additions and 0 deletions
@@ -0,0 +1,141 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: inherit;
+}
+
+html {
+  font-size: 62.5%;
+  box-sizing: border-box;
+}
+
+body {
+  /* background-color: white; */
+  /* text-align: center; */
+  font-family: monospace;
+  font-weight: 400;
+  height: 100vh;
+  color: #333;
+  background-image: linear-gradient(to top left, #c4d93f 0%, #00b2ed 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* LAYOUT */
+
+header {
+  position: relative;
+  height: 35vh;
+  border-bottom: 7px solid #eee;
+}
+
+main {
+  position: relative;
+  width: 100rem;
+  height: 60rem;
+  background-color: rgba(255, 255, 255, 0.35);
+  backdrop-filter: blur(200px);
+  filter: blur();
+  box-shadow: 0 3rem 5rem rgba(0, 0, 0, 0.25);
+  border-radius: 9px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+}
+
+h1 {
+  margin-bottom: 50px;
+}
+
+h2 {
+  /* margin-bottom: 20px; */
+  padding-bottom: 20px;
+  font-family: monospace;
+}
+
+p {
+  margin-bottom: 5px;
+}
+
+/* form {
+  background-color: lightgray;
+  margin: auto;
+  margin-bottom: 20px;
+  padding: 25px;
+  width: 450px;
+  border: 5px solid rgb(117, 108, 87);
+  border-radius: 1em;
+  font-family: 'Roboto', sans-serif;
+} */
+
+/* ELEMENTS */
+
+/* .lookup {
+  background-color: lightgray;
+  margin: auto;
+  margin-bottom: 20px;
+  padding: 25px;
+  width: 450px;
+  border: 5px solid rgb(117, 108, 87);
+  border-radius: 1em;
+  font-family: 'Roboto', sans-serif;
+  flex: 50%;
+  padding: 9rem;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  transition: all 0.75s;
+} */
+
+button {
+  display: inline-block;
+  padding: 0.3em 1.2em;
+  margin: 0 0.3em 0.3em 0;
+  border-radius: 2em;
+  box-sizing: border-box;
+  text-decoration: none;
+  font-family: 'Roboto', sans-serif;
+  font-weight: 300;
+  color: #ffffff;
+  background-color: #4eb5f1;
+  text-align: center;
+  transition: all 0.2s;
+  cursor: pointer;
+  outline: none;
+}
+
+button:hover {
+  background-color: #4095c6;
+}
+
+/* select {
+  width: 30%;
+  padding: 16px 20px;
+  border: none;
+  border-radius: 4px;
+  background-color: cadetblue;
+} */
+
+.results {
+  color: cornflowerblue;
+  margin-top: 10px;
+  /* padding-top: 10px; */
+  background-color: cornsilk;
+  /* font-family: 'Courier New', Courier, monospace; */
+  font-family: 'Orbitron', sans-serif;
+}
+
+#config-string {
+}
+
+#code-lookup {
+}
+
+.hidden {
+  display: none;
+}