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:
Lncvrt
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 (
<>
<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} />
</Link>
</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'
export function HomeButton () {
@@ -5,7 +7,7 @@ export function HomeButton () {
<>
<div className='relative'>
<Link href='/' className='home-button absolute -top-4 -left-4'>
<span className='material-symbols-outlined'>home</span>
<FontAwesomeIcon icon={faHome} />
</Link>
</div>
</>

4
src/app/layout.tsx
View File

@@ -13,10 +13,6 @@ 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'

2
src/app/page.tsx
View File

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