From: Max Value <greenwoodw50@gmail.com>
Date: Tue, 24 Mar 2026 13:15:58 +0000 (+0000)
Subject: Small style changes
X-Git-Url: https://git.ozva.co.uk/?a=commitdiff_plain;h=bbc1ee8a477151152b9fa922ebdc51af2764da26;p=chester

Small style changes

+ added text indent
~ changed slideshow button colors
~ changed change notes
---

diff --git a/script.js b/script.js
index 61a3267..83d5f39 100644
--- a/script.js
+++ b/script.js
@@ -151,7 +151,6 @@ function setup () {
 	<summary>Change notes Chester</summary>
 	<p>Requests implemented from last meeting:</p>
 	<ul>
-		<li>Allow clickthrough of all images from "focus view"</li>
 		<li>Greater line height on Riders -> Acknowlagements</li>
 		<li>Click on gray area in "focus view" to de-focus</li>
 		<li>Slideshow on Riders includes all images in the page</li>
@@ -167,6 +166,15 @@ function setup () {
 		<li>Removed "Overview" page from the nav menu, now accessed by clicking your name as is common with many sites. Page is now effectively the homepage</li>
 		<li>Actual defocus on the background elements when in focus mode</li>
 		<li>Added education and experiance headings to CV.. good/bad?</li>
+		<li>Added text indent to any paragraph not following a heading. Aligns with standard style-guide</li>
+	</ul>
+	<p>Still todo:</p>
+	<ul>
+		<li>Clickthrough all images when in focus mode</li>
+		<li>Mobile view</li>
+		<li>Dark mode???</li>
+		<li>Annotated images</li>
+		<li>Possibly closed captions on audio</li>
 	</ul>
 </details>`;
 
diff --git a/style.css b/style.css
index e14643a..00269a3 100644
--- a/style.css
+++ b/style.css
@@ -1,7 +1,6 @@
 :root {
 	--darkgray: #333333;
 	--mediumgray: #555555;
-	--lightgray: #BBBBBB;
 
 	font-family: "Proxima Nova", sans-serif;
 	font-size: 0.9rem;
@@ -13,6 +12,8 @@ b {
 	font-weight: 600;
 	color: black;
 }
+p { text-indent: 1.5em; }
+h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { text-indent: 0; }
 
 /*
  * Within the nav menu:
@@ -150,11 +151,14 @@ blockquote {
 	height: 25px;
 	margin-top: 5px;
 	color: var(--darkgray);
-	background-color: var(--lightgray);
+	background-color: #DDDDDD;
 	text-align: center;
 	line-height: 25px;
 }
-.slideshow > span:hover { color: var(--mediumgray); }
+.slideshow > span:hover {
+	color: var(--mediumgray);
+	background-color: #CCCCCC;
+}
 .slideshow > span { cursor: pointer; }
 .next {
 	text-align: right;