Add analytics, adjust lightmode instructional text

This commit is contained in:
Xevion
2022-12-18 18:17:20 -06:00
parent feae300fdd
commit 34af3cceac
4 changed files with 17 additions and 15 deletions

View File

@@ -1,11 +0,0 @@
# Since .env is gitignored, you can use .env.example to build a new `.env` file when you clone the repo.
# Keep this file up-to-date when you add new variables to `.env`.
# This file will be committed to version control, so make sure not to have any secrets in it.
# If you are cloning this repo, create a copy of this file named `.env` and populate it with your secrets.
# When adding additional env variables, the schema in /env/schema.mjs should be updated accordingly
# Example:
# SERVERVAR=foo
# NEXT_PUBLIC_CLIENTVAR=bar

View File

@@ -20,6 +20,7 @@
"@types/react-no-ssr": "^1.1.3", "@types/react-no-ssr": "^1.1.3",
"chance": "^1.1.9", "chance": "^1.1.9",
"next": "13.0.2", "next": "13.0.2",
"nextjs-google-analytics": "^2.2.2",
"react": "18.2.0", "react": "18.2.0",
"react-dom": "18.2.0", "react-dom": "18.2.0",
"react-no-ssr": "^1.1.0", "react-no-ssr": "^1.1.0",

View File

@@ -4,11 +4,16 @@ import BoxTable from "@/components/BoxTable";
import NoSSR from "react-no-ssr"; import NoSSR from "react-no-ssr";
import Page from "@/components/Page"; import Page from "@/components/Page";
import BoxLoop from "@/components/BoxLoop"; import BoxLoop from "@/components/BoxLoop";
import {useBreakpointValue} from "@/utils/helpers";
import {GoogleAnalytics} from "nextjs-google-analytics";
const Home: NextPage = () => { const Home: NextPage = () => {
const boxCount = useBreakpointValue("md", 5, 3);
return ( return (
<> <>
<Head> <Head>
<GoogleAnalytics trackPageViews/>
<title>100prisoners.com</title> <title>100prisoners.com</title>
<link rel="icon" href="/favicon.ico"/> <link rel="icon" href="/favicon.ico"/>
</Head> </Head>
@@ -20,7 +25,7 @@ const Home: NextPage = () => {
raise the chances one hundred octillion. raise the chances one hundred octillion.
</p> </p>
<div className="flex flex-col items-center"> <div className="flex flex-col items-center">
<div className="text-zinc-400 mb-4 text-base text-center"> <div className="text-zinc-500 dark:text-zinc-400 mb-4 text-base text-center">
<p className="!mt-0"> <p className="!mt-0">
Hover to see part of the loop. <br/> Hover to see part of the loop. <br/>
Click to hide boxes outside the loop and see more of the loop. Click to hide boxes outside the loop and see more of the loop.
@@ -71,9 +76,9 @@ const Home: NextPage = () => {
Due to an interesting mathematical quirk of some (assumed) properties of the game, Due to an interesting mathematical quirk of some (assumed) properties of the game,
the boxes have an interesting structure to their existence. the boxes have an interesting structure to their existence.
</div> </div>
<div className="pt-4 pb-2"> <div className="pt-8 pb-14 sm:pb-0 md:pb-14">
<NoSSR> <NoSSR>
<BoxLoop count={5}/> <BoxLoop count={boxCount}/>
</NoSSR> </NoSSR>
</div> </div>
<p> <p>

View File

@@ -1110,7 +1110,7 @@ fs.realpath@^1.0.0:
resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f" resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw== integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
fsevents@~2.3.2: fsevents@^2.3.2, fsevents@~2.3.2:
version "2.3.2" version "2.3.2"
resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a" resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA== integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
@@ -1612,6 +1612,13 @@ next@13.0.2:
"@next/swc-win32-ia32-msvc" "13.0.2" "@next/swc-win32-ia32-msvc" "13.0.2"
"@next/swc-win32-x64-msvc" "13.0.2" "@next/swc-win32-x64-msvc" "13.0.2"
nextjs-google-analytics@^2.2.2:
version "2.2.2"
resolved "https://registry.yarnpkg.com/nextjs-google-analytics/-/nextjs-google-analytics-2.2.2.tgz#5f634960c19933c8515f1da310d170418710b83f"
integrity sha512-PfA5QZCV+tsCEHG6AE3UXHY8fpHguN+l8t81GztdVW1EtX6UCfu8/rb/X/E+D3oFMY0P3YFQzouSgdm1OhWFiA==
optionalDependencies:
fsevents "^2.3.2"
node-releases@^2.0.6: node-releases@^2.0.6:
version "2.0.8" version "2.0.8"
resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.8.tgz#0f349cdc8fcfa39a92ac0be9bc48b7706292b9ae" resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.8.tgz#0f349cdc8fcfa39a92ac0be9bc48b7706292b9ae"