Added analytics, fixed dot grid clip at end of viewport

raphaeling · Oct 25, 2023 · d028311 · d028311
1 parent 6de33b7
commit d028311
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@typescript-eslint/eslint-plugin": "^6.8.0",
+    "@vercel/analytics": "^1.1.1",
     "next": "13.5.6",
     "react": "^18",
     "react-dom": "^18",

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from 'next';
 import '../styles/globals.css';
 import { IBM_Plex_Sans as Sans, Spline_Sans_Mono as Mono } from 'next/font/google';
+import { Analytics } from '@vercel/analytics/react';
 
 const sans = Sans({
   subsets: ['latin'],
@@ -30,6 +31,7 @@ export default function RootLayout({
     <html lang='en' className={`${sans.variable} ${mono.variable}`}>
       <body className={'overflow-x-hidden text-lightest font-body w-screen h-screen'}>
         {children}
+        <Analytics />
       </body>
     </html>
   );

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -12,15 +12,19 @@
 }
 
 body {
-  /* background: rgba(23, 26, 13, 0); theme(colors.darkest); */
-  background-image: radial-gradient(rgba(70, 79, 35, 0.3) 1px, transparent 0);
+  /* background-image: radial-gradient(rgba(70, 79, 35, 0.3) 1px, transparent 0); */
+  /* background-image: radial-gradient(circle at 1px 1px, rgba(70, 79, 35, 0.3) 1px, transparent 0);
   background-size: 30px 30px;
-  background-position: -19px -19px;
+  background-position: -19px -19px; */
 }
 
 html {
-  /* background: theme(colors.darkest); */
-  background: radial-gradient(circle at 100px 350px, theme(colors.darker) 0%, theme(colors.darkest) 40%);
+  /* background-image: radial-gradient(rgba(70, 79, 35, 0.3) 1px, transparent 0);
+  background-size: 30px 30px;
+  background-position: -19px -19px; */
+  background-image: radial-gradient(circle at 1px 1px, rgba(70, 79, 35, 0.3) 1px, transparent 0), radial-gradient(circle at 100px 350px, theme(colors.darker) 0%, theme(colors.darkest) 40%);
+  background-size: 30px 30px, 100%;
+  background-position: -19px -19px, 0;
   background-attachment: fixed;
 }