mixed bag, sliced images e.a.

1 files changed, 537 insertions, 29 deletions

diff --git a/index.html b/index.html
index 2e44c6a..b4f9c4b 100644
--- a/index.html
+++ b/index.html
@@ -42,9 +42,31 @@ gambiarra</p>
  </div>
  
  <div>
-   <p><img src="/computerlib_dreammachine.png" alt="computerlib-dreammachine" /></p>
+   <p>You can and must understand computers NOW</p>
+
+
+/computerlib_dreammachine.png
+<div>
+  
+  <img src="/sliced_images/computerlib_dreammachine-0.png">
+  
+  <img src="/sliced_images/computerlib_dreammachine-1.png">
+  
+  <img src="/sliced_images/computerlib_dreammachine-2.png">
+  
+  <img src="/sliced_images/computerlib_dreammachine-3.png">
+  
+  <img src="/sliced_images/computerlib_dreammachine-4.png">
+  
+  <img src="/sliced_images/computerlib_dreammachine-5.png">
+  
+  <img src="/sliced_images/computerlib_dreammachine-6.png">
+  
+  <img src="/sliced_images/computerlib_dreammachine-7.png">
+  
+  <img src="/sliced_images/computerlib_dreammachine-8.png">
+</div>
 
-<p>You can and must understand computers NOW</p>
 
  </div>
  
@@ -59,21 +81,87 @@ gambiarra</p>
  </div>
  
  <div>
-   <p><img src="/criticalengineering.png" alt="critical engineering" /></p>
+   
+/criticalengineering.png
+<div>
+  
+  <img src="/sliced_images/criticalengineering-0.png">
+  
+  <img src="/sliced_images/criticalengineering-1.png">
+  
+  <img src="/sliced_images/criticalengineering-2.png">
+  
+  <img src="/sliced_images/criticalengineering-3.png">
+  
+  <img src="/sliced_images/criticalengineering-4.png">
+  
+  <img src="/sliced_images/criticalengineering-5.png">
+  
+  <img src="/sliced_images/criticalengineering-6.png">
+  
+  <img src="/sliced_images/criticalengineering-7.png">
+  
+  <img src="/sliced_images/criticalengineering-8.png">
+</div>
+
 
 <p><a href="https://criticalengineering.org">critical engineering manifesto</a></p>
 
  </div>
  
  <div>
-   <p><img src="/floating_carrot.jpg" alt="man on top of an orange vessel in the sea" /></p>
+   
+/floating_carrot.jpg
+<div>
+  
+  <img src="/sliced_images/floating_carrot-0.jpg">
+  
+  <img src="/sliced_images/floating_carrot-1.jpg">
+  
+  <img src="/sliced_images/floating_carrot-2.jpg">
+  
+  <img src="/sliced_images/floating_carrot-3.jpg">
+  
+  <img src="/sliced_images/floating_carrot-4.jpg">
+  
+  <img src="/sliced_images/floating_carrot-5.jpg">
+  
+  <img src="/sliced_images/floating_carrot-6.jpg">
+  
+  <img src="/sliced_images/floating_carrot-7.jpg">
+  
+  <img src="/sliced_images/floating_carrot-8.jpg">
+</div>
+
 
 <p>man floats accross the atlantic</p>
 
  </div>
  
  <div>
-   <p><img src="./foghorn_Leghorn.png"  class="fhri" alt=""></p>
+   
+/foghorn_Leghorn.png
+<div>
+  
+  <img src="/sliced_images/foghorn_Leghorn-0.png">
+  
+  <img src="/sliced_images/foghorn_Leghorn-1.png">
+  
+  <img src="/sliced_images/foghorn_Leghorn-2.png">
+  
+  <img src="/sliced_images/foghorn_Leghorn-3.png">
+  
+  <img src="/sliced_images/foghorn_Leghorn-4.png">
+  
+  <img src="/sliced_images/foghorn_Leghorn-5.png">
+  
+  <img src="/sliced_images/foghorn_Leghorn-6.png">
+  
+  <img src="/sliced_images/foghorn_Leghorn-7.png">
+  
+  <img src="/sliced_images/foghorn_Leghorn-8.png">
+</div>
+
 
 <p>A whistle shall be placed as high as practicable on a
 vessel in order to reduce interception of the emitted
@@ -83,7 +171,29 @@ The sound level of the vessel&rsquo;s own signal at listening
 posts shall not exceed 110 dB(A) and as far as
 practicable should not exceed 100 dB(A).</p>
 
-<p><img src="/foghorn_tyfon.png" alt="a tyfon foghorn" /></p>
+
+/foghorn_tyfon.png
+<div>
+  
+  <img src="/sliced_images/foghorn_tyfon-0.png">
+  
+  <img src="/sliced_images/foghorn_tyfon-1.png">
+  
+  <img src="/sliced_images/foghorn_tyfon-2.png">
+  
+  <img src="/sliced_images/foghorn_tyfon-3.png">
+  
+  <img src="/sliced_images/foghorn_tyfon-4.png">
+  
+  <img src="/sliced_images/foghorn_tyfon-5.png">
+  
+  <img src="/sliced_images/foghorn_tyfon-6.png">
+  
+  <img src="/sliced_images/foghorn_tyfon-7.png">
+  
+  <img src="/sliced_images/foghorn_tyfon-8.png">
+</div>
+
 
 <p>(f) A vessel at anchor shall at intervals of not more
 than one minute ring the bell rapidly for about 5
@@ -98,12 +208,56 @@ and one short blast, to give warning of
 her position and of the possibility of collision to
 an approaching vessel.</p>
 
-<p><img src="/foghorn_tyfon2.png" alt="a tyfon foghorn" /></p>
+
+/foghorn_tyfon2.png
+<div>
+  
+  <img src="/sliced_images/foghorn_tyfon2-0.png">
+  
+  <img src="/sliced_images/foghorn_tyfon2-1.png">
+  
+  <img src="/sliced_images/foghorn_tyfon2-2.png">
+  
+  <img src="/sliced_images/foghorn_tyfon2-3.png">
+  
+  <img src="/sliced_images/foghorn_tyfon2-4.png">
+  
+  <img src="/sliced_images/foghorn_tyfon2-5.png">
+  
+  <img src="/sliced_images/foghorn_tyfon2-6.png">
+  
+  <img src="/sliced_images/foghorn_tyfon2-7.png">
+  
+  <img src="/sliced_images/foghorn_tyfon2-8.png">
+</div>
+
 
 <p>(g) A vessel aground shall give the bell signal and if
 required the gong signal prescribed in paragraph</p>
 
-<p><img src="/foghorn_tyfon3.png" alt="a tyfon foghorn" /></p>
+
+/foghorn_tyfon3.png
+<div>
+  
+  <img src="/sliced_images/foghorn_tyfon3-0.png">
+  
+  <img src="/sliced_images/foghorn_tyfon3-1.png">
+  
+  <img src="/sliced_images/foghorn_tyfon3-2.png">
+  
+  <img src="/sliced_images/foghorn_tyfon3-3.png">
+  
+  <img src="/sliced_images/foghorn_tyfon3-4.png">
+  
+  <img src="/sliced_images/foghorn_tyfon3-5.png">
+  
+  <img src="/sliced_images/foghorn_tyfon3-6.png">
+  
+  <img src="/sliced_images/foghorn_tyfon3-7.png">
+  
+  <img src="/sliced_images/foghorn_tyfon3-8.png">
+</div>
+
 
 <p>(f) of this Rule and shall, in addition, give three
 separate and distinct strokes on the bell immediately
@@ -112,7 +266,29 @@ A vessel aground may in addition sound an appropriate
 whistle signal.</p>
 
 <p><div class="foghornrequiem">
-<img src="/foghorn_requiem.jpeg" alt="the foghorn requiem" /></p>
+
+/foghorn_requiem.jpeg
+<div>
+  
+  <img src="/sliced_images/foghorn_requiem-0.jpeg">
+  
+  <img src="/sliced_images/foghorn_requiem-1.jpeg">
+  
+  <img src="/sliced_images/foghorn_requiem-2.jpeg">
+  
+  <img src="/sliced_images/foghorn_requiem-3.jpeg">
+  
+  <img src="/sliced_images/foghorn_requiem-4.jpeg">
+  
+  <img src="/sliced_images/foghorn_requiem-5.jpeg">
+  
+  <img src="/sliced_images/foghorn_requiem-6.jpeg">
+  
+  <img src="/sliced_images/foghorn_requiem-7.jpeg">
+  
+  <img src="/sliced_images/foghorn_requiem-8.jpeg">
+</div>
+</p>
 
 <p><a href="http://foghornrequiem.org/">http://foghornrequiem.org/</a></p>
 </div>
@@ -126,7 +302,29 @@ plenty of DIY pvc foghorn designs online</p>
  </div>
  
  <div>
-   <p><img src="/incommon_logo.png" alt="incommon project logo" /></p>
+   
+/incommon_logo.png
+<div>
+  
+  <img src="/sliced_images/incommon_logo-0.png">
+  
+  <img src="/sliced_images/incommon_logo-1.png">
+  
+  <img src="/sliced_images/incommon_logo-2.png">
+  
+  <img src="/sliced_images/incommon_logo-3.png">
+  
+  <img src="/sliced_images/incommon_logo-4.png">
+  
+  <img src="/sliced_images/incommon_logo-5.png">
+  
+  <img src="/sliced_images/incommon_logo-6.png">
+  
+  <img src="/sliced_images/incommon_logo-7.png">
+  
+  <img src="/sliced_images/incommon_logo-8.png">
+</div>
+
 
 <p><a href="https://incommon.cc" title="Incommon.cc webpage">the incommon webpage</a></p>
 
@@ -146,31 +344,207 @@ plenty of DIY pvc foghorn designs online</p>
  <div>
    <p>jugaad</p>
 
-<p><img src="/jugaad.jpg" alt="jugaad" /></p>
+
+/jugaad.jpg
+<div>
+  
+  <img src="/sliced_images/jugaad-0.jpg">
+  
+  <img src="/sliced_images/jugaad-1.jpg">
+  
+  <img src="/sliced_images/jugaad-2.jpg">
+  
+  <img src="/sliced_images/jugaad-3.jpg">
+  
+  <img src="/sliced_images/jugaad-4.jpg">
+  
+  <img src="/sliced_images/jugaad-5.jpg">
+  
+  <img src="/sliced_images/jugaad-6.jpg">
+  
+  <img src="/sliced_images/jugaad-7.jpg">
+  
+  <img src="/sliced_images/jugaad-8.jpg">
+</div>
+
 
  </div>
  
  <div>
-   <p><img src="/knot_ashley.png" alt="a picture from ashley's book of knots" /></p>
+   
+/knot_ashley.png
+<div>
+  
+  <img src="/sliced_images/knot_ashley-0.png">
+  
+  <img src="/sliced_images/knot_ashley-1.png">
+  
+  <img src="/sliced_images/knot_ashley-2.png">
+  
+  <img src="/sliced_images/knot_ashley-3.png">
+  
+  <img src="/sliced_images/knot_ashley-4.png">
+  
+  <img src="/sliced_images/knot_ashley-5.png">
+  
+  <img src="/sliced_images/knot_ashley-6.png">
+  
+  <img src="/sliced_images/knot_ashley-7.png">
+  
+  <img src="/sliced_images/knot_ashley-8.png">
+</div>
+
 
 <p>a vessel traveling at 1 knot along a meridian travels approximately one minute of geographic latitude in one hour.</p>
 
-<p><img src="/knot_ashley2.png" alt="a picture from ashley's book of knots" /></p>
+<p>
+/knot_ashley2.png
+<div>
+  
+  <img src="/sliced_images/knot_ashley2-0.png">
+  
+  <img src="/sliced_images/knot_ashley2-1.png">
+  
+  <img src="/sliced_images/knot_ashley2-2.png">
+  
+  <img src="/sliced_images/knot_ashley2-3.png">
+  
+  <img src="/sliced_images/knot_ashley2-4.png">
+  
+  <img src="/sliced_images/knot_ashley2-5.png">
+  
+  <img src="/sliced_images/knot_ashley2-6.png">
+  
+  <img src="/sliced_images/knot_ashley2-7.png">
+  
+  <img src="/sliced_images/knot_ashley2-8.png">
+</div>
+</p>
 
 <p>&lsquo;ashley book of knots&rsquo; describes about 4000 knots, from simple hitches to “Marlinspike Seamanship”.</p>
 
-<p><img src="/knot_bowline.png" alt="a picture of a  bowline knot" /></p>
+<p>
+/knot_bowline.png
+<div>
+  
+  <img src="/sliced_images/knot_bowline-0.png">
+  
+  <img src="/sliced_images/knot_bowline-1.png">
+  
+  <img src="/sliced_images/knot_bowline-2.png">
+  
+  <img src="/sliced_images/knot_bowline-3.png">
+  
+  <img src="/sliced_images/knot_bowline-4.png">
+  
+  <img src="/sliced_images/knot_bowline-5.png">
+  
+  <img src="/sliced_images/knot_bowline-6.png">
+  
+  <img src="/sliced_images/knot_bowline-7.png">
+  
+  <img src="/sliced_images/knot_bowline-8.png">
+</div>
+</p>
 
  </div>
  
  <div>
-   <p>MICROFACTORY</p>
+   <p>MICROFACTORY
+
+/microfactory_1.jpg
+<div>
+  
+  <img src="/sliced_images/microfactory_1-0.jpg">
+  
+  <img src="/sliced_images/microfactory_1-1.jpg">
+  
+  <img src="/sliced_images/microfactory_1-2.jpg">
+  
+  <img src="/sliced_images/microfactory_1-3.jpg">
+  
+  <img src="/sliced_images/microfactory_1-4.jpg">
+  
+  <img src="/sliced_images/microfactory_1-5.jpg">
+  
+  <img src="/sliced_images/microfactory_1-6.jpg">
+  
+  <img src="/sliced_images/microfactory_1-7.jpg">
+  
+  <img src="/sliced_images/microfactory_1-8.jpg">
+</div>
 
-<p>By the way, meeting the playmobil again.
-<img src="/microfactory_1.jpg" alt="microfactory" />
-<img src="/microfactory_2.jpg" alt="microfactory" />
-<img src="/microfactory_3.jpg" alt="microfactory" />
-<img src="/microfactory_4.jpg" alt="microfactory" /></p>
+
+/microfactory_2.jpg
+<div>
+  
+  <img src="/sliced_images/microfactory_2-0.jpg">
+  
+  <img src="/sliced_images/microfactory_2-1.jpg">
+  
+  <img src="/sliced_images/microfactory_2-2.jpg">
+  
+  <img src="/sliced_images/microfactory_2-3.jpg">
+  
+  <img src="/sliced_images/microfactory_2-4.jpg">
+  
+  <img src="/sliced_images/microfactory_2-5.jpg">
+  
+  <img src="/sliced_images/microfactory_2-6.jpg">
+  
+  <img src="/sliced_images/microfactory_2-7.jpg">
+  
+  <img src="/sliced_images/microfactory_2-8.jpg">
+</div>
+
+
+/microfactory_3.jpg
+<div>
+  
+  <img src="/sliced_images/microfactory_3-0.jpg">
+  
+  <img src="/sliced_images/microfactory_3-1.jpg">
+  
+  <img src="/sliced_images/microfactory_3-2.jpg">
+  
+  <img src="/sliced_images/microfactory_3-3.jpg">
+  
+  <img src="/sliced_images/microfactory_3-4.jpg">
+  
+  <img src="/sliced_images/microfactory_3-5.jpg">
+  
+  <img src="/sliced_images/microfactory_3-6.jpg">
+  
+  <img src="/sliced_images/microfactory_3-7.jpg">
+  
+  <img src="/sliced_images/microfactory_3-8.jpg">
+</div>
+
+
+/microfactory_4.jpg
+<div>
+  
+  <img src="/sliced_images/microfactory_4-0.jpg">
+  
+  <img src="/sliced_images/microfactory_4-1.jpg">
+  
+  <img src="/sliced_images/microfactory_4-2.jpg">
+  
+  <img src="/sliced_images/microfactory_4-3.jpg">
+  
+  <img src="/sliced_images/microfactory_4-4.jpg">
+  
+  <img src="/sliced_images/microfactory_4-5.jpg">
+  
+  <img src="/sliced_images/microfactory_4-6.jpg">
+  
+  <img src="/sliced_images/microfactory_4-7.jpg">
+  
+  <img src="/sliced_images/microfactory_4-8.jpg">
+</div>
+</p>
+
+<p>By the way, meeting the playmobil again.</p>
 
  </div>
  
@@ -193,30 +567,164 @@ plenty of DIY pvc foghorn designs online</p>
 
 <hr>
 
-<p><img src="/recipes_ogorki.jpg" alt="ogorki" />
-<div class="bouche">OGORKOWA</div></p>
+
+/recipes_ogorki.jpg
+<div>
+  
+  <img src="/sliced_images/recipes_ogorki-0.jpg">
+  
+  <img src="/sliced_images/recipes_ogorki-1.jpg">
+  
+  <img src="/sliced_images/recipes_ogorki-2.jpg">
+  
+  <img src="/sliced_images/recipes_ogorki-3.jpg">
+  
+  <img src="/sliced_images/recipes_ogorki-4.jpg">
+  
+  <img src="/sliced_images/recipes_ogorki-5.jpg">
+  
+  <img src="/sliced_images/recipes_ogorki-6.jpg">
+  
+  <img src="/sliced_images/recipes_ogorki-7.jpg">
+  
+  <img src="/sliced_images/recipes_ogorki-8.jpg">
+</div>
+
+
+<div class="bouche">OGORKOWA</div>
 
  </div>
  
  <div>
-   <p><img src="/tools_scuderi2.gif" alt="mechanism of scuderi engine" />
-<img src="/tools_adler30.jpg" alt="Adler-30-1-Long-Arm-Industrial-Sewing-Machine-Leather" /></p>
+   <p><img src="/images/tools_scuderi2.gif" alt="mechanism of scuderi engine" />
+
+/tools_adler30.jpg
+<div>
+  
+  <img src="/sliced_images/tools_adler30-0.jpg">
+  
+  <img src="/sliced_images/tools_adler30-1.jpg">
+  
+  <img src="/sliced_images/tools_adler30-2.jpg">
+  
+  <img src="/sliced_images/tools_adler30-3.jpg">
+  
+  <img src="/sliced_images/tools_adler30-4.jpg">
+  
+  <img src="/sliced_images/tools_adler30-5.jpg">
+  
+  <img src="/sliced_images/tools_adler30-6.jpg">
+  
+  <img src="/sliced_images/tools_adler30-7.jpg">
+  
+  <img src="/sliced_images/tools_adler30-8.jpg">
+</div>
+</p>
 
 <p>adler 30-1 / ECM espresso / 26foot sailboat / BW-laserprinter / wood- metalworkshop / arc-tig welder / oscilloscope / rapid100</p>
 
  </div>
  
  <div>
-   <p><img src="/travel_april2019_antwerp.png" alt="a nautical map of the region of antwerp, belgium" />
-#antwerp</p>
+   
+/travel_april2019_antwerp.png
+<div>
+  
+  <img src="/sliced_images/travel_april2019_antwerp-0.png">
+  
+  <img src="/sliced_images/travel_april2019_antwerp-1.png">
+  
+  <img src="/sliced_images/travel_april2019_antwerp-2.png">
+  
+  <img src="/sliced_images/travel_april2019_antwerp-3.png">
+  
+  <img src="/sliced_images/travel_april2019_antwerp-4.png">
+  
+  <img src="/sliced_images/travel_april2019_antwerp-5.png">
+  
+  <img src="/sliced_images/travel_april2019_antwerp-6.png">
+  
+  <img src="/sliced_images/travel_april2019_antwerp-7.png">
+  
+  <img src="/sliced_images/travel_april2019_antwerp-8.png">
+</div>
+
+
+<p>#antwerp</p>
+
+<p>
+/travel_april2019_gent.png
+<div>
+  
+  <img src="/sliced_images/travel_april2019_gent-0.png">
+  
+  <img src="/sliced_images/travel_april2019_gent-1.png">
+  
+  <img src="/sliced_images/travel_april2019_gent-2.png">
+  
+  <img src="/sliced_images/travel_april2019_gent-3.png">
+  
+  <img src="/sliced_images/travel_april2019_gent-4.png">
+  
+  <img src="/sliced_images/travel_april2019_gent-5.png">
+  
+  <img src="/sliced_images/travel_april2019_gent-6.png">
+  
+  <img src="/sliced_images/travel_april2019_gent-7.png">
+  
+  <img src="/sliced_images/travel_april2019_gent-8.png">
+</div>
 
-<p><img src="/travel_april2019_gent.png" alt="a nautical map of the region of ghent, belgium" />
 #ghent</p>
 
-<p><img src="/travel_april2019_temse.png" alt="a nautical map of the region of temse, belgium" />
+<p>
+/travel_april2019_temse.png
+<div>
+  
+  <img src="/sliced_images/travel_april2019_temse-0.png">
+  
+  <img src="/sliced_images/travel_april2019_temse-1.png">
+  
+  <img src="/sliced_images/travel_april2019_temse-2.png">
+  
+  <img src="/sliced_images/travel_april2019_temse-3.png">
+  
+  <img src="/sliced_images/travel_april2019_temse-4.png">
+  
+  <img src="/sliced_images/travel_april2019_temse-5.png">
+  
+  <img src="/sliced_images/travel_april2019_temse-6.png">
+  
+  <img src="/sliced_images/travel_april2019_temse-7.png">
+  
+  <img src="/sliced_images/travel_april2019_temse-8.png">
+</div>
+
 #temse, waiting for the tide</p>
 
-<p><img src="/travel_april2019_willebroek.png" alt="a nautical map of the region of willebroek, belgium" />
+<p>
+/travel_april2019_willebroek.png
+<div>
+  
+  <img src="/sliced_images/travel_april2019_willebroek-0.png">
+  
+  <img src="/sliced_images/travel_april2019_willebroek-1.png">
+  
+  <img src="/sliced_images/travel_april2019_willebroek-2.png">
+  
+  <img src="/sliced_images/travel_april2019_willebroek-3.png">
+  
+  <img src="/sliced_images/travel_april2019_willebroek-4.png">
+  
+  <img src="/sliced_images/travel_april2019_willebroek-5.png">
+  
+  <img src="/sliced_images/travel_april2019_willebroek-6.png">
+  
+  <img src="/sliced_images/travel_april2019_willebroek-7.png">
+  
+  <img src="/sliced_images/travel_april2019_willebroek-8.png">
+</div>
+
 #brug van willebroek, and its floating bags</p>
 
  </div>