Change library for home icon + set favicon and title

This commit is contained in:
2025-11-05 18:21:12 -07:00
parent 848da32b04
commit dec380803d
5 changed files with 25 additions and 22 deletions

View File

@@ -6,15 +6,18 @@ import { Navigation, Keyboard } from 'swiper/modules'
import 'swiper/css'
import 'swiper/css/navigation'
import Link from 'next/link'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faHome } from '@fortawesome/free-solid-svg-icons'
import { useEffect } from 'react'
export default function BerryDashGameInfo () {
useEffect(() => {
document.title = 'Lncvrt Games - Berry Dash'
}, [])
return (
<div className='box text-center'>
<div className='relative'>
<Link href='/' className='home-button absolute -top-4 -left-4'>
<FontAwesomeIcon icon={faHome} />
<span className='material-symbols-outlined'>home</span>
</Link>
</div>
<p className='text-4xl'>Berry Dash</p>

View File

@@ -6,15 +6,18 @@ import { Navigation, Keyboard } from 'swiper/modules'
import 'swiper/css'
import 'swiper/css/navigation'
import Link from 'next/link'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faHome } from '@fortawesome/free-solid-svg-icons'
import { useEffect } from 'react'
export default function TrianglesGameInfo () {
useEffect(() => {
document.title = 'Lncvrt Games - Triangles'
}, [])
return (
<div className='box text-center'>
<div className='relative'>
<Link href='/' className='home-button absolute -top-4 -left-4'>
<FontAwesomeIcon icon={faHome} />
<span className='material-symbols-outlined'>home</span>
</Link>
</div>
<p className='text-4xl'>Triangles</p>

View File

@@ -12,6 +12,17 @@ export default function RootLayout ({
}>) {
return (
<html lang='en'>
<head>
<link
rel='stylesheet'
href='https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=home,search'
/>
<link
rel='icon'
type='image/png'
href='https://cdn.lncvrt.xyz/pfp-round.png'
/>
</head>
<body className={lexend.className}>{children}</body>
</html>
)