Final commit before rewrite

diff --git a/about/index.html b/about/index.html
index 0abfd04e0c79c49b61a0ae792d854d9c2b349c77..5160aa2b82bd110ae6782c904bff2e819d6191bb 100644 (file)
--- a/about/index.html
+++ b/about/index.html
@@ -19,7 +19,7 @@
                                                <img src="/media/arrow-white.svg" />
                                        </li>
                                        <li>
-                                               <details>
+                                               <details data-lines="4">
                                                        <summary>Personal</summary>
                                                        <ul>
                                                                <li><a href="/personal/riders/">Riders</a></li>
@@ -30,7 +30,7 @@
                                                </details>
                                        </li>
                                        <li>
-                                               <details>
+                                               <details data-lines="4">
                                                        <summary>Commercial</summary>
                                                        <ul>
                                                                <li><a href="/commercial/groke/">GROKE</a></li>

diff --git a/commercial/groke/index.html b/commercial/groke/index.html
index e841e24b912296d77f9731d7debffdfded81307f..80a8675edbb1fe154e13e5f0207037f0c4268904 100644 (file)
--- a/commercial/groke/index.html
+++ b/commercial/groke/index.html
@@ -19,7 +19,7 @@
                                                <img src="/media/arrow-white.svg" />
                                        </li>
                                        <li>
-                                               <details>
+                                               <details data-lines="4">
                                                        <summary>Personal</summary>
                                                        <ul>
                                                                <li><a href="/personal/riders/">Riders</a></li>
@@ -30,7 +30,7 @@
                                                </details>
                                        </li>
                                        <li>
-                                               <details open="true">
+                                               <details data-lines="4" open="true">
                                                        <summary>Commercial</summary>
                                                        <ul>
                                                                <li><a href="/commercial/groke/">GROKE</a></li>
@@ -53,64 +53,63 @@
                        </div>
                </nav>
                <main>
-                       <div class="slideshow full"><img
-                                       src="/media/photos_3840/groke1.jpg" />
+                       <div class="slideshow full">
                                <img
-                                       src="/media/photos_3840/groke2.jpg" />
+                                       src="/media/photos_3840/groke21.jpg" />
                                <img
-                                       src="/media/photos_3840/groke3.jpg" />
+                                       src="/media/photos_3840/groke13.jpg" />
                                <img
-                                       src="/media/photos_3840/groke4.jpg" />
+                                       src="/media/photos_3840/groke6.jpg" />
                                <img
-                                       src="/media/photos_3840/groke5.jpg" />
+                                       src="/media/photos_3840/groke24.jpg" />
                                <img
-                                       src="/media/photos_3840/groke6.jpg" />
+                                       src="/media/photos_3840/groke23.jpg" />
                                <img
-                                       src="/media/photos_3840/groke7.jpg" />
+                                       src="/media/photos_3840/groke14.jpg" />
                                <img
-                                       src="/media/photos_3840/groke8.jpg" />
+                                       src="/media/photos_3840/groke20.jpg" />
                                <img
-                                       src="/media/photos_3840/groke9.jpg" />
+                                       src="/media/photos_3840/groke25.jpg" />
                                <img
-                                       src="/media/photos_3840/groke10.jpg" />
+                                       src="/media/photos_3840/groke28.jpg" />
                                <img
-                                       src="/media/photos_3840/groke11.jpg" />
+                                       src="/media/photos_3840/groke3.jpg" />
                                <img
-                                       src="/media/photos_3840/groke12.jpg" />
+                                       src="/media/photos_3840/groke19.jpg" />
                                <img
-                                       src="/media/photos_3840/groke13.jpg" />
+                                       src="/media/photos_3840/groke17.jpg" />
                                <img
-                                       src="/media/photos_3840/groke14.jpg" />
+                                       src="/media/photos_3840/groke27.jpg" />
                                <img
-                                       src="/media/photos_3840/groke15.jpg" />
+                                       src="/media/photos_3840/groke2.jpg" />
                                <img
-                                       src="/media/photos_3840/groke16.jpg" />
+                                       src="/media/photos_3840/groke7.jpg" />
                                <img
-                                       src="/media/photos_3840/groke17.jpg" />
+                                       src="/media/photos_3840/groke15.jpg" />
                                <img
-                                       src="/media/photos_3840/groke18.jpg" />
+                                       src="/media/photos_3840/groke11.jpg" />
                                <img
-                                       src="/media/photos_3840/groke19.jpg" />
+                                       src="/media/photos_3840/groke10.jpg" />
                                <img
-                                       src="/media/photos_3840/groke20.jpg" />
+                                       src="/media/photos_3840/groke26.jpg" />
                                <img
-                                       src="/media/photos_3840/groke21.jpg" />
+                                       src="/media/photos_3840/groke1.jpg" />
                                <img
-                                       src="/media/photos_3840/groke22.jpg" />
+                                       src="/media/photos_3840/groke16.jpg" />
                                <img
-                                       src="/media/photos_3840/groke23.jpg" />
+                                       src="/media/photos_3840/groke18.jpg" />
                                <img
-                                       src="/media/photos_3840/groke24.jpg" />
+                                       src="/media/photos_3840/groke12.jpg" />
                                <img
-                                       src="/media/photos_3840/groke25.jpg" />
+                                       src="/media/photos_3840/groke29.jpg" />
                                <img
-                                       src="/media/photos_3840/groke26.jpg" />
+                                       src="/media/photos_3840/groke8.jpg" />
                                <img
-                                       src="/media/photos_3840/groke27.jpg" />
+                                       src="/media/photos_3840/groke5.jpg" />
                                <img
-                                       src="/media/photos_3840/groke28.jpg" />
+                                       src="/media/photos_3840/groke4.jpg" />
                                <img
-                                       src="/media/photos_3840/groke29.jpg" />
+                                       src="/media/photos_3840/groke9.jpg" />
                        </div>
                </main>
        </body>

diff --git a/commercial/le-blanc-fine-art/index.html b/commercial/le-blanc-fine-art/index.html
index 54d7b45c0aa596887f95a448e8ec39cb2456f6ed..fd4325617dd26ab8359e19b040a8b925f3475071 100644 (file)
--- a/commercial/le-blanc-fine-art/index.html
+++ b/commercial/le-blanc-fine-art/index.html
@@ -19,7 +19,7 @@
                                                <img src="/media/arrow-white.svg" />
                                        </li>
                                        <li>
-                                               <details>
+                                               <details data-lines="4">
                                                        <summary>Personal</summary>
                                                        <ul>
                                                                <li><a href="/personal/riders/">Riders</a></li>
@@ -30,7 +30,7 @@
                                                </details>
                                        </li>
                                        <li>
-                                               <details open="true">
+                                               <details data-lines="4" open="true">
                                                        <summary>Commercial</summary>
                                                        <ul>
                                                                <li><a href="/commercial/groke/">GROKE</a></li>

diff --git a/commercial/live-music/index.html b/commercial/live-music/index.html
index e8357bc4943c937139c4a41bf1dc95ec6df9b4d0..91fc216c23514b9194f26ac46b59a280eef65577 100644 (file)
--- a/commercial/live-music/index.html
+++ b/commercial/live-music/index.html
@@ -19,7 +19,7 @@
                                                <img src="/media/arrow-white.svg" />
                                        </li>
                                        <li>
-                                               <details>
+                                               <details data-lines="4">
                                                        <summary>Personal</summary>
                                                        <ul>
                                                                <li><a href="/personal/riders/">Riders</a></li>
@@ -30,7 +30,7 @@
                                                </details>
                                        </li>
                                        <li>
-                                               <details open="true">
+                                               <details data-lines="4" open="true">
                                                        <summary>Commercial</summary>
                                                        <ul>
                                                                <li><a href="/commercial/groke/">GROKE</a></li>
@@ -54,32 +54,6 @@
                </nav>
                <main>
                        <div class="slideshow full">
-                               <img
-                                       src="/media/photos_3840/live-music1.jpg" />
-                               <img
-                                       src="/media/photos_3840/live-music2.jpg" />
-                               <img
-                                       src="/media/photos_3840/live-music3.jpg" />
-                               <img
-                                       src="/media/photos_3840/live-music4.jpg" />
-                               <img
-                                       src="/media/photos_3840/live-music5.jpg" />
-                               <img
-                                       src="/media/photos_3840/live-music6.jpg" />
-                               <img
-                                       src="/media/photos_3840/live-music7.jpg" />
-                               <img
-                                       src="/media/photos_3840/live-music8.jpg" />
-                               <img
-                                       src="/media/photos_3840/live-music9.jpg" />
-                               <img
-                                       src="/media/photos_3840/live-music10.jpg" />
-                               <img
-                                       src="/media/photos_3840/live-music11.jpg" />
-                               <img
-                                       src="/media/photos_3840/live-music12.jpg" />
-                               <img
-                                       src="/media/photos_3840/live-music13.jpg" />
                                <img
                                        src="/media/photos_3840/live-music14.jpg" />
                                <img
@@ -120,6 +94,32 @@
                                        src="/media/photos_3840/live-music32.jpg" />
                                <img
                                        src="/media/photos_3840/live-music33.jpg" />
+                               <img
+                                       src="/media/photos_3840/live-music1.jpg" />
+                               <img
+                                       src="/media/photos_3840/live-music2.jpg" />
+                               <img
+                                       src="/media/photos_3840/live-music3.jpg" />
+                               <img
+                                       src="/media/photos_3840/live-music4.jpg" />
+                               <img
+                                       src="/media/photos_3840/live-music5.jpg" />
+                               <img
+                                       src="/media/photos_3840/live-music6.jpg" />
+                               <img
+                                       src="/media/photos_3840/live-music7.jpg" />
+                               <img
+                                       src="/media/photos_3840/live-music8.jpg" />
+                               <img
+                                       src="/media/photos_3840/live-music9.jpg" />
+                               <img
+                                       src="/media/photos_3840/live-music10.jpg" />
+                               <img
+                                       src="/media/photos_3840/live-music11.jpg" />
+                               <img
+                                       src="/media/photos_3840/live-music12.jpg" />
+                               <img
+                                       src="/media/photos_3840/live-music13.jpg" />
                        </div>
                </main>
        </body>

diff --git a/commercial/on-set/index.html b/commercial/on-set/index.html
index 66dfc7498829ce2a95cf74246c0aba9ce817ad5c..be60acd7cb70957fa689dc8df0fc311752b168a0 100644 (file)
--- a/commercial/on-set/index.html
+++ b/commercial/on-set/index.html
@@ -19,7 +19,7 @@
                                                <img src="/media/arrow-white.svg" />
                                        </li>
                                        <li>
-                                               <details>
+                                               <details data-lines="4">
                                                        <summary>Personal</summary>
                                                        <ul>
                                                                <li><a href="/personal/riders/">Riders</a></li>
@@ -30,7 +30,7 @@
                                                </details>
                                        </li>
                                        <li>
-                                               <details open="true">
+                                               <details data-lines="4" open="true">
                                                        <summary>Commercial</summary>
                                                        <ul>
                                                                <li><a href="/commercial/groke/">GROKE</a></li>

diff --git a/contacts/index.html b/contacts/index.html
index 010af74fb265ac0bd5b478ac8989550c0678b281..576ca8d4263f06a88b275ba16b04dcbeb40b2675 100644 (file)
--- a/contacts/index.html
+++ b/contacts/index.html
@@ -19,7 +19,7 @@
                                                <img src="/media/arrow-white.svg" />
                                        </li>
                                        <li>
-                                               <details>
+                                               <details data-lines="4">
                                                        <summary>Personal</summary>
                                                        <ul>
                                                                <li><a href="/personal/riders/">Riders</a></li>
@@ -30,7 +30,7 @@
                                                </details>
                                        </li>
                                        <li>
-                                               <details>
+                                               <details data-lines="4">
                                                        <summary>Commercial</summary>
                                                        <ul>
                                                                <li><a href="/commercial/groke/">GROKE</a></li>

diff --git a/cv/index.html b/cv/index.html
index 10e9d7f4c6b06234156e0810c5d0a9d911c42516..92636abdb8ec6b685e901d74f1c3b02d5d6077a6 100644 (file)
--- a/cv/index.html
+++ b/cv/index.html
@@ -18,7 +18,7 @@
                                                <img src="/media/arrow-white.svg" />
                                        </li>
                                        <li>
-                                               <details>
+                                               <details data-lines="4">
                                                        <summary>Personal</summary>
                                                        <ul>
                                                                <li><a href="/personal/riders/">Riders</a></li>
@@ -29,7 +29,7 @@
                                                </details>
                                        </li>
                                        <li>
-                                               <details>
+                                               <details data-lines="4">
                                                        <summary>Commercial</summary>
                                                        <ul>
                                                                <li><a href="/commercial/groke/">GROKE</a></li>

diff --git a/index.html b/index.html
index c10812b39d411e46fd03b1907003ba1b5235e008..61aa1f9890a8f2baf825ca89a663e07575200ca1 100644 (file)
--- a/index.html
+++ b/index.html
@@ -19,7 +19,7 @@
                                                <img src="/media/arrow-white.svg" />
                                        </li>
                                        <li>
-                                               <details>
+                                               <details data-lines="4">
                                                        <summary>Personal</summary>
                                                        <ul>
                                                                <li><a href="/personal/riders/">Riders</a></li>
@@ -30,7 +30,7 @@
                                                </details>
                                        </li>
                                        <li>
-                                               <details>
+                                               <details data-lines="4">
                                                        <summary>Commercial</summary>
                                                        <ul>
                                                                <li><a href="/commercial/groke/">GROKE</a></li>
@@ -55,27 +55,36 @@
                <main>
                        <div class="slideshow full">
                                <img
-                                       src="/media/photos_3840/le-blanc-fine-art1.jpg" />
+                                       src="/media/photos_3840/riders-haseen.jpg" />
+                               <img
+                                       src="/media/photos_3840/riders-edited2.jpg" />
+                               <img
+                                       src="/media/photos_3840/cotton-town2.jpg" />
+                               <img
+                                       src="/media/photos_3840/cotton-town4.jpg" />
                                <img
-                                       src="/media/photos_3840/le-blanc-fine-art2.jpg" />
+                                       src="/media/photos_3840/photojournalism17.jpg" />
                                <img
-                                       src="/media/photos_3840/le-blanc-fine-art3.jpg" />
+                                       src="/media/photos_3840/photojournalism16.jpg" />
                                <img
-                                       src="/media/photos_3840/le-blanc-fine-art4.jpg" />
+                                       src="/media/photos_3840/groke3.jpg" />
                                <img
-                                       src="/media/photos_3840/le-blanc-fine-art5.jpg" />
+                                       src="/media/photos_3840/live-music19.jpg" />
                                <img
-                                       src="/media/photos_3840/le-blanc-fine-art6.jpg" />
+                                       src="/media/photos_3840/live-music32.jpg" />
                                <img
                                        src="/media/photos_3840/le-blanc-fine-art7.jpg" />
                                <img
-                                       src="/media/photos_3840/le-blanc-fine-art8.jpg" />
+                                       src="/media/photos_3840/le-blanc-fine-art1.jpg" />
+                               <img
+                                       src="/media/photos_3840/on-set8.jpg" />
                                <img
-                                       src="/media/photos_3840/le-blanc-fine-art9.jpg" />
+                                       src="/media/photos_3840/on-set14.jpg" />
                                <img
-                                       src="/media/photos_3840/le-blanc-fine-art10.jpg" />
+                                       src="/media/photos_3840/groke21.jpg" />
+
                                <img
-                                       src="/media/photos_3840/le-blanc-fine-art11.jpg" />
+                                       src="/media/photos_3840/groke13.jpg" />
                        </div>
 
                </main>

diff --git a/media/photos/photojournalism1.jpg b/media/photos/photojournalism1.jpg
index f034707ce7513f156153a1fa96e289df9b2b1eea..8e15947f9843b764c935b7b7bab502f4b348fc76 100644 (file)
Binary files a/media/photos/photojournalism1.jpg and b/media/photos/photojournalism1.jpg differ

diff --git a/media/photos/photojournalism10.jpg b/media/photos/photojournalism10.jpg
new file mode 100644 (file)
index 0000000..cd6cb9d
Binary files /dev/null and b/media/photos/photojournalism10.jpg differ

diff --git a/media/photos/photojournalism11.jpg b/media/photos/photojournalism11.jpg
new file mode 100644 (file)
index 0000000..afbd70e
Binary files /dev/null and b/media/photos/photojournalism11.jpg differ

diff --git a/media/photos/photojournalism12.jpg b/media/photos/photojournalism12.jpg
new file mode 100644 (file)
index 0000000..bfdef4c
Binary files /dev/null and b/media/photos/photojournalism12.jpg differ

diff --git a/media/photos/photojournalism13.jpg b/media/photos/photojournalism13.jpg
new file mode 100644 (file)
index 0000000..caf8dfb
Binary files /dev/null and b/media/photos/photojournalism13.jpg differ

diff --git a/media/photos/photojournalism14.jpg b/media/photos/photojournalism14.jpg
new file mode 100644 (file)
index 0000000..f034707
Binary files /dev/null and b/media/photos/photojournalism14.jpg differ

diff --git a/media/photos/photojournalism15.jpg b/media/photos/photojournalism15.jpg
new file mode 100644 (file)
index 0000000..39ff1e4
Binary files /dev/null and b/media/photos/photojournalism15.jpg differ

diff --git a/media/photos/photojournalism16.jpg b/media/photos/photojournalism16.jpg
new file mode 100644 (file)
index 0000000..318437e
Binary files /dev/null and b/media/photos/photojournalism16.jpg differ

diff --git a/media/photos/photojournalism17.jpg b/media/photos/photojournalism17.jpg
new file mode 100644 (file)
index 0000000..2d95592
Binary files /dev/null and b/media/photos/photojournalism17.jpg differ

diff --git a/media/photos/photojournalism18.jpg b/media/photos/photojournalism18.jpg
new file mode 100644 (file)
index 0000000..1a67c41
Binary files /dev/null and b/media/photos/photojournalism18.jpg differ

diff --git a/media/photos/photojournalism19.jpg b/media/photos/photojournalism19.jpg
new file mode 100644 (file)
index 0000000..2dbf48a
Binary files /dev/null and b/media/photos/photojournalism19.jpg differ

diff --git a/media/photos/photojournalism2.jpg b/media/photos/photojournalism2.jpg
index 39ff1e44767ccf9b3c5f0ea439e2b6b8529be624..47978da458d98e6a8c65e336c5480032680097ef 100644 (file)
Binary files a/media/photos/photojournalism2.jpg and b/media/photos/photojournalism2.jpg differ

diff --git a/media/photos/photojournalism20.jpg b/media/photos/photojournalism20.jpg
new file mode 100644 (file)
index 0000000..cca30a5
Binary files /dev/null and b/media/photos/photojournalism20.jpg differ

diff --git a/media/photos/photojournalism21.jpg b/media/photos/photojournalism21.jpg
new file mode 100644 (file)
index 0000000..9c180e1
Binary files /dev/null and b/media/photos/photojournalism21.jpg differ

diff --git a/media/photos/photojournalism3.jpg b/media/photos/photojournalism3.jpg
index 318437e095c12a8ad0841ac6a809233c64171ece..db3f6b99919af73222eeb47e31ebb3ddda55f2e3 100644 (file)
Binary files a/media/photos/photojournalism3.jpg and b/media/photos/photojournalism3.jpg differ

diff --git a/media/photos/photojournalism4.jpg b/media/photos/photojournalism4.jpg
index 2d95592efcf630d25557657a1f6a975dd03a81a6..c69eb6b853dfe363ca78972eb0259874687b0a03 100644 (file)
Binary files a/media/photos/photojournalism4.jpg and b/media/photos/photojournalism4.jpg differ

diff --git a/media/photos/photojournalism5.jpg b/media/photos/photojournalism5.jpg
index 1a67c41bd1428a3375b23b09bc57ca65f6415aea..7a5e702926ef565f47cc9990a26aae0d7eb89a3e 100644 (file)
Binary files a/media/photos/photojournalism5.jpg and b/media/photos/photojournalism5.jpg differ

diff --git a/media/photos/photojournalism6.jpg b/media/photos/photojournalism6.jpg
index 2dbf48a8bb43778913d08ce21ddf93ae14139990..5c26cfef05215162ba8227041e7f8d220dc02409 100644 (file)
Binary files a/media/photos/photojournalism6.jpg and b/media/photos/photojournalism6.jpg differ

diff --git a/media/photos/photojournalism7.jpg b/media/photos/photojournalism7.jpg
index cca30a5b04e5b573089a3cd1b6525bbe768cd813..e0e653d8c073196edeb22fb407631a57f6e3deda 100644 (file)
Binary files a/media/photos/photojournalism7.jpg and b/media/photos/photojournalism7.jpg differ

diff --git a/media/photos/photojournalism8.jpg b/media/photos/photojournalism8.jpg
index 9c180e1eac0694445405f547e3c6b1b2dbbb2441..30f372a00bb5a35ed0ad2587edb45c36496a065b 100644 (file)
Binary files a/media/photos/photojournalism8.jpg and b/media/photos/photojournalism8.jpg differ

diff --git a/media/photos/photojournalism9.jpg b/media/photos/photojournalism9.jpg
new file mode 100644 (file)
index 0000000..3247119
Binary files /dev/null and b/media/photos/photojournalism9.jpg differ

diff --git a/personal/cotton-town/index.html b/personal/cotton-town/index.html
index b487bf463bfcf22c562e617f61805a7dadfb6265..2c195915d95e4920f0590490bebb52fb3be9dbc3 100644 (file)
--- a/personal/cotton-town/index.html
+++ b/personal/cotton-town/index.html
@@ -19,7 +19,7 @@
                                                <img src="/media/arrow-white.svg" />
                                        </li>
                                        <li>
-                                               <details open="true">
+                                               <details data-lines="4" open="true">
                                                        <summary>Personal</summary>
                                                        <ul>
                                                                <li><a href="/personal/riders/">Riders</a></li>
@@ -30,7 +30,7 @@
                                                </details>
                                        </li>
                                        <li>
-                                               <details>
+                                               <details data-lines="4">
                                                        <summary>Commercial</summary>
                                                        <ul>
                                                                <li><a href="/commercial/groke/">GROKE</a></li>

diff --git a/personal/memorabilia/index.html b/personal/memorabilia/index.html
index 230ec2621e916979ce6376f5f44d669f78ac302f..1ba04209b83ee0cb4f7f3b0bb55822828573ac00 100644 (file)
--- a/personal/memorabilia/index.html
+++ b/personal/memorabilia/index.html
@@ -19,7 +19,7 @@
                                                <img src="/media/arrow-white.svg" />
                                        </li>
                                        <li>
-                                               <details open="true">
+                                               <details data-lines="4" open="true">
                                                        <summary>Personal</summary>
                                                        <ul>
                                                                <li><a href="/personal/riders/">Riders</a></li>
@@ -30,7 +30,7 @@
                                                </details>
                                        </li>
                                        <li>
-                                               <details>
+                                               <details data-lines="4">
                                                        <summary>Commercial</summary>
                                                        <ul>
                                                                <li><a href="/commercial/groke/">GROKE</a></li>
@@ -62,17 +62,17 @@
                <main>
                        <div class="slideshow full">
                                <img
-                                       src="/media/photos_3840/zine1.png" />
+                                       src="/media/photos_3840/zine6.png" />
                                <img
-                                       src="/media/photos_3840/zine2.png" />
+                                       src="/media/photos_3840/zine4.png" />
                                <img
                                        src="/media/photos_3840/zine3.png" />
                                <img
-                                       src="/media/photos_3840/zine4.png" />
+                                       src="/media/photos_3840/zine2.png" />
                                <img
-                                       src="/media/photos_3840/zine5.png" />
+                                       src="/media/photos_3840/zine1.png" />
                                <img
-                                       src="/media/photos_3840/zine6.png" />
+                                       src="/media/photos_3840/zine5.png" />
                        </div>
                </main>
        </body>

diff --git a/personal/photojournalism/index.html b/personal/photojournalism/index.html
index f08aae1bbed7c602e5bfee3b6408da23b19118f8..7e7109037ec2ec445c22050543afb0242699bf7f 100644 (file)
--- a/personal/photojournalism/index.html
+++ b/personal/photojournalism/index.html
@@ -19,7 +19,7 @@
                                                <img src="/media/arrow-white.svg" />
                                        </li>
                                        <li>
-                                               <details open="true">
+                                               <details data-lines="4" open="true">
                                                        <summary>Personal</summary>
                                                        <ul>
                                                                <li><a href="/personal/riders/">Riders</a></li>
@@ -30,7 +30,7 @@
                                                </details>
                                        </li>
                                        <li>
-                                               <details>
+                                               <details data-lines="4">
                                                        <summary>Commercial</summary>
                                                        <ul>
                                                                <li><a href="/commercial/groke/">GROKE</a></li>
@@ -55,21 +55,51 @@
                <main>
                        <div class="slideshow full">
                                <img
-                                       src="/media/photos_3840/photojournalism1.jpg" />
-                               <img
-                                       src="/media/photos_3840/photojournalism2.jpg" />
+                                       src="/media/photos_3840/photojournalism4.jpg" />
                                <img
                                        src="/media/photos_3840/photojournalism3.jpg" />
-                               <img
-                                       src="/media/photos_3840/photojournalism4.jpg" />
                                <img
                                        src="/media/photos_3840/photojournalism5.jpg" />
+                               <img
+                                       src="/media/photos_3840/photojournalism7.jpg" />
+                               <img
+                                       src="/media/photos_3840/photojournalism8.jpg" />
+                               <img
+                                       src="/media/photos_3840/photojournalism1.jpg" />
+                               <img
+                                       src="/media/photos_3840/photojournalism2.jpg" />
                                <img
                                        src="/media/photos_3840/photojournalism6.jpg" />
                                <img
                                        src="/media/photos_3840/photojournalism7.jpg" />
                                <img
                                        src="/media/photos_3840/photojournalism8.jpg" />
+                               <img
+                                       src="/media/photos_3840/photojournalism9.jpg" />
+                               <img
+                                       src="/media/photos_3840/photojournalism10.jpg" />
+                               <img
+                                       src="/media/photos_3840/photojournalism11.jpg" />
+                               <img
+                                       src="/media/photos_3840/photojournalism12.jpg" />
+                               <img
+                                       src="/media/photos_3840/photojournalism13.jpg" />
+                               <img
+                                       src="/media/photos_3840/photojournalism14.jpg" />
+                               <img
+                                       src="/media/photos_3840/photojournalism15.jpg" />
+                               <img
+                                       src="/media/photos_3840/photojournalism16.jpg" />
+                               <img
+                                       src="/media/photos_3840/photojournalism17.jpg" />
+                               <img
+                                       src="/media/photos_3840/photojournalism18.jpg" />
+                               <img
+                                       src="/media/photos_3840/photojournalism19.jpg" />
+                               <img
+                                       src="/media/photos_3840/photojournalism20.jpg" />
+                               <img
+                                       src="/media/photos_3840/photojournalism21.jpg" />
                        </div>
                </main>
        </body>

diff --git a/personal/riders/index.html b/personal/riders/index.html
index 1f4af46e27fa39c225cd502f7c85a3db50a0cd15..c80a62057006b09970d0568b9337c756e530781b 100644 (file)
--- a/personal/riders/index.html
+++ b/personal/riders/index.html
@@ -17,7 +17,7 @@
                                                <img src="/media/arrow-white.svg" />
                                        </li>
                                        <li>
-                                               <details open="true">
+                                               <details data-lines="4" open="true">
                                                        <summary>Personal</summary>
                                                        <ul>
                                                                <li><a href="/personal/riders/">Riders</a></li>
@@ -28,7 +28,7 @@
                                                </details>
                                        </li>
                                        <li>
-                                               <details>
+                                               <details data-lines="4">
                                                        <summary>Commercial</summary>
                                                        <ul>
                                                                <li><a href="/commercial/groke/">GROKE</a></li>

diff --git a/script.js b/script.js
index 49a97b1a7c982a6a9a558e477ca7bcaed091dfc7..219af3b646d89655660f7a863d17cc017db8f167 100644 (file)
--- a/script.js
+++ b/script.js
@@ -1,5 +1,10 @@
 function setup () {
        // setup the details elements
+       let b = 1;
+       if(window.innerHeight > window.innerWidth){
+               console.log("portrait");
+               b = 1.5;
+       }
        const elements = document.querySelectorAll("nav details summary");
        for (element of elements) {
                let parent = element.parentNode;
@@ -7,13 +12,12 @@ function setup () {
                parent.dataset.open = parent.open;
                parent.open = true;
 
-               let closedHeight = element.offsetHeight;
-               let openHeight = parent.offsetHeight;
+               let l = parent.dataset.lines;
 
                if (parent.dataset.open === "true") {
-                       parent.style.height = `${openHeight}px`;
+                       parent.style.height = `calc(${(Number(l)+1)*b}em + ${((Number(l)+1)*b) * 10}px)`;
                } else {
-                       parent.style.height = `${closedHeight}px`;
+                       parent.style.height = `calc(${b}em + ${b}0px)`;
                }
 
                parent.style.overflow = "hidden";
@@ -22,12 +26,14 @@ function setup () {
                        e.preventDefault();
                        let parent = e.target.parentNode;
 
+                       let l = parent.dataset.lines;
+
                        if (parent.dataset.open == "true") {
-                               parent.style.height = `${closedHeight}px`;
+                               parent.style.height = `calc(${b}em + ${b}0px)`;
                                parent.dataset.open = false;
                        }
                        else {
-                               parent.style.height = `${openHeight}px`;
+                               parent.style.height = `calc(${(Number(l)+1)*b}em + ${((Number(l)+1)*b) * 10}px)`;
                                parent.dataset.open = true;
                        }
                });
@@ -200,6 +206,7 @@ function setup () {
        });
 
        // add in the change notes chester
+/*
 
        const template = document.createElement('template');
        template.innerHTML = `<details style="
@@ -238,10 +245,14 @@ function setup () {
                <li><s>Enbolden the top-level menu</s></li>
                <li><b>Commit the slideshow switch between</b></li>
                <li><s>Text in nav bar on desktop</s></li>
+               <li><s>fix menu behaviour</s>???</li>
+               <li><s>fix mobile menu behaviour</s></li>
+               <li><b>better full slideshow behaviour</b></li>
        </ul>
 </details>`;
 
        main.parentNode.insertBefore(template.content.childNodes[0], main);
+       */
 }
 
 setup();

diff --git a/style.css b/style.css
index 4cc4e8f4c265fd70bf6aba8e51ce245bd144e0e7..197ad4396d6aa41947f3995e8fa77bce6c15e7a2 100644 (file)
--- a/style.css
+++ b/style.css
@@ -31,11 +31,12 @@ nav ul {
        list-style-type: none;
        padding-inline-start: 20px;
 }
-nav > div { margin-bottom: 50px; }
 nav > ul { padding-inline-start: 0px; }
 nav summary { list-style-type: none; }
 nav summary:hover { color: var(--darkgray); }
 
+li > details { height: calc(1em + 10px); }
+
 .menuBox > ul > li > a,
 .menuBox > ul > li > details > summary { font-weight: 600; }
 .menuBox { font-size: 1.1em; }
@@ -134,7 +135,7 @@ blockquote {
 
 .smallTitle {
        text-align: center;
-       font-weight: bold;
+       font-weight: 600;
 }
 
 /* slideshow styling */
@@ -449,13 +450,13 @@ blockquote {
                cursor: pointer;
        }
        .menuBox {
-               position: fixed;
+               position: absolute;
                top: 0; left: 0; bottom: 0; right: 0;
                display: none;
                align-items: center;
                justify-content: center;
-               font-size: 2em;
-               line-height: 2em;
+               font-size: 1.5em;
+               line-height: 1.5em;
                opacity: 0;
                z-index: 100;
 
@@ -486,5 +487,11 @@ blockquote {
 @media (orientation: landscape) {
        .scroll { overflow: scroll; }
        img:not(.menuBack > img) { cursor: zoom-in; }
+
+       main:has(> .full) {
+               overflow: hidden;
+       }
+
+       .menuBox { margin-bottom: 15em; }
 }