Small style changes

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

diff --git a/script.js b/script.js
index 61a32677dff0303e340503fa4ede398a111d46cc..83d5f39510d9e3c83d5c5ae998c21530f43624da 100644 (file)
--- 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 e14643a8fc1c0daad5ac628395042dd9acc0b6e6..00269a38ce0854f242c6f6b3da27fa15445877ae 100644 (file)
--- 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;