lighthouse

farirpgs · Sep 12, 2023 · 4df0b24 · 4df0b24
1 parent a43d6ab
commit 4df0b24
Show file tree

Hide file tree

Showing 7 changed files with 29 additions and 27 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -14,6 +14,7 @@
   "search.exclude": {
     "**/node_modules/**": true,
     "**/dist/**": true,
+    "**/out/**": true,
     "**/.cache/**": true,
     "yarn.lock": true
   },

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -16,6 +16,7 @@ export default function RootLayout(props: { children: React.ReactNode }) {
   return (
     <html lang="en">
       <head>
+        <title>Fari App VTT | The Free and Open-Source Virtual Tabletop</title>
         <meta
           name="google-site-verification"
           content="_SkIJRylG7gB1j0jbxxXboxdViB678DOHglRv43DNtE"

diff --git a/lib/components/Patreon/Patreon.tsx b/lib/components/Patreon/Patreon.tsx
@@ -1,4 +1,5 @@
 import { Box, Grid, Typography, useTheme } from "@mui/material";
+import Image from "next/image";
 import React from "react";
 import patreonImage from "../../../images/services/patreon.png";
 import { useTranslate } from "../../hooks/useTranslate/useTranslate";
@@ -36,8 +37,8 @@ export const Patreon: React.FC = () => {
           justifyContent="center"
         >
           <Grid item>
-            <img
-              width="16px"
+            <Image
+              width={16}
               src={patreonImage.src}
               alt={t("donation.patreon")}
             />

diff --git a/lib/routes/Home/HomeRoute.tsx b/lib/routes/Home/HomeRoute.tsx
@@ -17,6 +17,8 @@ import {
   useMediaQuery,
   useTheme,
 } from "@mui/material";
+import Image from "next/image";
+import Link from "next/link";
 import { useRouter } from "next/navigation";
 import React, { useContext, useEffect } from "react";
 import discord from "../../../images/services/discord.png";
@@ -182,6 +184,7 @@ export const HomeRoute: React.FC<{}> = () => {
         <Box mb="2rem">
           <Typography
             variant="subtitle1"
+            component={"p"}
             align="center"
             sx={{ whiteSpace: "pre-line" }}
           >
@@ -256,14 +259,14 @@ export const HomeRoute: React.FC<{}> = () => {
             {Sponsors.map((sponsor, i) => {
               return (
                 <Grid item key={i}>
-                  <a href={sponsor.link} target="_blank" rel="noreferrer">
+                  <Link href={sponsor.link} target="_blank" rel="noreferrer">
                     <Box
                       component="img"
                       sx={{ width: "auto", height: "50px" }}
                       src={sponsor.image}
                       title={sponsor.name}
                     />
-                  </a>
+                  </Link>
                 </Grid>
               );
             })}
@@ -281,7 +284,7 @@ export const HomeRoute: React.FC<{}> = () => {
         ctaLabel: t("home-route.cards.scenes.cta"),
         icon: (props: { className: string }) => (
           // https://icons8.com/icons/plasticine
-          <img
+          <Image
             className={props.className}
             src="https://img.icons8.com/plasticine/100/000000/alps.png"
             alt="scenes"
@@ -296,7 +299,7 @@ export const HomeRoute: React.FC<{}> = () => {
         description: t("home-route.cards.characters.description"),
         icon: (props: { className: string }) => (
           // https://icons8.com/icons/plasticine
-          <img
+          <Image
             className={props.className}
             src="https://img.icons8.com/plasticine/100/000000/wizard.png"
             alt="characters"
@@ -313,7 +316,7 @@ export const HomeRoute: React.FC<{}> = () => {
         ctaLabel: t("home-route.cards.dice-roller.cta"),
         icon: (props: { className: string }) => (
           // https://icons8.com/icons/plasticine
-          <img
+          <Image
             className={props.className}
             src="https://img.icons8.com/plasticine/100/000000/dice.png"
             alt="dice-roller"
@@ -336,7 +339,7 @@ export const HomeRoute: React.FC<{}> = () => {
         ctaLabel: t("home-route.cards.data.cta"),
         icon: (props: { className: string }) => (
           // https://icons8.com/icons/plasticine
-          <img
+          <Image
             className={props.className}
             src="https://img.icons8.com/plasticine/100/000000/cloud-backup-restore.png"
             alt="data"
@@ -352,7 +355,7 @@ export const HomeRoute: React.FC<{}> = () => {
 
         icon: (props: { className: string }) => (
           // https://icons8.com/icons/plasticine
-          <img
+          <Image
             className={props.className}
             src="https://img.icons8.com/plasticine/100/000000/crystal-ball.png"
             alt="play-solo"
@@ -376,7 +379,7 @@ export const HomeRoute: React.FC<{}> = () => {
         ctaLabel: t("home-route.cards.changelog.cta"),
         icon: (props: { className: string }) => (
           // https://icons8.com/icons/plasticine
-          <img
+          <Image
             className={props.className}
             alt="changelog"
             src="https://img.icons8.com/plasticine/100/000000/comments.png"
@@ -390,7 +393,7 @@ export const HomeRoute: React.FC<{}> = () => {
         ctaLabel: t("home-route.cards.wiki.cta"),
         icon: (props: { className: string }) => (
           // https://icons8.com/icons/plasticine
-          <img
+          <Image
             className={props.className}
             alt="wiki"
             src="https://img.icons8.com/plasticine/100/000000/contract.png"
@@ -404,7 +407,7 @@ export const HomeRoute: React.FC<{}> = () => {
         ctaLabel: t("home-route.cards.fari-games.cta"),
         icon: (props: { className: string }) => (
           // https://icons8.com/icons/plasticine
-          <img
+          <Image
             className={props.className}
             alt="fari-games"
             src="https://img.icons8.com/plasticine/100/000000/bookmark--v1.png"
@@ -446,14 +449,7 @@ export const HomeRoute: React.FC<{}> = () => {
         </Grid>
         <Grid item md={6} xs={12} container justifyContent="center" spacing={2}>
           <Grid item xs={12}>
-            <Box
-              component="img"
-              src={discord.src}
-              sx={{
-                width: "50px",
-                height: "auto",
-              }}
-            />
+            <Image src={discord.src} width={50} alt="Discord" />
           </Grid>
           <Grid item xs={12}>
             <Button
@@ -482,13 +478,14 @@ export const HomeRoute: React.FC<{}> = () => {
           </Typography>
         </Grid>
         <Grid item xs={12}>
-          <a
+          <Link
             href="https://github.com/fariapp/fari"
             target="_blank"
             rel="noreferrer"
+            title="Github"
           >
             <GitHubIcon sx={{ width: "5rem", height: "5rem" }} />
-          </a>
+          </Link>
         </Grid>
         <Grid item xs={12}>
           <Button
@@ -588,6 +585,7 @@ export const HomeRoute: React.FC<{}> = () => {
           <Box>
             <Typography
               variant="subtitle2"
+              component={"p"}
               sx={{
                 fontWeight: theme.typography.fontWeightBold,
               }}
@@ -628,7 +626,7 @@ function LightBox(props: ILightBoxProps) {
       {title && (
         <Typography
           variant="h3"
-          component="h3"
+          component="p"
           sx={{
             marginBottom: subTitle ? "1rem" : "3rem",
             textAlign: (textAlign as any) ?? "center",
@@ -642,6 +640,7 @@ function LightBox(props: ILightBoxProps) {
       {subTitle && (
         <Typography
           variant="h5"
+          component="p"
           sx={{
             marginBottom: "3rem",
             textAlign: (textAlign as any) ?? "center",

diff --git a/lib/routes/Play/JoinAGameRoute.tsx b/lib/routes/Play/JoinAGameRoute.tsx
@@ -13,6 +13,7 @@ import {
   Typography,
   useTheme,
 } from "@mui/material";
+import Image from "next/image";
 import { useParams, useRouter } from "next/navigation";
 import { useContext, useEffect, useRef, useState } from "react";
 import { AppLink } from "../../components/AppLink/AppLink";
@@ -105,9 +106,9 @@ export function JoinAGameRoute() {
         }}
       >
         <Box pb="2rem" textAlign="center">
-          <img
+          <Image
             alt="Fari"
-            width="150px"
+            width={150}
             src={
               theme.palette.mode === "dark"
                 ? Images.logoWhite

diff --git a/netlify.toml b/netlify.toml
@@ -3,5 +3,5 @@
 
 [build]
   command = "npm install && npm run build"
-
+  publish = "out"
 
diff --git a/next.config.mjs b/next.config.mjs
@@ -1,7 +1,6 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: "export", // Outputs a Single-Page Application (SPA).
-  // distDir: "./dist", // Changes the build output directory to `./dist/`.
 };
 
 export default nextConfig;
Original file line number	Diff line number	Diff line change
Expand Up		@@ -3,5 +3,5 @@

		[build]
		command = "npm install && npm run build"

		publish = "out"