diff --git a/src/assets/fonts/Virgil.woff2 b/src/assets/fonts/Virgil.woff2 new file mode 100644 index 0000000..cb22225 Binary files /dev/null and b/src/assets/fonts/Virgil.woff2 differ diff --git a/src/assets/logo.svg b/src/assets/logo.svg new file mode 100644 index 0000000..fab141b --- /dev/null +++ b/src/assets/logo.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/components/InfinateCanvas.tsx b/src/components/InfinateCanvas.tsx index 815324c..dbfceb2 100644 --- a/src/components/InfinateCanvas.tsx +++ b/src/components/InfinateCanvas.tsx @@ -7,6 +7,7 @@ import { ImageCard } from "./ImageCard" import images from "../signals/images" import { CardSelector } from "./cardSelector/CardSelector" import { isTheme } from "../utils/isTheme" +import { Logo } from "./Logo" export default function InfiniteCanvas() { const containerRef = useRef(null) @@ -36,6 +37,7 @@ export default function InfiniteCanvas() { return ( <> + diff --git a/src/components/Logo.tsx b/src/components/Logo.tsx new file mode 100644 index 0000000..2412971 --- /dev/null +++ b/src/components/Logo.tsx @@ -0,0 +1,9 @@ +import LogoSvg from '../assets/logo.svg' +export function Logo() { + return ( + <> + +

slab

+ + ) +} diff --git a/src/styles.css b/src/styles.css index 2fc79da..df90cf6 100644 --- a/src/styles.css +++ b/src/styles.css @@ -2,6 +2,11 @@ @tailwind components; @tailwind utilities; +@font-face { + font-family: "Virgil"; + src: url("./assets/fonts/Virgil.woff2") format("woff2"); +} + * { margin: 0; padding: 0;