v0.0.12

Reviewed-on: #4

package-lock.json

@@ -1,12 +1,12 @@
 {
 	"name": "raceway",
-	"version": "0.0.11",
+	"version": "0.0.12",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "raceway",
-			"version": "0.0.11",
+			"version": "0.0.12",
 			"dependencies": {
 				"@marzzelo/windir": "^1.2.3",
 				"next": "^16.2.10",

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "raceway",
-	"version": "0.0.11",
+	"version": "0.0.12",
 	"private": true,
 	"scripts": {
 		"dev": "next dev",

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>
@@ -105,8 +110,8 @@ export default function WeatherPage() {
 			</div>
 			<span className={styles.container}>
 				<span className={styles.listContainer}>
-					<span className={styles.lists}>Automated List</span>
-					<span className={styles.lists}>Manual List</span>
+					<span className={styles.lists}>Daily ToDo Rotation</span>
+					<span className={styles.lists}>Manual ToDo List</span>
 				</span>
 
 				<span className={styles.weatherContainer}>

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 {