runfoo-org/elmeg-demo
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

404: Use Disc3 icon, remove easter egg instruction

Browse source
This commit is contained in:
fullsizemalt 2025-12-25 22:44:43 -08:00
parent a175c35847
commit 42926cd675
1 changed files with 5 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontend/app/not-found.tsx
View file

@ -2,7 +2,7 @@
import Link from "next/link" import Link from "next/link"
import { Button } from "@/components/ui/button" import { Button } from "@/components/ui/button"
import { Home, Search, Shuffle, ArrowLeft, Music, Bird } from "lucide-react" import { Home, Search, Shuffle, ArrowLeft, Music, Disc3 } from "lucide-react"
import { useState, useEffect } from "react" import { useState, useEffect } from "react"
const GOOSE_QUOTES = [ const GOOSE_QUOTES = [
@ -48,14 +48,13 @@ export default function NotFound() {
return ( return (
<div className="flex flex-col items-center justify-center min-h-[70vh] text-center px-4"> <div className="flex flex-col items-center justify-center min-h-[70vh] text-center px-4">
{/* Animated Bird Icon */} {/* Animated Disc Icon */}
<div <div
className="relative mb-6 cursor-pointer group" className="relative mb-6 cursor-pointer group"
onClick={shuffleQuote} onClick={shuffleQuote}
title="Click to shuffle quote"
> >
<div className={`p-6 rounded-full bg-primary/10 transition-all duration-300 group-hover:bg-primary/20 ${isSpinning ? 'rotate-12 scale-110' : ''}`}> <div className={`p-8 rounded-full bg-primary/10 transition-all duration-300 group-hover:bg-primary/20 ${isSpinning ? 'rotate-180 scale-110' : ''}`}>
<Bird className="h-20 w-20 text-primary transition-transform group-hover:scale-105" /> <Disc3 className="h-16 w-16 text-primary transition-transform group-hover:rotate-12" />
</div> </div>
</div> </div>
@ -72,9 +71,7 @@ export default function NotFound() {
{quote} {quote}
</p> </p>
<p className="text-muted-foreground text-sm mb-8">
Click the bird for a new message
</p>
{/* Action Buttons */} {/* Action Buttons */}
<div className="flex flex-wrap gap-3 justify-center mb-8"> <div className="flex flex-wrap gap-3 justify-center mb-8">