random

app/education/page.tsx

@@ -49,6 +49,10 @@ export default function Education() {
                                     </div>
                                 </div>
                             </div>
+
+                            <div className="flex justify-center my-4">
+                                <p className="text-lg font-bold">View my <a className="font-bold underline decoration-2 decoration-sky-500">reports</a> by clicking on the images!</p>
+                            </div>
                         </div>
                     </div>
 

app/layout.tsx

@@ -1,5 +1,6 @@
 import Navbar from "./components/Navbar"
 import Footer from "./components/Footer"
+import NextNProgress from "nextjs-progressbar"
 
 import type { Metadata } from 'next';
 // import { Inter } from 'next/font/google';
@@ -10,7 +11,7 @@ import './components.css';
 
 export const metadata: Metadata = {
 	title: "Win's Personal Website",
-	description: 'Powered by Next.js',
+	description: "A full-stack developer, high schooler, enjoyer of 60s-80s music, language nerd, an electrician, and a professional terrible-jokes-maker from Thailand.",
 };
 
 export default function RootLayout({

package-lock.json

@@ -13,6 +13,7 @@
                 "next": "14.0.3",
                 "next-page-transitions": "^1.0.0-beta.2",
                 "next-video": "^0.9.1",
+                "nextjs-progressbar": "^0.0.16",
                 "react": "^18",
                 "react-dom": "^18",
                 "react-icons": "^4.12.0",
@@ -1018,6 +1019,11 @@
                 "form-data": "^4.0.0"
             }
         },
+        "node_modules/@types/nprogress": {
+            "version": "0.2.3",
+            "resolved": "https://registry.npmjs.org/@types/nprogress/-/nprogress-0.2.3.tgz",
+            "integrity": "sha512-k7kRA033QNtC+gLc4VPlfnue58CM1iQLgn1IMAU8VPHGOj7oIHPp9UlhedEnD/Gl8evoCjwkZjlBORtZ3JByUA=="
+        },
         "node_modules/@types/prop-types": {
             "version": "15.7.11",
             "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz",
@@ -4542,6 +4548,20 @@
             "resolved": "https://registry.npmjs.org/@next/env/-/env-13.5.6.tgz",
             "integrity": "sha512-Yac/bV5sBGkkEXmAX5FWPS9Mmo2rthrOPRQQNfycJPkjUAUclomCPH7QFVCDQ4Mp2k2K1SSM6m0zrxYrOwtFQw=="
         },
+        "node_modules/nextjs-progressbar": {
+            "version": "0.0.16",
+            "resolved": "https://registry.npmjs.org/nextjs-progressbar/-/nextjs-progressbar-0.0.16.tgz",
+            "integrity": "sha512-GV0fD38EMD3vSDCmkq+tObmoup6QA91a6a9MxGuhJZuRk/9TNsrHGnIQQQ/sggkMkXuT4fBgF6jRjFwScDT3zA==",
+            "dependencies": {
+                "@types/nprogress": "^0.2.0",
+                "nprogress": "^0.2.0",
+                "prop-types": "^15.8.1"
+            },
+            "peerDependencies": {
+                "next": ">= 6.0.0",
+                "react": ">= 16.0.0"
+            }
+        },
         "node_modules/node-abi": {
             "version": "3.51.0",
             "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.51.0.tgz",
@@ -4637,6 +4657,11 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/nprogress": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz",
+            "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA=="
+        },
         "node_modules/nwsapi": {
             "version": "2.2.7",
             "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz",

package.json

@@ -14,6 +14,7 @@
         "next": "14.0.3",
         "next-page-transitions": "^1.0.0-beta.2",
         "next-video": "^0.9.1",
+        "nextjs-progressbar": "^0.0.16",
         "react": "^18",
         "react-dom": "^18",
         "react-icons": "^4.12.0",