Update image page because why doesn't this work like i want it to?

Author: mrmrs

src/templates/docs/floats/index.html

@@ -94,7 +94,7 @@ <h3 class="f5 book pt4 caps">Float None</h3>
         <h3 class="f5 book pt4 caps">Float With Images</h3>
         <p class="f3">Originally floats were used to wrap text around images as in the example below.</p>
         <div class="cf">
-          <img src="/img/example-1.jpg" class="fl w4 mr3" alt="example 1">
+          <img src="http://tachyons.io/img/example-1.jpg" class="fl w4 mr3" alt="example 1">
           <p class="measure mt0">
             Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
             tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At

src/templates/docs/images/index.html

@@ -28,13 +28,13 @@ <h3 class="f5 book pt4 caps">Image</h3>
         <p class="measure lh-copy f5 f4-ns">
           This photo is more than 3000 pixels wide. The width is set to 100% to ensure it doesn't bleed off the viewport and always fills its container. In some situations, this will make the image stretch to be larger than its actual width. To avoid the image stretching past its width, set max-width instead.
         </p>
-        <code class="f6 db mv3">&lt;img src="/img/over-canvas.jpg" class="w-100" alt="night sky over land"&gt;</code>
-        <img src="/img/over-canvas.jpg" class="w-100" alt="night sky over land">
+        <code class="f6 db mv3">&lt;img src="http://tachyons.io/img/over-canvas.jpg" class="w-100" alt="night sky over land"&gt;</code>
+        <img src="http://tachyons.io/img/over-canvas.jpg" class="w-100" alt="night sky over land">
         <p class="f5 f4-ns lh-copy measure mt4">
           The image below is 720 pixels wide, it will fill its container until the container is wider than 720 pixels.
         </p>
-        <code class="f6 db mv3">&lt;img src="/img/under-canvas.jpg" class="mw-100" alt="night sky over water"&gt;</code>
-        <img src="/img/under-canvas.jpg" class="db mw-100" alt="night sky over water">
+        <code class="f6 db mv3">&lt;img src="http://tachyons.io/img/under-canvas.jpg" class="mw-100" alt="night sky over water"&gt;</code>
+        <img src="http://tachyons.io/img/under-canvas.jpg" class="db mw-100" alt="night sky over water">
         <div class="mt5 cf">
           <div class="dib mr4">
             <h4 class="f6 fw6">Previous</h4>

src/templates/docs/opacity/index.html

@@ -35,47 +35,47 @@ <h4 class="f6 mt4">Opacity scale</h4>
         <section class="cf">
           <div class="fl w-100 w-33-l pt4">
             <code class="f6 db mv3">&lt;img src="#" class="o-90"&gt;</code>
-            <img src="/img/under-canvas.jpg" class="w-100 o-90">
+            <img src="http://tachyons.io/img/under-canvas.jpg" class="w-100 o-90">
           </div>
           <div class="fl w-100 w-33-l pt4">
             <code class="f6 db mv3">&lt;img src="#" class="o-80"&gt;</code>
-            <img src="/img/under-canvas.jpg" class="w-100 o-80">
+            <img src="http://tachyons.io/img/under-canvas.jpg" class="w-100 o-80">
           </div>
           <div class="fl w-100 w-33-l pt4">
             <code class="f6 db mv3">&lt;img src="#" class="o-70"&gt;</code>
-            <img src="/img/under-canvas.jpg" class="w-100 o-70">
+            <img src="http://tachyons.io/img/under-canvas.jpg" class="w-100 o-70">
           </div>
           <div class="fl w-100 w-33-l pt4">
             <code class="f6 db mv3">&lt;img src="#" class="o-60"&gt;</code>
-            <img src="/img/under-canvas.jpg" class="w-100 o-60">
+            <img src="http://tachyons.io/img/under-canvas.jpg" class="w-100 o-60">
           </div>
           <div class="fl w-100 w-33-l pt4">
             <code class="f6 db mv3">&lt;img src="#" class="o-50"&gt;</code>
-            <img src="/img/under-canvas.jpg" class="w-100 o-50">
+            <img src="http://tachyons.io/img/under-canvas.jpg" class="w-100 o-50">
           </div>
           <div class="fl w-100 w-33-l pt4">
             <code class="f6 db mv3">&lt;img src="#" class="o-40"&gt;</code>
-            <img src="/img/under-canvas.jpg" class="w-100 o-40">
+            <img src="http://tachyons.io/img/under-canvas.jpg" class="w-100 o-40">
           </div>
           <div class="fl w-100 w-33-l pt4">
             <code class="f6 db mv3">&lt;img src="#" class="o-30"&gt;</code>
-            <img src="/img/under-canvas.jpg" class="w-100 o-30">
+            <img src="http://tachyons.io/img/under-canvas.jpg" class="w-100 o-30">
           </div>
           <div class="fl w-100 w-33-l pt4">
             <code class="f6 db mv3">&lt;img src="#" class="o-20"&gt;</code>
-            <img src="/img/under-canvas.jpg" class="w-100 o-20">
+            <img src="http://tachyons.io/img/under-canvas.jpg" class="w-100 o-20">
           </div>
           <div class="fl w-100 w-33-l pt4">
             <code class="f6 db mv3">&lt;img src="#" class="o-10"&gt;</code>
-            <img src="/img/under-canvas.jpg" class="w-100 o-10">
+            <img src="http://tachyons.io/img/under-canvas.jpg" class="w-100 o-10">
           </div>
           <div class="fl w-100 w-50-l pt4">
             <code class="f6 db mv3">&lt;img src="#" class="o-05"&gt;</code>
-            <img src="/img/under-canvas.jpg" class="w-100 o-05">
+            <img src="http://tachyons.io/img/under-canvas.jpg" class="w-100 o-05">
           </div>
           <div class="fl w-100 w-50-l pt4">
             <code class="f6 db mv3">&lt;img src="#" class="w-100 o-025"&gt;</code>
-            <img src="/img/under-canvas.jpg" class="w-100 o-025">
+            <img src="http://tachyons.io/img/under-canvas.jpg" class="w-100 o-025">
           </div>
         </section>
         <div class="mt5 cf">