Amogus

src/components/Dashboard/Dashboard.tsx

@@ -12,6 +12,7 @@ import Terminal from "@/components/Terminal/Terminal";
 import Timetable from "@/components/Timetable/Timetable";
 import Weather from "@/components/Weather/Weather";
 
+import amogus from "/img/amogus.png";
 import style from "./style.module.css";
 
 export default function Dashboard() {
@@ -41,7 +42,8 @@ export default function Dashboard() {
     }, []);
 
     return (
-        <div className={`${style.dashboard} ${scheme}`}>
+      <div className={`${style.dashboard} ${scheme}`}>
+        <div className={style.amogus}><img src={amogus} alt="Amogus" /></div>
             <div className={style.body}>
                 <CardColumn>
                     <Card icon="🚊" name="Timetable">

src/components/Dashboard/style.module.css

@@ -25,3 +25,23 @@
 .night {
     background-color: #2a3f55;
 }
+
+.amogus {
+  z-index: 100;
+  position: absolute;
+  scale: 60%;
+  animation:
+    x 10s linear infinite alternate,
+    y 7s linear infinite alternate;
+
+}
+
+@keyframes x {
+  from { left: 0; }
+  to { left: calc(100vw - 70px); }
+}
+
+@keyframes y {
+  from { top: 0; }
+  to { top: calc(100vh - 90px); }
+}