src/app/todo/page.js

@@ -5,6 +5,8 @@ import Image from "next/image";
 import { useEffect, useState } from "react";
 import styles from "./todo.module.css";
 
+const version = require("../../../package.json").version;
+
 export default function WeatherPage() {
 	const [weather, setWeather] = useState(null);
 	const [time, setTime] = useState(new Date().toLocaleTimeString());
@@ -96,7 +98,10 @@ export default function WeatherPage() {
 			<div className={styles.todoHeader}>
 				<span className={styles.left}>
 					<span className={styles.title}>Raceway Car Wash</span>
-					<span className={styles.location}>Fox Lake</span>
+					<span className={styles.location}>
+						Fox Lake{" "}
+						<span className={styles.version}>v{version}</span>
+					</span>
 				</span>
 				<span className={styles.right}>
 					<span className={styles.time}>{time || "00:00:00 AM"}</span>

src/app/todo/todo.module.css

@@ -27,6 +27,12 @@
 	font-size: 20px;
 	letter-spacing: 2px;
 	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
+
+	.version {
+		font-size: 10pt;
+		font-weight: light;
+		color: rgba(255, 255, 255, 0.6);
+	}
 }
 
 .right {