]> OzVa Git service - chester/commitdiff
Added details tag stay open
authorMax Value <greenwoodw50@gmail.com>
Tue, 7 Apr 2026 11:13:39 +0000 (12:13 +0100)
committerMax Value <greenwoodw50@gmail.com>
Tue, 7 Apr 2026 11:13:39 +0000 (12:13 +0100)
commercial/groke/index.html
commercial/le-blanc-fine-art/index.html
commercial/live-music/index.html
commercial/on-set/index.html
personal/cotton-town/index.html
personal/memorabilia/index.html
personal/photojournalism/index.html
personal/riders/index.html
script.js

index 2ab97ff378c9c1c73d683719b9bfb19098f950ec..60a5dc786fb59fffdb47e2ee7adc3e70476a88f1 100644 (file)
@@ -26,7 +26,7 @@
                                        </details>
                                </li>
                                <li>
-                                       <details>
+                                       <details open="true">
                                                <summary>Commercial</summary>
                                                <ul>
                                                        <li><a href="/commercial/groke/">GROKE</a></li>
index bd602b222109ed598dc6d7056cc9c0c106242141..d05af75e7162c4e5c975674de4c988bac26e9b98 100644 (file)
@@ -26,7 +26,7 @@
                                        </details>
                                </li>
                                <li>
-                                       <details>
+                                       <details open="true">
                                                <summary>Commercial</summary>
                                                <ul>
                                                        <li><a href="/commercial/groke/">GROKE</a></li>
index ce14316ad00691a424f6bcf5c0ac48be1af5efa0..53367919b12f5b5006345c34efa0663a1cf51e58 100644 (file)
@@ -26,7 +26,7 @@
                                        </details>
                                </li>
                                <li>
-                                       <details>
+                                       <details open="true">
                                                <summary>Commercial</summary>
                                                <ul>
                                                        <li><a href="/commercial/groke/">GROKE</a></li>
index 0e2b467bd70a3bbad72b3d445f72904d88c47314..30382569e558d4670f7172d4aee7313635ffb88b 100644 (file)
@@ -26,7 +26,7 @@
                                        </details>
                                </li>
                                <li>
-                                       <details>
+                                       <details open="true">
                                                <summary>Commercial</summary>
                                                <ul>
                                                        <li><a href="/commercial/groke/">GROKE</a></li>
index e9839fe1e3b20a6ef77434bdb32a17d5d4bf2833..5c916fed956ac84fdf6ea03650d7a79e62b68e30 100644 (file)
@@ -15,7 +15,7 @@
                        <h1><a href="/">Chester Robert Jones</a></h1>
                        <ul>
                                <li>
-                                       <details>
+                                       <details open="true">
                                                <summary>Personal</summary>
                                                <ul>
                                                        <li><a href="/personal/riders/">Riders</a></li>
index 50d6b481c3935b2905e064b63a4cc6f50b2e6325..031b6bb30aa8c8472f1f683e11f1e2196e18b7ee 100644 (file)
@@ -15,7 +15,7 @@
                        <h1><a href="/">Chester Robert Jones</a></h1>
                        <ul>
                                <li>
-                                       <details>
+                                       <details open="true">
                                                <summary>Personal</summary>
                                                <ul>
                                                        <li><a href="/personal/riders/">Riders</a></li>
index a910d98846aaf4ef9fdaf6b4fb14e765866fd5fc..63af4d1d572e8d3da219e58bac197952fd31330f 100644 (file)
@@ -15,7 +15,7 @@
                        <h1><a href="/">Chester Robert Jones</a></h1>
                        <ul>
                                <li>
-                                       <details>
+                                       <details open="true">
                                                <summary>Personal</summary>
                                                <ul>
                                                        <li><a href="/personal/riders/">Riders</a></li>
index 02e59a6b26fe67fcc17df522fd1c6de47bd644f8..3903929a71c6c0bc49e5b4a5b4c17c62231d8e5d 100644 (file)
@@ -13,7 +13,7 @@
                        <h1><a href="/">Chester Robert Jones</a></h1>
                        <ul>
                                <li>
-                                       <details>
+                                       <details open="true">
                                                <summary>Personal</summary>
                                                <ul>
                                                        <li><a href="/personal/riders/">Riders</a></li>
index 83d5f39510d9e3c83d5c5ae998c21530f43624da..7f219b7d84853723f36a7bf16565e6285764f4c2 100644 (file)
--- a/script.js
+++ b/script.js
@@ -4,17 +4,21 @@ function setup () {
        for (element of elements) {
                let parent = element.parentNode;
 
+               parent.dataset.open = parent.open;
                parent.open = true;
-               parent.dataset.open = false;
 
                let closedHeight = element.offsetHeight;
                let openHeight = parent.offsetHeight;
 
-               parent.style.height = `${closedHeight}px`;
+               if (parent.dataset.open === "true") {
+                       parent.style.height = `${openHeight}px`;
+               } else {
+                       parent.style.height = `${closedHeight}px`;
+               }
+
                parent.style.overflow = "hidden";
 
                element.addEventListener('click', function(e) {
-                       console.log("details");
                        e.preventDefault();
                        let parent = e.target.parentNode;
 
@@ -167,6 +171,7 @@ function setup () {
                <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>
+               <li>Added keeping the drop-downs open when clicking on a subheading</li>
        </ul>
        <p>Still todo:</p>
        <ul>
@@ -174,7 +179,12 @@ function setup () {
                <li>Mobile view</li>
                <li>Dark mode???</li>
                <li>Annotated images</li>
+               <li>Look into image scaling mechanic</li>
                <li>Possibly closed captions on audio</li>
+               <li>Move text from inside the slideshows to below the slideshows</li>
+               <li>CV Start lower down the page</li>
+               <li>Slideshow larger when alone on a page</li>
+               <li>About me text bigger</li>
        </ul>
 </details>`;