Lncvrt-Games/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add account button and switch to font awesome fully

Browse Source
This commit is contained in:
Travis
2026-01-30 18:52:08 -07:00
parent ae63c449fa
commit 9474dd7baa
5 changed files with 21 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/components/AccountButton.tsx Normal file
View File

@@ -0,0 +1,15 @@
import { faUser } from '@fortawesome/free-regular-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import Link from 'next/link'
export function AccountButton () {
return (
<>
<div className='relative'>
<Link href='/account' className='home-button absolute -top-4 -left-4'>
<FontAwesomeIcon icon={faUser} />
</Link>
</div>
</>
)
}

2
src/app/components/DiscordButton.tsx
View File

@@ -6,7 +6,7 @@ export function DiscordButton () {
return ( return (
<> <>
<div className='relative'> <div className='relative'>
<Link href='/' className='home-button absolute -top-4 -right-4'> <Link href='/discord' className='home-button absolute -top-4 -right-4'>
<FontAwesomeIcon icon={faDiscord} /> <FontAwesomeIcon icon={faDiscord} />
</Link> </Link>
</div> </div>

4
src/app/components/HomeButton.tsx
View File

@@ -1,3 +1,5 @@
import { faHome } from '@fortawesome/free-regular-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import Link from 'next/link' import Link from 'next/link'
export function HomeButton () { export function HomeButton () {
@@ -5,7 +7,7 @@ export function HomeButton () {
<> <>
<div className='relative'> <div className='relative'>
<Link href='/' className='home-button absolute -top-4 -left-4'> <Link href='/' className='home-button absolute -top-4 -left-4'>
<span className='material-symbols-outlined'>home</span> <FontAwesomeIcon icon={faHome} />
</Link> </Link>
</div> </div>
</> </>

4
src/app/layout.tsx
View File

@@ -13,10 +13,6 @@ export default function RootLayout ({
return ( return (
<html lang='en'> <html lang='en'>
<head> <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 <link
rel='icon' rel='icon'
type='image/png' type='image/png'

2
src/app/page.tsx
View File

@@ -2,6 +2,7 @@ import Image from 'next/image'
import Link from 'next/link' import Link from 'next/link'
import { Metadata } from 'next' import { Metadata } from 'next'
import { DiscordButton } from './components/DiscordButton' import { DiscordButton } from './components/DiscordButton'
import { AccountButton } from './components/AccountButton'
export const metadata: Metadata = { export const metadata: Metadata = {
title: 'Lncvrt Games - Home', title: 'Lncvrt Games - Home',
@@ -11,6 +12,7 @@ export const metadata: Metadata = {
export default function Home () { export default function Home () {
return ( return (
<div className='box'> <div className='box'>
<AccountButton />
<DiscordButton /> <DiscordButton />
<p className='text-center text-4xl'>Lncvrt Games</p> <p className='text-center text-4xl'>Lncvrt Games</p>
<p className='text-center text-[18px] mb-4'> <p className='text-center text-[18px] mb-4'>