Update some components with new image paths.

Author: Adam Morse

components/article-lists/title-preview-author-media-flipped/index.html

@@ -39,7 +39,7 @@ <h1 class="f3 athelas mt0 lh-title">Tech Giant Invests Huge Money to Build a Com
         </p>
       </div>
       <div class="pl3-ns order-1 order-2-ns mb4 mb0-ns w-100 w-40-ns">
-        <img src="http://mrmrs.io/photos/cpu.jpg" class="db" alt="Photo of a dimly lit room with a computer interface terminal.">
+        <img src="http://mrmrs.github.io/photos/cpu.jpg" class="db" alt="Photo of a dimly lit room with a computer interface terminal.">
       </div>
     </div>
     <p class="f6 lh-copy gray mv0">By <span class="ttu">Robin Darnell</span></p>
@@ -56,7 +56,7 @@ <h1 class="f3 athelas mt0 lh-title">A whale takes up residence in a large body o
         </p>
       </div>
       <div class="pl3-ns order-1 order-2-ns mb4 mb0-ns w-100 w-40-ns">
-        <img src="http://mrmrs.io/photos/whale.jpg" class="db" alt="Photo of a whale's tale coming crashing out of the water.">
+        <img src="http://mrmrs.github.io/photos/whale.jpg" class="db" alt="Photo of a whale's tale coming crashing out of the water.">
       </div>
     </div>
     <p class="f6 lh-copy gray mv0">By <span class="ttu">Katherine Grant</span></p>
@@ -75,7 +75,7 @@ <h1 class="f3 athelas mt0 lh-title">
         </p>
       </div>
       <div class="pl3-ns order-1 order-2-ns mb4 mb0-ns w-100 w-40-ns">
-        <img src="http://mrmrs.io/photos/warehouse.jpg" class="db" alt="Photo of a warehouse with stacked shelves.">
+        <img src="http://mrmrs.github.io/photos/warehouse.jpg" class="db" alt="Photo of a warehouse with stacked shelves.">
       </div>
     </div>
     <p class="f6 lh-copy gray mv0">By <span class="ttu">Imelda Clancy</span></p>
@@ -104,7 +104,7 @@ <h2 class="f5">HTML</h2>
         &lt;/p&gt;
       &lt;/div&gt;
       &lt;div class=&quot;pl3-ns order-1 order-2-ns mb4 mb0-ns w-100 w-40-ns&quot;&gt;
-        &lt;img src=&quot;http://mrmrs.io/photos/cpu.jpg&quot; class=&quot;db&quot; alt=&quot;Photo of a dimly lit room with a computer interface terminal.&quot;&gt;
+        &lt;img src=&quot;http://mrmrs.github.io/photos/cpu.jpg&quot; class=&quot;db&quot; alt=&quot;Photo of a dimly lit room with a computer interface terminal.&quot;&gt;
       &lt;/div&gt;
     &lt;/div&gt;
     &lt;p class=&quot;f6 lh-copy gray mv0&quot;&gt;By &lt;span class=&quot;ttu&quot;&gt;Robin Darnell&lt;/span&gt;&lt;/p&gt;
@@ -121,7 +121,7 @@ <h2 class="f5">HTML</h2>
         &lt;/p&gt;
       &lt;/div&gt;
       &lt;div class=&quot;pl3-ns order-1 order-2-ns mb4 mb0-ns w-100 w-40-ns&quot;&gt;
-        &lt;img src=&quot;http://mrmrs.io/photos/whale.jpg&quot; class=&quot;db&quot; alt=&quot;Photo of a whale&#39;s tale coming crashing out of the water.&quot;&gt;
+        &lt;img src=&quot;http://mrmrs.github.io/photos/whale.jpg&quot; class=&quot;db&quot; alt=&quot;Photo of a whale&#39;s tale coming crashing out of the water.&quot;&gt;
       &lt;/div&gt;
     &lt;/div&gt;
     &lt;p class=&quot;f6 lh-copy gray mv0&quot;&gt;By &lt;span class=&quot;ttu&quot;&gt;Katherine Grant&lt;/span&gt;&lt;/p&gt;
@@ -140,7 +140,7 @@ <h2 class="f5">HTML</h2>
         &lt;/p&gt;
       &lt;/div&gt;
       &lt;div class=&quot;pl3-ns order-1 order-2-ns mb4 mb0-ns w-100 w-40-ns&quot;&gt;
-        &lt;img src=&quot;http://mrmrs.io/photos/warehouse.jpg&quot; class=&quot;db&quot; alt=&quot;Photo of a warehouse with stacked shelves.&quot;&gt;
+        &lt;img src=&quot;http://mrmrs.github.io/photos/warehouse.jpg&quot; class=&quot;db&quot; alt=&quot;Photo of a warehouse with stacked shelves.&quot;&gt;
       &lt;/div&gt;
     &lt;/div&gt;
     &lt;p class=&quot;f6 lh-copy gray mv0&quot;&gt;By &lt;span class=&quot;ttu&quot;&gt;Imelda Clancy&lt;/span&gt;&lt;/p&gt;

components/article-lists/title-preview-author-media/index.html

@@ -32,7 +32,7 @@ <h2 class="baskerville fw1 ph3 ph0-l">News</h2>
     <a class="db pv4 ph3 ph0-l no-underline black dim" href="#0">
       <div class="flex flex-column flex-row-ns">
         <div class="pr3-ns mb4 mb0-ns w-100 w-40-ns">
-          <img src="http://mrmrs.io/photos/cpu.jpg" class="db" alt="Photo of a dimly lit room with a computer interface terminal.">
+          <img src="http://mrmrs.github.io/photos/cpu.jpg" class="db" alt="Photo of a dimly lit room with a computer interface terminal.">
         </div>
         <div class="w-100 w-60-ns pl3-ns">
           <h1 class="f3 fw1 baskerville mt0 lh-title">Tech Giant Invests Huge Money to Build a Computer Out of Science Fiction</h1>
@@ -50,7 +50,7 @@ <h1 class="f3 fw1 baskerville mt0 lh-title">Tech Giant Invests Huge Money to Bui
     <a class="db pv4 ph3 ph0-l no-underline black dim" href="#0">
       <div class="flex flex-column flex-row-ns">
         <div class="pr3-ns mb4 mb0-ns w-100 w-40-ns">
-          <img src="http://mrmrs.io/photos/warehouse.jpg" class="db" alt="Photo of a warehouse with stacked shelves.">
+          <img src="http://mrmrs.github.io/photos/warehouse.jpg" class="db" alt="Photo of a warehouse with stacked shelves.">
         </div>
         <div class="w-100 w-60-ns pl3-ns">
           <h1 class="f3 fw1 baskerville mt0 lh-title">Warehouse Prices Are Fast on the Rise</h1>
@@ -70,7 +70,7 @@ <h1 class="f3 fw1 baskerville mt0 lh-title">Warehouse Prices Are Fast on the Ris
     <a class="db pv4 ph3 ph0-l no-underline black dim" href="#0">
       <div class="flex flex-column flex-row-ns">
         <div class="pr3-ns mb4 mb0-ns w-100 w-40-ns">
-          <img src="http://mrmrs.io/photos/whale.jpg" class="db" alt="Photo of a whale's tale coming crashing out of the water.">
+          <img src="http://mrmrs.github.io/photos/whale.jpg" class="db" alt="Photo of a whale's tale coming crashing out of the water.">
         </div>
         <div class="w-100 w-60-ns pl3-ns">
           <h1 class="f3 fw1 baskerville mt0 lh-title">Giant Whale Invests Huge Money to Build a Computer Out of Plankton</h1>
@@ -101,7 +101,7 @@ <h2 class="f5">HTML</h2>
     &lt;a class=&quot;db pv4 ph3 ph0-l no-underline black dim&quot; href=&quot;#0&quot;&gt;
       &lt;div class=&quot;flex flex-column flex-row-ns&quot;&gt;
         &lt;div class=&quot;pr3-ns mb4 mb0-ns w-100 w-40-ns&quot;&gt;
-          &lt;img src=&quot;http://mrmrs.io/photos/cpu.jpg&quot; class=&quot;db&quot; alt=&quot;Photo of a dimly lit room with a computer interface terminal.&quot;&gt;
+          &lt;img src=&quot;http://mrmrs.github.io/photos/cpu.jpg&quot; class=&quot;db&quot; alt=&quot;Photo of a dimly lit room with a computer interface terminal.&quot;&gt;
         &lt;/div&gt;
         &lt;div class=&quot;w-100 w-60-ns pl3-ns&quot;&gt;
           &lt;h1 class=&quot;f3 fw1 baskerville mt0 lh-title&quot;&gt;Tech Giant Invests Huge Money to Build a Computer Out of Science Fiction&lt;/h1&gt;
@@ -119,7 +119,7 @@ <h2 class="f5">HTML</h2>
     &lt;a class=&quot;db pv4 ph3 ph0-l no-underline black dim&quot; href=&quot;#0&quot;&gt;
       &lt;div class=&quot;flex flex-column flex-row-ns&quot;&gt;
         &lt;div class=&quot;pr3-ns mb4 mb0-ns w-100 w-40-ns&quot;&gt;
-          &lt;img src=&quot;http://mrmrs.io/photos/warehouse.jpg&quot; class=&quot;db&quot; alt=&quot;Photo of a warehouse with stacked shelves.&quot;&gt;
+          &lt;img src=&quot;http://mrmrs.github.io/photos/warehouse.jpg&quot; class=&quot;db&quot; alt=&quot;Photo of a warehouse with stacked shelves.&quot;&gt;
         &lt;/div&gt;
         &lt;div class=&quot;w-100 w-60-ns pl3-ns&quot;&gt;
           &lt;h1 class=&quot;f3 fw1 baskerville mt0 lh-title&quot;&gt;Warehouse Prices Are Fast on the Rise&lt;/h1&gt;
@@ -139,7 +139,7 @@ <h2 class="f5">HTML</h2>
     &lt;a class=&quot;db pv4 ph3 ph0-l no-underline black dim&quot; href=&quot;#0&quot;&gt;
       &lt;div class=&quot;flex flex-column flex-row-ns&quot;&gt;
         &lt;div class=&quot;pr3-ns mb4 mb0-ns w-100 w-40-ns&quot;&gt;
-          &lt;img src=&quot;http://mrmrs.io/photos/whale.jpg&quot; class=&quot;db&quot; alt=&quot;Photo of a whale&#39;s tale coming crashing out of the water.&quot;&gt;
+          &lt;img src=&quot;http://mrmrs.github.io/photos/whale.jpg&quot; class=&quot;db&quot; alt=&quot;Photo of a whale&#39;s tale coming crashing out of the water.&quot;&gt;
         &lt;/div&gt;
         &lt;div class=&quot;w-100 w-60-ns pl3-ns&quot;&gt;
           &lt;h1 class=&quot;f3 fw1 baskerville mt0 lh-title&quot;&gt;Giant Whale Invests Huge Money to Build a Computer Out of Plankton&lt;/h1&gt;

components/articles/feature/index.html

@@ -27,7 +27,7 @@
 <main>
   <div data-name="component">
   <article class="athelas">
-  <div class="vh-100 dt w-100 tc bg-dark-gray white cover" style="background:url(http://mrmrs.io/photos/u/009.jpg) no-repeat center;">
+  <div class="vh-100 dt w-100 tc bg-dark-gray white cover" style="background:url(http://mrmrs.github.io/photos/u/009.jpg) no-repeat center;">
     <div class="dtc v-mid">
       <header class="white-70">
         <h2 class="f6 fw1 ttu tracked mb2 lh-title">Issue Six</h2>
@@ -84,7 +84,7 @@ <h2 class="f5">HTML</h2>
 <p class="f5 black-70"></p>
 <pre class="pa3 ba br2 b--black-10 h5 bg-white-20" id="html">
 &lt;article class=&quot;athelas&quot;&gt;
-  &lt;div class=&quot;vh-100 dt w-100 tc bg-dark-gray white cover&quot; style=&quot;background:url(http://mrmrs.io/photos/u/009.jpg) no-repeat center;&quot;&gt;
+  &lt;div class=&quot;vh-100 dt w-100 tc bg-dark-gray white cover&quot; style=&quot;background:url(http://mrmrs.github.io/photos/u/009.jpg) no-repeat center;&quot;&gt;
     &lt;div class=&quot;dtc v-mid&quot;&gt;
       &lt;header class=&quot;white-70&quot;&gt;
         &lt;h2 class=&quot;f6 fw1 ttu tracked mb2 lh-title&quot;&gt;Issue Six&lt;/h2&gt;

components/articles/full-bleed-background/index.html

@@ -27,7 +27,7 @@
 <main>
   <div data-name="component">
   <article data-name="article-full-bleed-background">
-  <div class="cf" style="background: url(http://mrmrs.io/photos/12.jpg) no-repeat center center fixed; background-size: cover;">
+  <div class="cf" style="background: url(http://mrmrs.github.io/photos/12.jpg) no-repeat center center fixed; background-size: cover;">
     <div class="fl pa3 pa4-ns bg-white black-70 measure-narrow f3 times">
       <header class="bb b--black-70 pv4">
         <h3 class="f2 fw7 ttu tracked lh-title mt0 mb3 avenir">Prasat Suor Prat</h3>
@@ -57,7 +57,7 @@ <h2 class="f5">HTML</h2>
 <p class="f5 black-70"></p>
 <pre class="pa3 ba br2 b--black-10 h5 bg-white-20" id="html">
 &lt;article data-name=&quot;article-full-bleed-background&quot;&gt;
-  &lt;div class=&quot;cf&quot; style=&quot;background: url(http://mrmrs.io/photos/12.jpg) no-repeat center center fixed; background-size: cover;&quot;&gt;
+  &lt;div class=&quot;cf&quot; style=&quot;background: url(http://mrmrs.github.io/photos/12.jpg) no-repeat center center fixed; background-size: cover;&quot;&gt;
     &lt;div class=&quot;fl pa3 pa4-ns bg-white black-70 measure-narrow f3 times&quot;&gt;
       &lt;header class=&quot;bb b--black-70 pv4&quot;&gt;
         &lt;h3 class=&quot;f2 fw7 ttu tracked lh-title mt0 mb3 avenir&quot;&gt;Prasat Suor Prat&lt;/h3&gt;

components/articles/photo-essay/index.html

@@ -29,7 +29,7 @@
   <article class="helvetica pb5">
   <header class="vh-100 bg-light-pink dt w-100">
     <div 
-      style="background:url(http://mrmrs.io/photos/display.jpg) no-repeat center right;background-size: cover;" 
+      style="background:url(http://mrmrs.github.io/photos/display.jpg) no-repeat center right;background-size: cover;" 
       class="dtc v-mid cover ph3 ph4-m ph5-l">
       <h1 class="f2 f-subheadline-l measure lh-title fw9">A Night Taking Photos at San Francisco’s Spooky Ruins of the Sutro Baths</h1>
       <h2 class="f6 fw6 black">A story by Nancy Drew</h2>
@@ -41,7 +41,7 @@ <h2 class="f6 fw6 black">A story by Nancy Drew</h2>
     <div class="f5 f3-m lh-copy">
       <div class="cf dt-l w-100 bt b--black-10 pv4">
         <div class="dtc-l v-mid mw6 pr3-l">
-          <img class="w-100" src="http://mrmrs.io/photos/009.jpg" alt=""/>
+          <img class="w-100" src="http://mrmrs.github.io/photos/009.jpg" alt=""/>
         </div>
         <div class="dtc-l v-mid f6 f5-m f4-l measure-l">
           <p class="measure pv4-l center">
@@ -75,16 +75,16 @@ <h2 class="f6 fw6 black">A story by Nancy Drew</h2>
       </div>
       <div class="cf">
         <div class="fl w-100 w-50-l pr2-l pb3">
-          <img class="db w-100" src="http://mrmrs.io/photos/010.jpg" alt="Photo of a dusk skyline above a grassy rockface covered in trees.">
+          <img class="db w-100" src="http://mrmrs.github.io/photos/010.jpg" alt="Photo of a dusk skyline above a grassy rockface covered in trees.">
         </div>
         <div class="fl w-50 w-50-l pr1 pr0-l pl2-l pb3">
-          <img class="db w-100" src="http://mrmrs.io/photos/011.jpg" alt="Photo of the sea and sky on the horizon with the foundations of a demolished house.">
+          <img class="db w-100" src="http://mrmrs.github.io/photos/011.jpg" alt="Photo of the sea and sky on the horizon with the foundations of a demolished house.">
         </div>
         <div class="fl w-50 w-50-l pl2 pl0-l pr2-l pb3">
-          <img class="db w-100" src="http://mrmrs.io/photos/012.jpg" alt="Photo of the sea with mist covering the rocky formations near the shore.">
+          <img class="db w-100" src="http://mrmrs.github.io/photos/012.jpg" alt="Photo of the sea with mist covering the rocky formations near the shore.">
         </div>
         <div class="fl w-100 w-50-l pl2-l">
-          <img class="db w-100" src="http://mrmrs.io/photos/013.jpg" alt="Photo of the foundations of a building on a cliff overlooking a lighthouse.">
+          <img class="db w-100" src="http://mrmrs.github.io/photos/013.jpg" alt="Photo of the foundations of a building on a cliff overlooking a lighthouse.">
         </div>
       </div>
     </div>
@@ -102,7 +102,7 @@ <h2 class="f5">HTML</h2>
 &lt;article class=&quot;helvetica pb5&quot;&gt;
   &lt;header class=&quot;vh-100 bg-light-pink dt w-100&quot;&gt;
     &lt;div 
-      style=&quot;background:url(http://mrmrs.io/photos/display.jpg) no-repeat center right;background-size: cover;&quot; 
+      style=&quot;background:url(http://mrmrs.github.io/photos/display.jpg) no-repeat center right;background-size: cover;&quot; 
       class=&quot;dtc v-mid cover ph3 ph4-m ph5-l&quot;&gt;
       &lt;h1 class=&quot;f2 f-subheadline-l measure lh-title fw9&quot;&gt;A Night Taking Photos at San Francisco’s Spooky Ruins of the Sutro Baths&lt;/h1&gt;
       &lt;h2 class=&quot;f6 fw6 black&quot;&gt;A story by Nancy Drew&lt;/h2&gt;
@@ -114,7 +114,7 @@ <h2 class="f5">HTML</h2>
     &lt;div class=&quot;f5 f3-m lh-copy&quot;&gt;
       &lt;div class=&quot;cf dt-l w-100 bt b--black-10 pv4&quot;&gt;
         &lt;div class=&quot;dtc-l v-mid mw6 pr3-l&quot;&gt;
-          &lt;img class=&quot;w-100&quot; src=&quot;http://mrmrs.io/photos/009.jpg&quot; alt=&quot;&quot;/&gt;
+          &lt;img class=&quot;w-100&quot; src=&quot;http://mrmrs.github.io/photos/009.jpg&quot; alt=&quot;&quot;/&gt;
         &lt;/div&gt;
         &lt;div class=&quot;dtc-l v-mid f6 f5-m f4-l measure-l&quot;&gt;
           &lt;p class=&quot;measure pv4-l center&quot;&gt;
@@ -148,16 +148,16 @@ <h2 class="f5">HTML</h2>
       &lt;/div&gt;
       &lt;div class=&quot;cf&quot;&gt;
         &lt;div class=&quot;fl w-100 w-50-l pr2-l pb3&quot;&gt;
-          &lt;img class=&quot;db w-100&quot; src=&quot;http://mrmrs.io/photos/010.jpg&quot; alt=&quot;Photo of a dusk skyline above a grassy rockface covered in trees.&quot;&gt;
+          &lt;img class=&quot;db w-100&quot; src=&quot;http://mrmrs.github.io/photos/010.jpg&quot; alt=&quot;Photo of a dusk skyline above a grassy rockface covered in trees.&quot;&gt;
         &lt;/div&gt;
         &lt;div class=&quot;fl w-50 w-50-l pr1 pr0-l pl2-l pb3&quot;&gt;
-          &lt;img class=&quot;db w-100&quot; src=&quot;http://mrmrs.io/photos/011.jpg&quot; alt=&quot;Photo of the sea and sky on the horizon with the foundations of a demolished house.&quot;&gt;
+          &lt;img class=&quot;db w-100&quot; src=&quot;http://mrmrs.github.io/photos/011.jpg&quot; alt=&quot;Photo of the sea and sky on the horizon with the foundations of a demolished house.&quot;&gt;
         &lt;/div&gt;
         &lt;div class=&quot;fl w-50 w-50-l pl2 pl0-l pr2-l pb3&quot;&gt;
-          &lt;img class=&quot;db w-100&quot; src=&quot;http://mrmrs.io/photos/012.jpg&quot; alt=&quot;Photo of the sea with mist covering the rocky formations near the shore.&quot;&gt;
+          &lt;img class=&quot;db w-100&quot; src=&quot;http://mrmrs.github.io/photos/012.jpg&quot; alt=&quot;Photo of the sea with mist covering the rocky formations near the shore.&quot;&gt;
         &lt;/div&gt;
         &lt;div class=&quot;fl w-100 w-50-l pl2-l&quot;&gt;
-          &lt;img class=&quot;db w-100&quot; src=&quot;http://mrmrs.io/photos/013.jpg&quot; alt=&quot;Photo of the foundations of a building on a cliff overlooking a lighthouse.&quot;&gt;
+          &lt;img class=&quot;db w-100&quot; src=&quot;http://mrmrs.github.io/photos/013.jpg&quot; alt=&quot;Photo of the foundations of a building on a cliff overlooking a lighthouse.&quot;&gt;
         &lt;/div&gt;
       &lt;/div&gt;
     &lt;/div&gt;