aidan/aidxnCC
Archived
1
1
Fork 0
Code Issues Pull Requests Actions Activity

change to image tag

Browse Source
This commit is contained in:
Aidan 2025-01-11 00:11:48 -05:00
parent 1950e8fca9
commit a116b2210f
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/components/pages/About.tsx
View File

@ -3,6 +3,7 @@
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faUser } from '@fortawesome/free-solid-svg-icons' import { faUser } from '@fortawesome/free-solid-svg-icons'
import GitHubFeatured from '../widgets/GitHubFeatured' import GitHubFeatured from '../widgets/GitHubFeatured'
import Image from 'next/image'
import { useState } from 'react' import { useState } from 'react'
export default function About() { export default function About() {
@ -35,7 +36,7 @@ export default function About() {
<p className="text-gray-300 mb-4">You can find me on GitHub as <a href="https://github.com/ihatenodejs/" className="text-blue-400 hover:underline">ihatenodejs</a>.</p> <p className="text-gray-300 mb-4">You can find me on GitHub as <a href="https://github.com/ihatenodejs/" className="text-blue-400 hover:underline">ihatenodejs</a>.</p>
{!imageError && ( {!imageError && (
<div className="flex flex-col md:flex-row justify-center gap-4"> <div className="flex flex-col md:flex-row justify-center gap-4">
<img <Image
src="https://github-readme-stats.vercel.app/api?username=ihatenodejs&theme=dark&show_icons=true&hide_border=true&count_private=true" src="https://github-readme-stats.vercel.app/api?username=ihatenodejs&theme=dark&show_icons=true&hide_border=true&count_private=true"
alt="ihatenodejs's Stats" alt="ihatenodejs's Stats"
width={500} width={500}
@ -43,8 +44,10 @@ export default function About() {
className="w-full md:w-1/2" className="w-full md:w-1/2"
onError={() => setImageError(true)} onError={() => setImageError(true)}
loading="eager" loading="eager"
priority
unoptimized
/> />
<img <Image
src="https://github-readme-stats.vercel.app/api/top-langs/?username=ihatenodejs&theme=dark&show_icons=true&hide_border=true&layout=compact" src="https://github-readme-stats.vercel.app/api/top-langs/?username=ihatenodejs&theme=dark&show_icons=true&hide_border=true&layout=compact"
alt="ihatenodejs's Top Languages" alt="ihatenodejs's Top Languages"
width={500} width={500}
@ -52,6 +55,8 @@ export default function About() {
className="w-full md:w-1/3" className="w-full md:w-1/3"
onError={() => setImageError(true)} onError={() => setImageError(true)}
loading="eager" loading="eager"
priority
unoptimized
/> />
</div> </div>
)} )}