georgew/portfolio
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases 24 Wiki Activity

Cleaned up warnings

Browse source
This commit is contained in:
GeorgeWebberley 2026-01-30 12:42:41 +01:00
parent 1ff0d61a19
commit bd038c4b0d
4 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.vscode/settings.json vendored
View file

@ -1,7 +1,8 @@
{ {
"css.lint.unknownAtRules": "ignore",
"editor.formatOnSave": true, "editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode", "editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.codeActionsOnSave": { "editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit" "source.fixAll.eslint": "explicit"
} }
} }

5
app/page.tsx
View file

@ -2,9 +2,10 @@
import Link from "next/link"; import Link from "next/link";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { Globe, Smartphone, Server, Gamepad2, Activity } from "lucide-react"; import { Globe, Smartphone, Server, Gamepad2 } from "lucide-react";
import { useState } from "react"; import { useState } from "react";
import MonitorCard from "@/components/MonitorCard"; import MonitorCard from "@/components/MonitorCard";
import Image from "next/image";
export default function Home() { export default function Home() {
const [isHoveringMonitors, setIsHoveringMonitors] = useState(false); const [isHoveringMonitors, setIsHoveringMonitors] = useState(false);
@ -225,7 +226,7 @@ export default function Home() {
<div className="flex items-center gap-6"> <div className="flex items-center gap-6">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<p>Pipeline Status</p> <p>Pipeline Status</p>
<img <Image
src="https://ci.georgew.dev/api/badges/11/status.svg" src="https://ci.georgew.dev/api/badges/11/status.svg"
alt="Build Status" alt="Build Status"
className="h-3 grayscale opacity-50 hover:opacity-100 hover:grayscale-0 transition-all" className="h-3 grayscale opacity-50 hover:opacity-100 hover:grayscale-0 transition-all"

7
components/MonitorCard.tsx
View file

@ -1,8 +1,9 @@
"use client"; "use client";
import React, { useState, useEffect } from "react"; import { useState, useEffect } from "react";
import { motion, AnimatePresence } from "framer-motion"; import { motion, AnimatePresence } from "framer-motion";
import { Activity } from "lucide-react"; import { Activity } from "lucide-react";
import Image from "next/image";
const MONITORS = [ const MONITORS = [
{ id: 2, name: "Datasaur" }, { id: 2, name: "Datasaur" },
@ -113,12 +114,12 @@ export default function MonitorRegistry({ isHovered }: { isHovered: boolean }) {
{m.name} {m.name}
</span> </span>
<div className="flex gap-1 shrink-0 scale-90 origin-right"> <div className="flex gap-1 shrink-0 scale-90 origin-right">
<img <Image
src={`https://status.georgew.dev/api/badge/${m.id}/status`} src={`https://status.georgew.dev/api/badge/${m.id}/status`}
className="h-5" className="h-5"
alt="up" alt="up"
/> />
<img <Image
src={`https://status.georgew.dev/api/badge/${m.id}/avg-response/24`} src={`https://status.georgew.dev/api/badge/${m.id}/avg-response/24`}
className="h-5 opacity-60" className="h-5 opacity-60"
alt="ms" alt="ms"

3
components/ProjectShowcase.tsx
View file

@ -2,6 +2,7 @@
import { useState } from "react"; import { useState } from "react";
import { motion, AnimatePresence } from "framer-motion"; import { motion, AnimatePresence } from "framer-motion";
import Image from "next/image";
export default function ProjectShowcase({ images }: { images: string[] }) { export default function ProjectShowcase({ images }: { images: string[] }) {
const [index, setIndex] = useState(0); const [index, setIndex] = useState(0);
@ -42,7 +43,7 @@ export default function ProjectShowcase({ images }: { images: string[] }) {
: "border-neutral-800 opacity-40 hover:opacity-100" : "border-neutral-800 opacity-40 hover:opacity-100"
}`} }`}
> >
<img <Image
src={img} src={img}
className="h-full w-full object-cover" className="h-full w-full object-cover"
alt={`Thumb ${i}`} alt={`Thumb ${i}`}