Compare commits
12 Commits
83512887aa
...
6595a7f8bb
| Author | SHA1 | Date | |
|---|---|---|---|
| 6595a7f8bb | |||
| c95c9de320 | |||
| f7de45e47c | |||
| 7556d0496a | |||
| 7d68cce351 | |||
| e051a1aa4f | |||
| e9ef31e7ee | |||
| bba4960276 | |||
| b1d639f618 | |||
| 1702e0c408 | |||
| f87d3da269 | |||
| bbee38af9b |
BIN
public/img/amogus.png
Normal file
BIN
public/img/amogus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 126 KiB |
@@ -11,6 +11,8 @@ import Footer from "@/components/Footer/Footer";
|
||||
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 FourTwenty from "../FourTwenty/FourTwenty";
|
||||
import style from "./style.module.css";
|
||||
|
||||
@@ -42,6 +44,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">
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
|
||||
.body {
|
||||
height: 100%;
|
||||
margin: 30px;
|
||||
padding: 30px;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
@@ -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