From 094d3e0e1370f2f8b3619ba6cea8b33ac83dceed Mon Sep 17 00:00:00 2001
From: LLLL Colonq <llll@colonq>
Date: Fri, 12 Jan 2024 14:54:22 -0500
Subject: Update frontend

---
 fig-frontend/client/src/components/header.ts | 34 ++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 fig-frontend/client/src/components/header.ts

(limited to 'fig-frontend/client/src/components/header.ts')

diff --git a/fig-frontend/client/src/components/header.ts b/fig-frontend/client/src/components/header.ts
new file mode 100644
index 0000000..c4c709f
--- /dev/null
+++ b/fig-frontend/client/src/components/header.ts
@@ -0,0 +1,34 @@
+import { html, css, LitElement } from "lit";
+import { customElement } from "lit/decorators.js";
+
+@customElement("fig-header")
+export class Header extends LitElement {
+  static styles = css`
+#header {
+  position: absolute;
+  text-align: center;
+  border-radius: 100px;
+  border-style: solid;
+  border-color: silver;
+  border-width: 5px;
+  background: linear-gradient(0deg, rgba(89,89,89,1) 35%, rgba(158,158,158,1) 100%);
+  top: 1em;
+  left: 33vw;
+  width: 33vw;
+}
+#header:hover {
+  filter: brightness(150%);
+}
+h1 {
+  color: #b5a642;
+  font-family: "Rubik Maps";
+}
+`;
+  render() {
+    return html`
+<div id="header">
+  <h1>"The JunkYard"</h1>
+</div>
+`;
+  }
+}
-- 
cgit v1.2.3