move some pigs around and add a glowing neon friend

This commit is contained in:
elisejakob
2024-05-23 00:44:07 +02:00
parent c3021e0b8b
commit c640104183
17 changed files with 588 additions and 31 deletions

View File

@ -1,16 +1,16 @@
"use client";
import styles from "./pig.module.scss";
import { ChillPig } from "./pigs/ChillPig";
import { DancePig } from "./pigs/DancePig";
import { DrinkPig } from "./pigs/DrinkPig";
import { GuardPig } from "./pigs/GuardPig";
import { KeyPig } from "./pigs/KeyPig";
import { ListenPig } from "./pigs/ListenPig";
import { LogoPig } from "./pigs/LogoPig";
import { MusicPig } from "./pigs/MusicPig";
import { PeekPig } from "./pigs/PeekPig";
import { PointPig } from "./pigs/PointPig";
import { StudentPig } from "./pigs/StudentPig";
import { ChillPig } from "./pigs/simple/ChillPig";
import { DancePig } from "./pigs/simple/DancePig";
import { DrinkPig } from "./pigs/simple/DrinkPig";
import { GuardPig } from "./pigs/simple/GuardPig";
import { KeyPig } from "./pigs/simple/KeyPig";
import { ListenPig } from "./pigs/simple/ListenPig";
import { LogoPig } from "./pigs/simple/LogoPig";
import { MusicPig } from "./pigs/simple/MusicPig";
import { PeekPig } from "./pigs/simple/PeekPig";
import { PointPig } from "./pigs/simple/PointPig";
import { StudentPig } from "./pigs/simple/StudentPig";
import { useInView } from "react-intersection-observer";
export const BgPig = ({

View File

@ -1,15 +1,15 @@
import styles from "./pig.module.scss";
import { ChillPig } from "./pigs/ChillPig";
import { DancePig } from "./pigs/DancePig";
import { DrinkPig } from "./pigs/DrinkPig";
import { GuardPig } from "./pigs/GuardPig";
import { KeyPig } from "./pigs/KeyPig";
import { ListenPig } from "./pigs/ListenPig";
import { LogoPig } from "./pigs/LogoPig";
import { MusicPig } from "./pigs/MusicPig";
import { PeekPig } from "./pigs/PeekPig";
import { PointPig } from "./pigs/PointPig";
import { StudentPig } from "./pigs/StudentPig";
import { ChillPig } from "./pigs/simple/ChillPig";
import { DancePig } from "./pigs/simple/DancePig";
import { DrinkPig } from "./pigs/simple/DrinkPig";
import { GuardPig } from "./pigs/simple/GuardPig";
import { KeyPig } from "./pigs/simple/KeyPig";
import { ListenPig } from "./pigs/simple/ListenPig";
import { LogoPig } from "./pigs/simple/LogoPig";
import { MusicPig } from "./pigs/simple/MusicPig";
import { PeekPig } from "./pigs/simple/PeekPig";
import { PointPig } from "./pigs/simple/PointPig";
import { StudentPig } from "./pigs/simple/StudentPig";
export const Pig = ({
type,

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,27 @@
.neonChillPig {
position: relative;
width: 20rem;
height: 8rem;
.static,
.animate {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.animate {
animation: glow 1s infinite alternate;
}
}
@keyframes glow {
from {
opacity: 0;
}
to {
opacity: 1;
}
}