fix: cleanup images, spacing, and some bad contrast on subscribe section

rpearce · Feb 12, 2023 · 1277663 · 1277663
1 parent 0940bec
commit 1277663
Show file tree

Hide file tree

Showing 55 changed files with 121 additions and 37 deletions.
diff --git a/src/css/default.css b/src/css/default.css
@@ -34,6 +34,7 @@ body.light {
   --textLinkBorderColor: #287cb4;
   --textLinkColor: #287cb4;
   --textLinkHoverColor: #206592;
+  --textSubscribeLinkColor: #2676ac;
 }
 body.dark {
   --separatorColor: #424857;
@@ -58,6 +59,7 @@ body.dark {
   --textLinkBorderColor: #ffa7c4;
   --textLinkColor: rgb(255, 167, 196);
   --textLinkHoverColor: rgba(255, 167, 196, 0.75);
+  --textSubscribeLinkColor: #ffa7c4;
 }
 body {
   font-family: Verdana, Helvetica, Arial, sans-serif;
@@ -100,11 +102,12 @@ a[href].footnote-ref {
   box-shadow: none;
 }
 img {
-  display: block;
   border: 0;
-  max-width: 100%;
+  display: block;
+  height: auto;
   margin-left: auto;
   margin-right: auto;
+  max-width: 100%;
 }
 figcaption {
   font-size: 0.813rem;
@@ -163,6 +166,9 @@ figcaption {
 .subscribe__input:focus {
   border-color: var(--inputBorderColorFocus);
 }
+a[href].subscribe__link {
+  color: var(--textSubscribeLinkColor);
+}
 .subscribe__submit {
   -webkit-appearance: none;
   -moz-appearance: none;

diff --git a/src/images/colorado.jpg b/src/images/colorado.jpg
diff --git a/src/images/edinburgh.jpg b/src/images/edinburgh.jpg
diff --git a/src/images/florence-hill-lookout.jpg b/src/images/florence-hill-lookout.jpg
diff --git a/src/images/from_afar.jpg b/src/images/from_afar.jpg
diff --git a/src/images/glenorchy-lagoon.jpg b/src/images/glenorchy-lagoon.jpg
diff --git a/src/images/guitar-pedals.jpg b/src/images/guitar-pedals.jpg
diff --git a/src/images/hokitika-gorge.jpg b/src/images/hokitika-gorge.jpg
diff --git a/src/images/kohi-point-lookout-ohope-nz.jpg b/src/images/kohi-point-lookout-ohope-nz.jpg
diff --git a/src/images/lake-wanaka.jpg b/src/images/lake-wanaka.jpg
diff --git a/src/images/london-fitbit.jpg b/src/images/london-fitbit.jpg
diff --git a/src/images/london-fitbit.webp b/src/images/london-fitbit.webp
diff --git a/src/images/london-rain.jpg b/src/images/london-rain.jpg
diff --git a/src/images/mangawhai-heads.jpg b/src/images/mangawhai-heads.jpg
diff --git a/src/images/morris-island.jpg b/src/images/morris-island.jpg
diff --git a/src/images/mount-cook.jpg b/src/images/mount-cook.jpg
diff --git a/src/images/mtn.jpeg b/src/images/mtn.jpeg
diff --git a/src/images/near-milford-sound.jpg b/src/images/near-milford-sound.jpg
diff --git a/src/images/ohope-beach.jpg b/src/images/ohope-beach.jpg
diff --git a/src/images/papaya-farm.jpg b/src/images/papaya-farm.jpg
diff --git a/src/images/paper-plane.jpg b/src/images/paper-plane.jpg
diff --git a/src/images/path.jpg b/src/images/path.jpg
diff --git a/src/images/phone-table.jpg b/src/images/phone-table.jpg
diff --git a/src/images/piha.jpg b/src/images/piha.jpg
diff --git a/src/images/primrose_hill.jpg b/src/images/primrose_hill.jpg
diff --git a/src/images/queenstown-wharf.jpg b/src/images/queenstown-wharf.jpg
diff --git a/src/images/rain-window.jpg b/src/images/rain-window.jpg
diff --git a/src/images/rcfc-guitar-pedals.webp b/src/images/rcfc-guitar-pedals.webp
diff --git a/src/images/sheep-cliffs.jpg b/src/images/sheep-cliffs.jpg
diff --git a/src/images/sheep-countryside.jpg b/src/images/sheep-countryside.jpg
diff --git a/src/images/sheep-hill-building.jpg b/src/images/sheep-hill-building.jpg
diff --git a/src/images/shepherd-flock.jpg b/src/images/shepherd-flock.jpg
diff --git a/src/images/stop-saying-sh-morris-island.webp b/src/images/stop-saying-sh-morris-island.webp
diff --git a/src/images/sunrise.jpg b/src/images/sunrise.jpg
diff --git a/src/images/te-mata-hills.jpg b/src/images/te-mata-hills.jpg
diff --git a/src/images/te-mata-peak.jpg b/src/images/te-mata-peak.jpg
diff --git a/src/images/tongariro.jpg b/src/images/tongariro.jpg
diff --git a/src/images/waiheke-stony-batter.jpg b/src/images/waiheke-stony-batter.jpg
diff --git a/src/images/waimarama-beach.jpg b/src/images/waimarama-beach.jpg
diff --git a/src/images/waterfall.jpg b/src/images/waterfall.jpg
diff --git a/src/images/wellington.jpg b/src/images/wellington.jpg
diff --git a/src/index.html b/src/index.html
@@ -13,7 +13,7 @@
         decoding="async"
         height="100"
         loading="lazy"
-        src="/images/robert-london.webp"
+        src="./images/robert-london.webp"
         width="100"
       />
       <h1 class="author__name">Robert Pearce</h1>
@@ -38,7 +38,7 @@ <h2 class="reviews__header">Recommendations</h2>
             decoding="async"
             height="75"
             loading="lazy"
-            src="/images/review-marty.webp"
+            src="./images/review-marty.webp"
             width="75"
           />
           <small><a href="https://www.linkedin.com/in/martybauer">Marty B.</a></small>
@@ -58,7 +58,7 @@ <h2 class="reviews__header">Recommendations</h2>
             loading="lazy"
             class="review__authorImg"
             height="75"
-            src="/images/review-nik.webp"
+            src="./images/review-nik.webp"
             width="75"
           />
           <small><a href="https://www.linkedin.com/in/nibuesq">Nik B.</a></small>
@@ -77,7 +77,7 @@ <h2 class="reviews__header">Recommendations</h2>
             decoding="async"
             loading="lazy"
             height="75"
-            src="/images/review-sam.webp"
+            src="./images/review-sam.webp"
             width="75"
            />
           <small><a href="https://www.linkedin.com/in/augusteverymonth">Sam A.</a></small>

diff --git a/src/posts/2014-09-01-moving-to-london.md b/src/posts/2014-09-01-moving-to-london.md
@@ -12,8 +12,9 @@ updated: "2023-02-04T13:00:00Z"
 <img
   alt="Willow tree near water in London"
   decoding="async"
-  src="/images/london-tree.webp"
-  height="300"
+  src="./images/london-tree.webp"
+  width="680"
+  height="510"
 />
 
 There were no external driving factors behind this decision; no significant
@@ -74,9 +75,10 @@ on a run and get lost._ Here is my fitbit from that day:
 <img
   alt="My first day in London fitbit data"
   decoding="async"
-  height="532"
+  height="710"
   loading="lazy"
-  src="/images/london-fitbit.jpg"
+  src="./images/london-fitbit.webp"
+  width="400"
 />
 
 You could say I got lost. I like to think I was &quot;exploring.&quot;

diff --git a/src/posts/2014-09-11-berlin.md b/src/posts/2014-09-11-berlin.md
@@ -34,15 +34,17 @@ clean studio apartment with a balcony near the _Uhlandstraße_ train station.
   decoding="async"
   height="450"
   loading="lazy"
-  src="/images/berlin-uhlandstrasse-apt.webp"
+  src="./images/berlin-uhlandstrasse-apt.webp"
+  width="600"
 />
 
 <img
   alt="Looking over a balcony down to a city street"
   decoding="async"
   height="800"
   loading="lazy"
-  src="/images/berlin-uhlandstrasse-balcony.webp"
+  src="./images/berlin-uhlandstrasse-balcony.webp"
+  width="600"
 />
 
 Given Marty was no stranger to the area, my first night consisted of a walking
@@ -67,7 +69,8 @@ was happy to be surrounded by so many passionate players in the mobility game.
   decoding="async"
   height="400"
   loading="lazy"
-  src="/images/berlin-marty-till-robert.webp"
+  src="./images/berlin-marty-till-robert.webp"
+  width="600"
 />
 
 After the conference, the attendees of the conference were allowed to drive
@@ -88,7 +91,8 @@ company at the restaurant in the heart of Tiergarten.
   decoding="async"
   height="450"
   loading="lazy"
-  src="/images/berlin-tiergarten-water.webp"
+  src="./images/berlin-tiergarten-water.webp"
+  width="600"
 />
 
 German beer plus a late night equals a very late start the following morning!
@@ -112,7 +116,8 @@ were guests, but I suppose they were simply too busy.
   decoding="async"
   height="450"
   loading="lazy"
-  src="/images/berlin-startup-bootcamp.webp"
+  src="./images/berlin-startup-bootcamp.webp"
+  width="600"
 />
 
 The remainder of our day carried us all over Berlin. We consulted Google Maps
@@ -129,23 +134,26 @@ Below are a few images from the day &amp; night.
   decoding="async"
   height="800"
   loading="lazy"
-  src="/images/berlin-the-wall.webp"
+  src="./images/berlin-the-wall.webp"
+  width="600"
 />
 
 <img
   alt="Nazi-Poland history outdoor exhibit"
   decoding="async"
   height="450"
   loading="lazy"
-  src="/images/berlin-nazi-poland-history.webp"
+  src="./images/berlin-nazi-poland-history.webp"
+  width="600"
 />
 
 <img
   alt="Me with schnitzel in the Dicke Wirtin restaurant"
   decoding="async"
   height="800"
   loading="lazy"
-  src="/images/berlin-dicke-wirtin.webp"
+  src="./images/berlin-dicke-wirtin.webp"
+  width="600"
 />
 
 My time in Berlin was an odd mix of the new with the antiquated; the shiny with

diff --git a/src/posts/2014-09-23-chief.md b/src/posts/2014-09-23-chief.md
@@ -10,8 +10,9 @@ updated: "2023-02-04T18:00:00Z"
 <img
   alt="Old golden retriever lying in the back seat of a car"
   decoding="async"
-  height="282"
-  src="/images/chief.webp"
+  height="376"
+  src="./images/chief.webp"
+  width="800"
 />
 
 Tonight, I lost a dear friend.

diff --git a/src/posts/2014-09-29-exercising-in-transit.md b/src/posts/2014-09-29-exercising-in-transit.md
@@ -26,7 +26,8 @@ but this is the only one of which I know.
   decoding="async"
   height="450"
   loading="lazy"
-  src="/images/exercising-outdoor-gym.webp"
+  src="./images/exercising-outdoor-gym.webp"
+  width="600"
 />
 
 The gyms sport everything from pullup &amp; parallel bars to vertical presses to

diff --git a/src/posts/2015-03-03-life-in-denver.md b/src/posts/2015-03-03-life-in-denver.md
@@ -71,7 +71,8 @@ have wall-mounted unicorn decor:
   decoding="async"
   height="533"
   loading="lazy"
-  src="/images/life-in-co-unicorn.webp"
+  src="./images/life-in-co-unicorn.webp"
+  width="400"
 />
 
 There are heaps of unique and delicious coffee shops to work from, as well. My
@@ -88,23 +89,26 @@ and ripe for adventure. I'll let the pictures speak for themselves.
   decoding="async"
   height="667"
   loading="lazy"
-  src="/images/life-in-co-breck-tippy-top.webp"
+  src="./images/life-in-co-breck-tippy-top.webp"
+  width="500"
 />
 
 <img
   alt="USA flag with me next to it at the top of a mountain in Breckenridge, CO"
   decoding="async"
   height="667"
   loading="lazy"
-  src="/images/life-in-co-breck-america.webp"
+  src="./images/life-in-co-breck-america.webp"
+  width="500"
 />
 
 <img
   alt="View over the edge down a treeless skip slope"
   decoding="async"
   height="375"
   loading="lazy"
-  src="/images/life-in-co-breck-edge.webp"
+  src="./images/life-in-co-breck-edge.webp"
+  width="500"
 />
 
 ## Wrap up

diff --git a/src/posts/2015-03-23-stop-saying-silicon-harbor.md b/src/posts/2015-03-23-stop-saying-silicon-harbor.md
@@ -4,6 +4,7 @@ authorTwitter: "@RobertWPearce"
 desc: "Charleston, SC techpreneurs need to stop saying Silicon Harbor."
 keywords: "silicon harbor, charleston, charlestontech, charleston tech, south carolina tech"
 title: "Stop Saying Silicon Harbor"
+updated: "2023-02-12T18:00:00Z"
 ---
 
 Ever since [Nate DaPore](https://twitter.com/natedapore) allegedly coined the
@@ -17,6 +18,15 @@ If Charleston tech companies would like to move forward and be taken seriously
 by other cities and players in this game, they need to stop emulating and start
 innovating. This begins with a proper name.
 
+<img
+  alt="Sandy path with Morris Island lighthouse and ocean in the background"
+  decoding="async"
+  height="393"
+  loading="lazy"
+  src="./images/stop-saying-sh-morris-island.webp"
+  width="600"
+/>
+
 "Silicon Valley," the name that was copied and applied to Charleston as "Silicon
 Harbor," got its nickname from the concentration of companies who specialized in
 making semiconductors and other computer-related products in the southern part

diff --git a/src/posts/2015-09-26-long-distance-movie-night.md b/src/posts/2015-09-26-long-distance-movie-night.md
@@ -12,6 +12,7 @@ updated: "2023-02-04T18:00:00Z"
   decoding="async"
   height="300"
   src="/images/movie-night-cary-grant.webp"
+  width="615"
 />
 
 In a long-distance relationship? I currently am, and it sucks, but that will

diff --git a/src/posts/2018-01-26-ramda-chops-function-composition.md b/src/posts/2018-01-26-ramda-chops-function-composition.md
@@ -4,6 +4,7 @@ authorTwitter: "@RobertWPearce"
 desc: "Learn about function composition with ramda's compose function."
 keywords: "ramda, ramda.js, ramdajs, ramda tutorial, ramda compose, function composition, ramda fp"
 title: "Ramda Chops: Function Composition"
+updated: "2023-02-12T18:00:00Z"
 ---
 
 _Thanks to [@evilsoft](https://twitter.com/evilsoft) and
@@ -196,7 +197,14 @@ break our functions or function compositions out into tiny little pieces that we
 chain together like water pipes or guitar pedals.
 
 <figure>
-  <img src="/images/guitar-pedals.jpg" alt="guitar pedals" />
+  <img
+    alt="Guitar pedals lined up side-by-side"
+    decoding="async"
+    height="800"
+    loading="lazy"
+    src="./images/rcfc-guitar-pedals.webp"
+    width="600"
+  />
   <figcaption>
     _Guitar pedals by [Henrik Hjortshøj](https://unsplash.com/@hfranke)_
   </figcaption>