migrate all media assets to s3-ish cdn

config.toml

@@ -25,8 +25,8 @@ enableGitInfo = true
     dateFormat = "02 Jan 2006, 15:04"
     goatcounterAnalytics = "gmgauthier"
     # disqus = "gmgauthier-1" # enabling this will add disqus to the bottom of all my posts automatically.
-    cdnUrl = "https://gmgauthier.us-east-1.linodeobjects.com/podcast/"
-
+    podcastCdnUrl = "https://gmgauthier.us-east-1.linodeobjects.com/podcast/"
+    blogCdnUrl = "https://gmgauthier.us-east-1.linodeobjects.com/blog/"
 [markup]
   [markup.goldmark.renderer]
   unsafe= true

content/post/the-regression-of-libertarianism.md

@@ -19,4 +19,4 @@ What they still have in common is that neither of them yet take the political pr
 
 ----
 
-{{< fluid_imgs "libertarianism|/img/libertarianism.png|Libertarianism" >}}
+{{< fluid_imgs "libertarianism|img/libertarianism.png|Libertarianism" >}}

content/post/the-world-in-1967.md

@@ -14,7 +14,7 @@ However, 1967 itself is a pretty fascinating year. Quite a bit of upheaval and c
 #### Detroit Riots
 For example, did you know that a massive race-riot occurred in Detroit, in mid-July of 1967? Here's a photo of the Michigan National Guard, patrolling a street in which all the shops are on fire. Loook familiar?
 
-{{< fluid_imgs "detroit-riots|/img/michigan-national-guardsman.jpg|Detroit Riots 1967" >}}
+{{< fluid_imgs "detroit-riots|img/michigan-national-guardsman.jpg|Detroit Riots 1967" >}}
 
 According to [the History Channel](https://www.history.com/topics/1960s/1967-detroit-riots):
 
@@ -38,19 +38,19 @@ Taking Israel first, I'm talking about the famous Six Day War. This is a war tha
 
 The second big issue is Viet Nam. It is said that 1967 was a year of "[big battles](https://www.nytimes.com/2017/01/10/opinion/1967-the-era-of-big-battles-in-vietnam.html)", "[pivots](https://www.stripes.com/special-reports/vietnam-stories/1967/)", and "[escalations](https://www.theatlantic.com/photo/2015/03/the-vietnam-war-part-i-early-years-and-escalation/389054/)". Maybe all of that is true; maybe none of it. There's so much mythology built up around this war, that its hard to say what's real or not about it, anymore. I was six years old when Nixon signed the Paris peace accords, and just shy of 8 years old when Saigon fell to the communists. Since then, the mainstream narrative has been relentless self-flaggelation and self-loathing. But the reality on the ground wasn't as monolithically shame-ridden as the media would like to think. Anti-war protests satisfy the media's own communist sympathies. So, that's what one must digest on a regular basis, if one merely skims the surface. But if you dig deep enough, you can ocassionally find evidence that Americans still thought of themselves and their country as fundamentally good, despite its flaws. Here, for example, is a photo of a pro-troop rally in Wakefield, Mass. in the fall of 1967 (right in the midst of all those anti-War protests going on at Berkely, and in New York, Boston, and Chicago):
 
-{{< fluid_imgs "pro-troop-demo|/img/pro-soldier-demo-1967.jpg|Pro-military Demonstration 1967" >}}
+{{< fluid_imgs "pro-troop-demo|img/pro-soldier-demo-1967.jpg|Pro-military Demonstration 1967" >}}
 
 #### Apollo 1 Disaster
 
 In January of 1967, three [Apollo 1 astronauts went up in flames](https://www.space.com/17338-apollo-1.html) in a launch pad test disaster: Gus Grissom, Ed White, and Roger Chaffee. It's not the Apollo disaster we're used to hearing about, because it didn't have a heroic happy ending. These guys were sealed up in the equivalent of a pork smoker, and then flash-barbecued as a result of a short-circuit. The original Apollo command module made it impossible for the men to free themselves from the capsule once it had been bolted shut from the outside pressurized. So, anything like a fire was inevitably going to instantly kill them.
 
-{{< fluid_imgs "apollo-1-astronauts|/img/Apollo_1.jpg|Grissom, White, and Chaffee" >}}
+{{< fluid_imgs "apollo-1-astronauts|img/Apollo_1.jpg|Grissom, White, and Chaffee" >}}
 
 #### World's First ATM
 
 In slightly happier news, Barclay's Bank in Enfield, England unveiled the [first ever automated cash dispensing machine](https://home.barclays/news/2017/06/from-the-archives-the-atm-is-50/) in 1967. Apparently, you had to put a radioactive check into a drawer, punch in a PIN code, and then it would dispense 1 pound notes equivalent to the value of the check. Here's what it looked like. It's a bit difficult to make out the drawers. They were flush with the middle shelf in this picture. The dude on the right is an old British comedian. He is apparently the very first person to ever use an ATM. 
 
-{{< fluid_imgs "barclays-atm|/img/atmbarclays.jpg|Barclays ATM" >}}
+{{< fluid_imgs "barclays-atm|img/atmbarclays.jpg|Barclays ATM" >}}
 
 ### And, As For Me...
 
@@ -58,21 +58,21 @@ On 9 August of that same crazy year, in a tiny near-southwestern suburb of Chica
 
 The two moved from the small flat in Blue Island to a narrow townhome about two blocks from Midway Airport when I was about six months old, in order to be closer to family. But while they were in Blue Island, they often frequented the "Turnstyle" family center to do their grocery shopping at the Jewel store there. Here's a photo of it, buried in snow from the 1967 blizzard.
 
-{{< fluid_imgs "jewel-1967|/img/jewel-turnstyle-1967.jpg|Jewel And Turnstyle In 1967" >}}
+{{< fluid_imgs "jewel-1967|img/jewel-turnstyle-1967.jpg|Jewel And Turnstyle In 1967" >}}
 
 #### Moving On...
 
 Since my birth year, there have been revolutions, assassinations, bombings, hijackings, massive technological advancements, political scandals and atrocities, the collapse of the Soviet Union, the rise of radical Islamism, the balkanization of western culture, the dissolution of the black family in America, the corporatization of virtually all aspects of economic and socia life, the destruction of art and architecture, the slow strangulation of literature, the humanities, and science, the rise of ubiquitous internet connectivity and the dominance of social media oligarchies, and of course now, nearly two straight years of mass-neurosis that has gripped nearly the entire population of the western world. Given how much of a grip our technology has on us, it's really not that surprising. In the span of my lifetime, we've gone from ooh-ing and ahhh-ing at a singular marvel of electronics, like this one...
 
-{{< fluid_imgs "japanese-video-phone-1967|/img/japanese-video-phone-1967.jpg|Japanese Video Phone, 1967" >}}
+{{< fluid_imgs "japanese-video-phone-1967|img/japanese-video-phone-1967.jpg|Japanese Video Phone, 1967" >}}
 
 ...to drooling and mumbling like mindless zombies, at these little bricks of self-affirmation:
 
-{{< fluid_imgs "phone-zombies|/img/phone-zombies.jpg|Phone Zombies" >}}
+{{< fluid_imgs "phone-zombies|img/phone-zombies.jpg|Phone Zombies" >}}
 
 What used to be the grand dream of instant effortless communication with our fellow human beings in new and different ways, has gradually twisted itself into a perverse facsimile, in which marketing professionals and mobile software engineers turn us all into Narcissus. Except that Narcissus got a better deal. He was at least enraptured by his own beauty. We, on the other hand, are happy to be hypnotized by our own ugliness. 
 
-{{< fluid_imgs "narcissus-myth|/img/narcissus.jpg|The Myth of Narcissus" >}}
+{{< fluid_imgs "narcissus-myth|img/narcissus.jpg|The Myth of Narcissus" >}}
 
 #### Closing thought...
 

layouts/_default/li.html

@@ -1,6 +1,6 @@
 <li style="list-style-type: circle;">
     {{ if isset .Params "image" }}
-    <img src="{{.Params.image}}" width="120px" height="60px" style="vertical-align: middle; padding: 1px"/>
+    <img src="{{ .Site.Params.blogCdnUrl }}{{.Params.image}}" width="120px" height="60px" style="vertical-align: middle; padding: 1px"/>
     {{end}}
     <time style="font-family: 'Courier'; font-weight: bold">{{.Date.Format "02 Jan 2006"}}</time> - <a href="{{ .Permalink }}">{{ .Title }}</a>
 </li>

layouts/_default/rss.xml

@@ -42,14 +42,17 @@
             <guid>{{ .Permalink }}</guid>
 
             {{ if isset .Params "image" }}
+            {{ $cdnUrl := .Site.Params.blogCdnUrl }}
             {{ with .Params.image }}
-            <enclosure url="https://gmgauthier.com{{ . }}" type="image/jpg"/>
+            <enclosure url="{{ $cdnUrl }}{{ . }}" type="image/jpg"/>
             {{ end }}
             {{ end }}
 
             <description>
                 {{`<![CDATA[ ` | safeHTML }}
-                {{ if isset .Params "image" }}<p><img src="https://gmgauthier.com{{ with .Params.image }}{{.}}{{ end }}"/></p>{{end}}
+                {{ if isset .Params "image" }}
+                {{ $cdnUrl := .Site.Params.blogCdnUrl }}
+                <p><img src="{{ $cdnUrl }}{{ with .Params.image }}{{.}}{{ end }}"/></p>{{end}}
                 {{ .Summary | safeHTML }}
                 ]]>
             </description>

layouts/partials/post_meta.html

@@ -16,7 +16,7 @@
 
     <div class="featured-image">
         {{ if isset .Params "image" }}
-        <figure><img src="{{ with .Params.image }}{{ . }}{{ end }}" width="98%" height="375px"
+        <figure><img src="{{ $.Site.Params.blogCdnUrl }}{{ with .Params.image }}{{ . }}{{ end }}" width="98%" height="375px"
                      style="border-color: #777777; border-width: thin; border-style: solid"/></figure>
         {{ end }}
     </div>

layouts/podcast/li.html

@@ -1,7 +1,7 @@
 <div class="row">
     <div class="micro-block">
         {{ if isset .Params "image" }}
-        <img src="{{ .Site.Params.cdnURL }}{{.Params.image}}" width="120px" height="60px" style="vertical-align: middle; padding: 1px"/>
+        <img src="{{ .Site.Params.podcastCdnURL }}{{.Params.image}}" width="120px" height="60px" style="vertical-align: middle; padding: 1px"/>
         {{end}}
     </div>
     <div class="small-block">

layouts/podcast/rss.xml

@@ -35,14 +35,14 @@
 
             {{ if isset .Params "enclosure" }}
             {{ with .Params.enclosure }}
-            <enclosure url="{{ $.Site.Params.cdnURL }}{{ . }}" type="audio/mpeg"/>
+            <enclosure url="{{ $.Site.Params.podcastCdnURL }}{{ . }}" type="audio/mpeg"/>
             {{ end }}
             {{ end }}
 
 
             <description>
                 {{`<![CDATA[ ` | safeHTML }}
-                {{ if isset .Params "image" }}<p><img src="{{ .Site.Params.cdnURL }}{{ with .Params.image }}{{.}}{{ end }}" width="600" height="338" /></p>{{end}}
+                {{ if isset .Params "image" }}<p><img src="{{ .Site.Params.podcastCdnURL }}{{ with .Params.image }}{{.}}{{ end }}" width="600" height="338" /></p>{{end}}
                 {{ .Summary | safeHTML }}
                 ]]>
             </description>

layouts/podcast/single.html

@@ -8,7 +8,7 @@
 <div class="content" style="text-align: justify-all">
     {{ if isset .Params "image" }}
     <span style="width: 100%; padding: 5px; alignment: center">
-        <img src="{{ .Site.Params.cdnURL }}{{ with .Params.image }}{{ . }}{{ end }}" width="100%" height="385px"
+        <img src="{{ .Site.Params.podcastCdnURL }}{{ with .Params.image }}{{ . }}{{ end }}" width="100%" height="385px"
              style="alignment:center; border-color: #777777; border-width: thin; border-style: solid"/>
     </span>
     {{ end }}

layouts/post/rss.xml

@@ -43,13 +43,13 @@
 
             {{ if isset .Params "image" }}
             {{ with .Params.image }}
-            <enclosure url="https://gmgauthier.com{{ . }}" type="image/jpg"/>
+            <enclosure url="{{ $.Site.Params.blogCdnUrl }}{{ . }}" type="image/jpg"/>
             {{ end }}
             {{ end }}
 
             <description>
                 {{`<![CDATA[ ` | safeHTML }}
-                {{ if isset .Params "image" }}<p><img src="https://gmgauthier.com{{ with .Params.image }}{{.}}{{ end }}"/></p>{{end}}
+                {{ if isset .Params "image" }}<p><img src="{{ $.Site.Params.blogCdnUrl }}{{ with .Params.image }}{{.}}{{ end }}"/></p>{{end}}
                 {{ .Summary | safeHTML }}
                 ]]>
             </description>

layouts/reading/li.html

@@ -1,7 +1,7 @@
 <div class="row">
     <div class="micro-block">
         {{ if isset .Params "image" }}
-        <img src="{{.Params.image}}" width="120px" height="60px" style="vertical-align: middle; padding: 1px"/>
+        <img src="{{.Site.Params.blogCdnUrl}}{{.Params.image}}" width="120px" height="60px" style="vertical-align: middle; padding: 1px"/>
         {{end}}
     </div>
     <div class="big-block">

layouts/reading/rss.xml

@@ -35,7 +35,7 @@
             <guid>{{ .Permalink }}</guid>
             <description>
                 {{`<![CDATA[ ` | safeHTML }}
-                {{ if isset .Params "image" }}<p><img src="https://gmgauthier.com{{ with .Params.image }}{{.}}{{ end }}"/></p>{{end}}
+                {{ if isset .Params "image" }}<p><img src="{{ $.Site.Params.blogCdnUrl}}{{ with .Params.image }}{{.}}{{ end }}"/></p>{{end}}
                 {{ .Summary | safeHTML }}
                 ]]>
             </description>

layouts/reading/single.html

@@ -11,7 +11,7 @@
 <div class="content" style="text-align: justify-all">
     {{ if isset .Params "image" }}
     <span style="width: 100%; padding: 5px; alignment: center">
-        <img src="{{ with .Params.image }}{{ . }}{{ end }}" width="100%" height="385px"
+        <img src="{{ $.Site.Params.blogCdnUrl }}{{ with .Params.image }}{{ . }}{{ end }}" width="100%" height="385px"
              style="alignment:center; border-color: #777777; border-width: thin; border-style: solid"/>
     </span>
     {{ end }}

layouts/shortcodes/fluid_imgs.html

@@ -11,7 +11,7 @@
     <div style="padding: 0 .2em">
       <img
         class="pure-img-responsive"
-        src="{{ index $items 1 }}"
+        src="{{ $.Site.Params.blogCdnUrl }}{{ index $items 1 }}"
         alt="{{ if ge $itemCount 3 }}{{ index $items 2 }}{{ else }}{{ "" }}{{ end }}">
     </div>
   </div>