diff options
| author | LLLL Colonq <llll@colonq> | 2024-03-01 18:39:11 -0500 |
|---|---|---|
| committer | LLLL Colonq <llll@colonq> | 2024-03-01 18:39:11 -0500 |
| commit | 88e2726fc1fc6cec2b9e63526ce4c0a1a04a2e98 (patch) | |
| tree | 94fd56c8c02e422a54d69aa7dec798b7a55d6a2d /fig-frontend/client/src/components/backdrop.ts | |
| parent | 4a23754fc6515c947e0bbac38cd0e558b701fe2f (diff) | |
Add new frontend
Diffstat (limited to 'fig-frontend/client/src/components/backdrop.ts')
| -rw-r--r-- | fig-frontend/client/src/components/backdrop.ts | 41 |
1 files changed, 0 insertions, 41 deletions
diff --git a/fig-frontend/client/src/components/backdrop.ts b/fig-frontend/client/src/components/backdrop.ts deleted file mode 100644 index d35d205..0000000 --- a/fig-frontend/client/src/components/backdrop.ts +++ /dev/null @@ -1,41 +0,0 @@ -import { html, css, LitElement, unsafeCSS } from "lit"; -import { customElement } from "lit/decorators.js"; - -import * as Config from "../config"; - -import blueprint from "../assets/blueprint.jpg"; - -@customElement("fig-backdrop") -export class Backdrop extends LitElement { - static styles = css` -#backdrop { - z-index: -2; - position: absolute; - left: 0px; - top: 0px; - width: 100vw; - height: 100vh; - background-image: url("${unsafeCSS(new URL(blueprint, Config.SCRIPT_URL))}"); -} -#blur { - z-index: -1; - backdrop-filter: blur(3px); - position: absolute; - left: 0px; - top: 0px; - width: 100vw; - height: 100vh; - background-size: 100px 100px; - background-position: -20px -20px; - background-image: - linear-gradient(to right, lightgrey 1px, transparent 1px), - linear-gradient(to bottom, lightgrey 1px, transparent 1px); -} -`; - render() { - return html` -<div id="backdrop"></div> -<div id="blur"></div> -`; - } -} |
