Merge pull request #23 from alanmmckay/general_edits

main <- general_edits

writings/bench/index.php

@@ -25,9 +25,9 @@
                     <!--section class='info'--->
                         <br>
                         <hr>
-                        <a href='../../images/bench02.jpg' target="_blank" rel="noopener noreferrer">
+                        <a href='./images/bench02.webp' target="_blank" rel="noopener noreferrer">
                             <figure>
-                                <img src='../../images/bench02-edited.jpg' alt="A desolate bench within a wintery courtyard">
+                                <img src='./images/bench02-edited.webp' alt="A desolate bench within a wintery courtyard">
                             </figure>
                             <figcaption>
                                 The bench lightly dusted with snow circa winter 2019-2020
@@ -77,9 +77,9 @@
                         Another 30 minutes and we stepped away. What ensued was a night of good music, good drink, and good company.
                     </p>
                     <hr>
-                    <a href='../../images/bench03.jpg' target="_blank" rel="noopener noreferrer">
+                    <a href='./images/bench03.webp' target="_blank" rel="noopener noreferrer">
                         <figure>
-                            <img src='../../images/bench03-edited.jpg' alt="Two gentlemen on the bench within the foreground looking back at a third.">
+                            <img src='./images/bench03-edited.webp' alt="Two gentlemen on the bench within the foreground looking back at a third.">
                             <figcaption>
                                 Shane and Scott both giving an inquisitive glance back towards Clayton.
                             </figcaption>
@@ -106,9 +106,9 @@
                         I would like to think so.
                     </p>
                     <hr>
-                    <a href='../../images/bench01.jpg' target="_blank" rel="noopener noreferrer">
+                    <a href='./images/bench01.webp' target="_blank" rel="noopener noreferrer">
                         <figure>
-                            <img src='../../images/bench01-edited.jpg' alt="A snowbank partially obscures three lads sitting on a bench">
+                            <img src='./images/bench01-edited.webp' alt="A snowbank partially obscures three lads sitting on a bench">
                             <figcaption>
                                 The lads enjoying the wintery air from the bench.
                             </figcaption>

writings/describe/index.php

@@ -45,9 +45,9 @@
                     </p>
                     <br>
                     <hr>
-                    <a href='../../images/mike-black-elk.jpg' target="_blank" rel="noopener noreferrer">
+                    <a href='./images/mike-black-elk.webp' target="_blank" rel="noopener noreferrer">
                         <figure>
-                            <img src='../../images/mike-black-elk.jpg' id='mike-black-elk' class='animate' alt="A man climbing the stone steps leading to a tower on top of Black Elk Peak" style='transition:object-position 4s;object-position:0 45%;' />
+                            <img src='./images/mike-black-elk.webp' id='mike-black-elk' class='animate' alt="A man climbing the stone steps leading to a tower on top of Black Elk Peak" style='transition:object-position 4s;object-position:0 45%;' />
                             <figcaption>
                                 Michael reaching the summit of Black Elk Peak.
                             </figcaption>
@@ -63,9 +63,9 @@
                     </p>
                     <br>
                     <hr>
-                    <a href='../../images/connor-grimes.jpg' target="_blank" rel="noopener noreferrer">
+                    <a href='./images/connor-grimes.webp' target="_blank" rel="noopener noreferrer">
                         <figure>
-                            <img src='../../images/connor-grimes.jpg' id='connor-grimes' class='animate' alt="A man scaling an interior rock climbing wall contained within a gymnasium." style='transition:object-position 4s;object-position:0 70%;' />
+                            <img src='./images/connor-grimes.webp' id='connor-grimes' class='animate' alt="A man scaling an interior rock climbing wall contained within a gymnasium." style='transition:object-position 4s;object-position:0 70%;' />
                             <figcaption>
                                 Connor working on a project at Climb Iowa.
                             </figcaption>
@@ -78,9 +78,9 @@
                     </p>
                     <br>
                     <hr>
-                    <a href='../../images/anon-sidecar.jpg' target="_blank" rel="noopener noreferrer">
+                    <a href='./images/anon-sidecar.webp' target="_blank" rel="noopener noreferrer">
                         <figure>
-                            <img src='../../images/anon-sidecar.jpg' id='anon-sidecar' class='animate' alt="A silhouette of a man working on a laptop sits before a wall which sunlight is casting the shadow of the window's logo which says Side Car." style='transition:object-position 4s;object-position:0 20%;' />
+                            <img src='./images/anon-sidecar.webp' id='anon-sidecar' class='animate' alt="A silhouette of a man working on a laptop sits before a wall which sunlight is casting the shadow of the window's logo which says Side Car." style='transition:object-position 4s;object-position:0 20%;' />
                             <figcaption>
                                 A stranger doing some work at Sidecar Coffee.
                             </figcaption>
@@ -111,9 +111,9 @@
                     <!--- HTML EXAMPLE! --->
                     <br>
                     <hr>
-                    <a href='../../images/clayton-bear-butte.jpg' target="_blank" rel="noopener noreferrer">
+                    <a href='./images/clayton-bear-butte.webp' target="_blank" rel="noopener noreferrer">
                         <figure>
-                            <img src='../../images/clayton-bear-butte.jpg' id='clayton-bear-butte' class='animate' alt="A man climbs a path up Bear Butte. This path is dominated by a single tree." style='transition:object-position 8s;object-position:0 0%;' />
+                            <img src='./images/clayton-bear-butte.webp' id='clayton-bear-butte' class='animate' alt="A man climbs a path up Bear Butte. This path is dominated by a single tree." style='transition:object-position 8s;object-position:0 0%;' />
                             <figcaption>
                                 Clayton hiking up Bear Butte.
                             </figcaption>

writings/elsewhere/index.php

@@ -42,9 +42,9 @@
                     </p>
                     <br>
                     <hr>
-                    <a href='../../images/black-hills-silhouette.jpg' target="_blank" rel="noopener noreferrer">
+                    <a href='./images/black-hills-silhouette.webp' target="_blank" rel="noopener noreferrer">
                         <figure>
-                            <img src='../../images/black-hills-silhouette.jpg' id='black-hills-silhouette' class='animate' alt="A silhouetted man stepping to peer through winter forest foliage." style='transition:object-position 4s;object-position:0 20%;' />
+                            <img src='./images/black-hills-silhouette.webp' id='black-hills-silhouette' class='animate' alt="A silhouetted man stepping to peer through winter forest foliage." style='transition:object-position 4s;object-position:0 20%;' />
                             <figcaption>
                                 Clayton stepping up to peer out of the forest line.
                             </figcaption>
@@ -57,9 +57,9 @@
                     </p>
                     <br>
                     <hr>
-                    <a href='../../images/black-hills-trees.jpg' target="_blank" rel="noopener noreferrer">
+                    <a href='./images/black-hills-trees.webp' target="_blank" rel="noopener noreferrer">
                         <figure>
-                            <img src='../../images/black-hills-trees.jpg' id='black-hills-trees' class='animate' alt="Frosted pine along the contour of a hill" style='transition:object-position 9s;object-position:0 0%;'/>
+                            <img src='./images/black-hills-trees.webp' id='black-hills-trees' class='animate' alt="Frosted pine along the contour of a hill" style='transition:object-position 9s;object-position:0 0%;'/>
                             <figcaption>
                                 The frosted pine following the ridgelines of the Black Hills.
                             </figcaption>
@@ -74,9 +74,9 @@
                         Back on the path, the relation of altitude and conversation is maintained. The temperature drops as this relation strengthens. The ice on the trees becomes more vivid along with the increasing jaggedness of the exposed rock in the hills.
                     </p>
                     <!--hr>
-                    <a href='../../images/black-hills-tree.jpg' target="_blank" rel="noopener noreferrer">
+                    <a href='./images/black-hills-tree.webp' target="_blank" rel="noopener noreferrer">
                         <figure>
-                            <img src='../../images/black-hills-tree.jpg' id='black-hills-tree' alt='' style='transition:object-position 9s;width:100%;height:400px;object-fit:cover;object-position:0 0%;'/>
+                            <img src='./images/black-hills-tree.webp' id='black-hills-tree' alt='' style='transition:object-position 9s;width:100%;height:400px;object-fit:cover;object-position:0 0%;'/>
                             <figcaption>
 
                             </figcaption>
@@ -91,9 +91,9 @@
                     </p>
                     <br>
                     <hr>
-                    <a href='../../images/black-hills-peak.jpg' target="_blank" rel="noopener noreferrer">
+                    <a href='./images/black-hills-peak.webp' target="_blank" rel="noopener noreferrer">
                         <figure>
-                            <img src='../../images/black-hills-peak.jpg' id='black-hills-peak' class='animate' alt="Two men face away, overlooking a summit. A sea of frosted pine flow down into the valley adjacent." style='transition:object-position 4s;object-position:0 55%;'>
+                            <img src='./images/black-hills-peak.webp' id='black-hills-peak' class='animate' alt="Two men face away, overlooking a summit. A sea of frosted pine flow down into the valley adjacent." style='transition:object-position 4s;object-position:0 55%;'>
                             <figcaption>
                                 Clayton and Michael overlooking the peak of the day's hike.
                             </figcaption>
@@ -109,9 +109,9 @@
                     </p>
                     <br>
                     <hr>
-                    <a href='../../images/black-hills-path-cropped.jpg' target="_blank" rel="noopener noreferrer">
+                    <a href='./images/black-hills-path-cropped.webp' target="_blank" rel="noopener noreferrer">
                         <figure>
-                            <img src='../../images/black-hills-path-cropped.jpg' id='black-hills-path' class='animate' alt="The silhouette of a man traversing through a pine forest." style='transition:object-position 9s;object-position:0 0%;'/>
+                            <img src='./images/black-hills-path-cropped.webp' id='black-hills-path' class='animate' alt="The silhouette of a man traversing through a pine forest." style='transition:object-position 9s;object-position:0 0%;'/>
                             <figcaption>
                                 The sharp sunlight of a setting sun emphasizes the ordinary pine in the lower altitude of the descent.
                             </figcaption>
@@ -130,9 +130,9 @@
                     </p>
                     <br>
                     <hr>
-                    <a href='../../images/black-hills-lake.jpg' target="_blank" rel="noopener noreferrer">
+                    <a href='./images/black-hills-lake.webp' target="_blank" rel="noopener noreferrer">
                         <figure>
-                            <img src='../../images/black-hills-lake.jpg' alt="A frozen lake with a ice fishing tent and a game of hockey being played upon it." />
+                            <img src='./images/black-hills-lake.webp' alt="A frozen lake with a ice fishing tent and a game of hockey being played upon it." />
                             <!--figcaption>
                                 The lake at the end of the hike.
                             </figcaption-->

writings/social/index.php

@@ -26,9 +26,9 @@
                 <article>
                     <section class='info'>
                         <br>
-                        <a href='../../images/alan.jpg' target="_blank" rel="noopener noreferrer">
+                        <a href='./images/alan.jpg' target="_blank" rel="noopener noreferrer">
                             <figure>
-                                <img src='../../images/alan-edited.jpg' alt="Alan McKay's reflection in a computer screen">
+                                <img src='./images/alan-edited.webp' alt="Alan McKay's reflection in a computer screen">
                             </figure>
                         </a>
                     </section>
@@ -48,9 +48,9 @@
                         Being someone who does a lot of cycling, backpacking, and kayaking, a lot of the pictures I took began to form a standard. A pattern began to develop observing scale and the juxtaposition of two objects in terms of how they occupy space in this world. This contrast allowed a means of introspection where I could recognize I am one of these objects. It started to help isolate the racing thoughts to the moment of time in which they occurred; like a snapshot.
                     </p>
                     <hr>
-                    <a href='../../images/val.jpg' target="_blank" rel="noopener noreferrer">
+                    <a href='./images/val.jpg' target="_blank" rel="noopener noreferrer">
                         <figure>
-                            <img src='../../images/val.jpg' alt="The silhouette of a girl amongst tiered catwalks" >
+                            <img src='./images/val.jpg' alt="The silhouette of a girl amongst tiered catwalks" >
                             <figcaption>
                                 Valarie among walkways of the Visual Arts Building
                             </figcaption>
@@ -61,9 +61,9 @@
                         As time progresses, I find myself taking less photos. This is due to a combination of a newfound of ease of mind and a tempered skill of recognizing the worthwhile moments to capture; moments which are worth getting caught up in. Photos are still taken. Each a beautiful scene. Each a front for a string of anxious thought - some underlying form of a human condition in which one should not lose sight on.
                     </p>
                     <hr>
-                    <a href='../../images/clayton.jpg' target="_blank" rel="noopener noreferrer">
+                    <a href='./images/clayton.webp' target="_blank" rel="noopener noreferrer">
                         <figure>
-                            <img src='../../images/clayton.jpg' alt="The silhouette of a man amongst tall trees on a hill">
+                            <img src='./images/clayton.webp' alt="The silhouette of a man amongst tall trees on a hill">
                             <figcaption>
                                 Clayton among the trees of the Black Hills
                             </figcaption>

writings/sound/index.php

@@ -105,9 +105,9 @@
                         Only one time before in my life had I felt so at ease; only one time before had I felt so well rested from sound.
                     </p>
                     <hr>
-                    <a href='../../images/sean.jpg' target="_blank" rel="noopener noreferrer">
+                    <a href='./images/sean.webp' target="_blank" rel="noopener noreferrer">
                         <figure>
-                            <img src='../../images/sean.jpg' alt="A man at a warmly lit bar strumming in a guitar">
+                            <img src='./images/sean.webp' alt="A man at a warmly lit bar strumming in a guitar">
                             <figcaption>
                                 Sean: both visually and aurally sound.
                             </figcaption>