yuri

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;
 }

src/App.tsx

@@ -131,6 +131,9 @@ function App() {
         <div class="musicbutton" onclick={() => {
           setoomfies(
             <>
+              <SingularOomfie name='ashley' discordid='836177139798638592' url='https://ashleygraves.eu/'></SingularOomfie>
+              <SingularOomfie name='ashley' discordid='396571938081865741' url='https://ashley0143.xyz/'></SingularOomfie>
+              <SingularOomfie name='stella' discordid='334833943838720000' url='https://elh.gay/'></SingularOomfie>
               <SingularOomfie name='nea' discordid='310702108997320705' url='https://nea.moe'></SingularOomfie>
               <SingularOomfie name='vozy' discordid='359175647257690113' url='https://vozy.exhq.dev'></SingularOomfie>
               <SingularOomfie name='ushie' discordid='399862294143696897' url='https://ushie.dev/'></SingularOomfie>

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(_ => (<br />))
 }
 
-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 (
-      <a href={imageSrc()}>
+      <a href={props.url}>
         <img
           class="tooltip"
           style={{