diff --git a/src/App.css b/src/App.css index 12df7b5..0a01657 100644 --- a/src/App.css +++ b/src/App.css @@ -17,6 +17,14 @@ color: #cdb4db; } +.footer { + position: fixed; + bottom: 0; + left: 0; + margin: 10px; + z-index: 1000; +} + .musicartist { font-weight: bolder; margin-bottom: .5em; @@ -310,6 +318,7 @@ margin-right: 1em; vertical-align: middle; } + .initialanim { animation: slide-left 1.5s; } diff --git a/src/App.tsx b/src/App.tsx index 3743972..f82885b 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -131,6 +131,9 @@ function App() {
{ setoomfies( <> + + + diff --git a/src/components/comps.tsx b/src/components/comps.tsx index fef2b47..abeaaa3 100644 --- a/src/components/comps.tsx +++ b/src/components/comps.tsx @@ -1,6 +1,7 @@ import { createSignal, onMount } from "solid-js"; import { theImager } from "./api" import "./comps.css" +import { url } from "inspector"; // warning: this IS horrible code. its a joke. DO NOT try this at home because // your local senior programmer CAN and WILL hunt you down // you have been warned. @@ -8,16 +9,16 @@ export function AdvancedBr({ count }: { count: number }) { return new Array(count).fill(null).map(_ => (
)) } -export function SingularOomfie({discordid }: { name: string, url: string, discordid: string }) { +export function SingularOomfie(props: { name: string, url: string, discordid: string }) { const [imageSrc, setImageSrc] = createSignal(""); onMount(async () => { - const url = await theImager(discordid); + const url = await theImager(props.discordid); setImageSrc(url); }); return ( - +