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",
"chance": "^1.1.9",
"next": "13.0.2",
"nextjs-google-analytics": "^2.2.2",
"react": "18.2.0",
"react-dom": "18.2.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 Page from "@/components/Page";
import BoxLoop from "@/components/BoxLoop";
import {useBreakpointValue} from "@/utils/helpers";
import {GoogleAnalytics} from "nextjs-google-analytics";
const Home: NextPage = () => {
const boxCount = useBreakpointValue("md", 5, 3);
return (
<>
<Head>
<GoogleAnalytics trackPageViews/>
<title>100prisoners.com</title>
<link rel="icon" href="/favicon.ico"/>
</Head>
@@ -20,7 +25,7 @@ const Home: NextPage = () => {
raise the chances one hundred octillion.
</p>
<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">
Hover to see part of the loop. <br/>
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,
the boxes have an interesting structure to their existence.
</div>
<div className="pt-4 pb-2">
<div className="pt-8 pb-14 sm:pb-0 md:pb-14">
<NoSSR>
<BoxLoop count={5}/>
<BoxLoop count={boxCount}/>
</NoSSR>
</div>
<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"
integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
fsevents@~2.3.2:
fsevents@^2.3.2, fsevents@~2.3.2:
version "2.3.2"
resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
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-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:
version "2.0.8"
resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.8.tgz#0f349cdc8fcfa39a92ac0be9bc48b7706292b9ae"