Amogus
This commit is contained in:
BIN
public/img/amogus.png
Normal file
BIN
public/img/amogus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 126 KiB |
@@ -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() {
|
||||
@@ -42,6 +43,9 @@ export default function Dashboard() {
|
||||
|
||||
return (
|
||||
<div className={`${style.dashboard} ${scheme}`}>
|
||||
<div className={style.amogus}>
|
||||
<img src={amogus} alt="Amogus" />
|
||||
</div>
|
||||
<div className={style.body}>
|
||||
<CardColumn>
|
||||
<Card icon="🚊" name="Timetable">
|
||||
|
||||
@@ -25,3 +25,30 @@
|
||||
.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);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user