Change order of attributes in img tags

Author: Gregory Cox

docs/a-fistful-of-monads.html

@@ -47,7 +47,7 @@ <h1 id="a-fistful-of-monads">A Fistful of Monads</h1>
 applicative functors are only beefed up functors.
 </p>
 
-<img src="assets/images/a-fistful-of-monads/smugpig.png" alt="more cool than u" class="right" width="307" height="186">
+<img src="assets/images/a-fistful-of-monads/smugpig.png" class="right" width="307" height="186" alt="more cool than u">
 
 <p>
 When we started off with functors, we saw that it’s possible to map functions
@@ -168,7 +168,7 @@ <h1 id="a-fistful-of-monads">A Fistful of Monads</h1>
 
 <h2 id="getting-our-feet-wet-with-maybe">Getting our feet wet with Maybe</h2>
 
-<img src="assets/images/a-fistful-of-monads/buddha.png" alt="monads, grasshoppa" class="left" width="302" height="387">
+<img src="assets/images/a-fistful-of-monads/buddha.png" class="left" width="302" height="387" alt="monads, grasshoppa">
 
 <p>
 Now that we have a vague idea of what monads are about, let’s see if we can make
@@ -393,7 +393,7 @@ <h2 id="the-monad-type-class">The Monad type class</h2>
     fail msg = error msg
 </pre>
 
-<img src="assets/images/a-fistful-of-monads/kid.png" alt="this is you on monads" class="right" width="363" height="451">
+<img src="assets/images/a-fistful-of-monads/kid.png" class="right" width="363" height="451" alt="this is you on monads">
 <p>
 Let’s start with the first line. It says <span class="fixed">class Monad m where</span>.
 But wait, didn’t we say that monads are just beefed up applicative functors? Shouldn’t
@@ -429,7 +429,7 @@ <h2 id="the-monad-type-class">The Monad type class</h2>
 context.
 </div>
 
-<img src="assets/images/a-fistful-of-monads/tur2.png" alt="hmmm yaes" class="left" width="169" height="145">
+<img src="assets/images/a-fistful-of-monads/tur2.png" class="left" width="169" height="145" alt="hmmm yaes">
 
 <p>
 The next function is <span class="fixed">&gt;&gt;=</span>, or bind. It’s like
@@ -515,7 +515,7 @@ <h2 id="the-monad-type-class">The Monad type class</h2>
 
 <h2 id="walk-the-line">Walk the line</h2>
 
-<img src="assets/images/a-fistful-of-monads/pierre.png" alt="pierre" class="left" width="374" height="405">
+<img src="assets/images/a-fistful-of-monads/pierre.png" class="left" width="374" height="405" alt="pierre">
 
 <p>
 Now that we know how to feed a <span class="fixed">Maybe a</span> value to a
@@ -809,7 +809,7 @@ <h2 id="walk-the-line">Walk the line</h2>
 Nothing
 </pre>
 
-<img src="assets/images/a-fistful-of-monads/banana.png" alt="iama banana" class="right" width="262" height="130">
+<img src="assets/images/a-fistful-of-monads/banana.png" class="right" width="262" height="130" alt="iama banana">
 
 <p>
 Awesome. The final result represents failure, which is what we expected. Let’s
@@ -940,7 +940,7 @@ <h2 id="walk-the-line">Walk the line</h2>
             Just pole3 -&gt; landLeft 1 pole3
 </pre>
 
-<img src="assets/images/a-fistful-of-monads/centaur.png" alt="john joe glanton" class="right" width="297" height="331">
+<img src="assets/images/a-fistful-of-monads/centaur.png" class="right" width="297" height="331" alt="john joe glanton">
 
 <p>
 We land a bird on the left and then we examine the possibility of failure and
@@ -1077,7 +1077,7 @@ <h2 id="do-notation">do notation</h2>
     Just (show x ++ y)
 </pre>
 
-<img src="assets/images/a-fistful-of-monads/owld.png" alt="90s owl" class="right" width="269" height="348">
+<img src="assets/images/a-fistful-of-monads/owld.png" class="right" width="269" height="348" alt="90s owl">
 
 <p>
 It would seem as though we’ve gained the ability to temporarily extract things
@@ -1329,7 +1329,7 @@ <h2 id="do-notation">do notation</h2>
 
 
 <h2 id="the-list-monad">The list monad</h2>
-<img src="assets/images/a-fistful-of-monads/deadcat.png" alt="dead cat" class="left" width="235" height="230">
+<img src="assets/images/a-fistful-of-monads/deadcat.png" class="left" width="235" height="230" alt="dead cat">
 <p>
 So far, we’ve seen how <span class="fixed">Maybe</span> values can be viewed as
 values with a failure context and how we can incorporate failure handling into
@@ -1465,7 +1465,7 @@ <h2 id="the-list-monad">The list monad</h2>
 [(1,&#39;a&#39;),(1,&#39;b&#39;),(2,&#39;a&#39;),(2,&#39;b&#39;)]
 </pre>
 
-<img src="assets/images/a-fistful-of-monads/concatmap.png" alt="concatmap" class="left" width="399" height="340">
+<img src="assets/images/a-fistful-of-monads/concatmap.png" class="left" width="399" height="340" alt="concatmap">
 
 <p>
 The list <span class="fixed">[1,2]</span> gets bound to
@@ -1692,7 +1692,7 @@ <h3 id="a-knights-quest">A knight’s quest</h3>
 the row.
 </p>
 
-<img src="assets/images/a-fistful-of-monads/chess.png" alt="hee haw im a horse" class="center" width="760" height="447">
+<img src="assets/images/a-fistful-of-monads/chess.png" class="center" width="760" height="447" alt="hee haw im a horse">
 
 <p>
 Let’s make a type synonym for the knight’s current position on the chess board:
@@ -1842,8 +1842,8 @@ <h3 id="a-knights-quest">A knight’s quest</h3>
 
 <h2 id="monad-laws">Monad laws</h2>
 
-<img src="assets/images/a-fistful-of-monads/judgedog.png" alt="the court finds you guilty of peeing all over
-everything" class="right" width="343" height="170">
+<img src="assets/images/a-fistful-of-monads/judgedog.png" class="right" width="343" height="170" alt="the court finds you guilty of peeing all over
+everything">
 
 <p>
 Just like applicative functors, and functors before them, monads come with a few

docs/faq.html

@@ -17,7 +17,7 @@
 <div class="bgwrapper">
     <div id="content">
         <h1 id="faq">FAQ</h1>
-<img src="assets/images/faq/turtle.png" alt="turtle???" class="right" width="349" height="204">
+<img src="assets/images/faq/turtle.png" class="right" width="349" height="204" alt="turtle???">
 <h2 id="can-i-put-this-tutorial-on-my-site-or-change-it-or-whatever">Can I put this tutorial on my site or change it or whatever?</h2>
 <p>Sure, it’s licensed under a <a href="https://creativecommons.org/licenses/by-nc-sa/3.0/" rel="nofollow">creative commons</a> license, so you can share and change this, as long as you do it with a smile on your face and for non-commercial purposes.</p>
 <h2 id="do-you-recommend-any-other-haskell-reading-material">Do you recommend any other Haskell reading material?</h2>

docs/for-a-few-monads-more.html

@@ -33,7 +33,7 @@
             </div>
         <h1 id="for-a-few-monads-more">For a Few Monads More</h1>
 
-<img src="assets/images/for-a-few-monads-more/clint.png" alt="there are two kinds of people in the world, my friend. those who learn them a haskell and those who have the job of coding java" class="right" width="189" height="400">
+<img src="assets/images/for-a-few-monads-more/clint.png" class="right" width="189" height="400" alt="there are two kinds of people in the world, my friend. those who learn them a haskell and those who have the job of coding java">
 
 <p>
 We’ve seen how monads can be used to take values with contexts and apply them to
@@ -124,7 +124,7 @@ <h2 id="writer">Writer? I hardly know her!</h2>
 (True,&quot;Compared gang size to 9.&quot;)
 </pre>
 
-<img src="assets/images/for-a-few-monads-more/tuco.png" alt="when you have to poop, poop, don’t talk" class="left" width="196" height="280">
+<img src="assets/images/for-a-few-monads-more/tuco.png" class="left" width="196" height="280" alt="when you have to poop, poop, don’t talk">
 
 <p>
 So far so good. <span class="fixed">isBigGang</span> takes a normal value and
@@ -394,7 +394,7 @@ <h3 id="the-writer-type">The Writer type</h3>
 </pre>
 
 
-<img src="assets/images/for-a-few-monads-more/angeleyes.png" alt="when you have to poop, poop, don’t talk" class="right" width="383" height="248">
+<img src="assets/images/for-a-few-monads-more/angeleyes.png" class="right" width="383" height="248" alt="when you have to poop, poop, don’t talk">
 <p>
 First off, let’s examine <span class="fixed">&gt;&gt;=</span>. Its
 implementation is essentially the same as <span class="fixed">applyLog</span>,
@@ -756,7 +756,7 @@ <h3 id="inefficient-list-construction">Inefficient list construction</h3>
 
 <h3 id="difference-lists">Difference lists</h3>
 
-<img src="assets/images/for-a-few-monads-more/cactus.png" alt="cactuses" class="left" width="147" height="300">
+<img src="assets/images/for-a-few-monads-more/cactus.png" class="left" width="147" height="300" alt="cactuses">
 
 <p>
 Because lists can sometimes be inefficient when repeatedly appended in this
@@ -976,7 +976,7 @@ <h3 id="comparing-performance">Comparing Performance</h3>
 
 <h2 id="reader">Reader? Ugh, not this joke again.</h2>
 
-<img src="assets/images/for-a-few-monads-more/revolver.png" alt="bang youre dead" class="left" width="280" height="106">
+<img src="assets/images/for-a-few-monads-more/revolver.png" class="left" width="280" height="106" alt="bang youre dead">
 
 <p>
 In the <a href="functors-applicative-functors-and-monoids.html">chapter about
@@ -1136,7 +1136,7 @@ <h2 id="reader">Reader? Ugh, not this joke again.</h2>
 
 
 <h2 id="state">Tasteful stateful computations</h2>
-<img src="assets/images/for-a-few-monads-more/texas.png" alt="don’t jest with texas" class="left" width="244" height="230">
+<img src="assets/images/for-a-few-monads-more/texas.png" class="left" width="244" height="230" alt="don’t jest with texas">
 
 <p>
 Haskell is a pure language and because of that, our programs are made of
@@ -1366,7 +1366,7 @@ <h3 id="the-state-monad">The State monad</h3>
 a certain value as the result and keeps the state unchanged.
 </p>
 
-<img src="assets/images/for-a-few-monads-more/badge.png" alt="im a cop" class="right" width="182" height="160">
+<img src="assets/images/for-a-few-monads-more/badge.png" class="right" width="182" height="160" alt="im a cop">
 
 <p>
 What about <span class="fixed">&gt;&gt;=</span>? Well, the result of feeding a
@@ -1821,7 +1821,7 @@ <h2 id="useful-monadic-functions">Some useful monadic functions</h2>
 
 <h3 id="liftm-and-friends">liftM and friends</h3>
 
-<img src="assets/images/for-a-few-monads-more/wolf.png" alt="im a cop too" class="right" width="394" height="222">
+<img src="assets/images/for-a-few-monads-more/wolf.png" class="right" width="394" height="222" alt="im a cop too">
 
 <p>
 When we started our journey to the top of Monad Mountain, we first looked
@@ -2184,7 +2184,7 @@ <h3 id="the-join-function">The join function</h3>
     m
 </pre>
 
-<img src="assets/images/for-a-few-monads-more/tipi.png" alt="im a cop too as well also" class="right" width="253" height="379">
+<img src="assets/images/for-a-few-monads-more/tipi.png" class="right" width="253" height="379" alt="im a cop too as well also">
 
 <p>
 Perhaps the most interesting thing about <span class="fixed">join</span> is
@@ -2468,7 +2468,7 @@ <h3 id="foldm">foldM</h3>
 
 <h3 id="making-a-safe-rpn-calculator">Making a safe RPN calculator</h3>
 
-<img src="assets/images/for-a-few-monads-more/miner.png" alt="i’ve found yellow!" class="left" width="280" height="396">
+<img src="assets/images/for-a-few-monads-more/miner.png" class="left" width="280" height="396" alt="i’ve found yellow!">
 
 <p>
 When we were solving the problem of <a href="http://learnyouahaskell.com/reverse-polish-notation-calculator">implementing a RPN calculator</a>,
@@ -2771,7 +2771,7 @@ <h3 id="composing-monadic-functions">Composing monadic functions</h3>
 
 
 <h2 id="making-monads">Making monads</h2>
-<img src="assets/images/for-a-few-monads-more/spearhead.png" alt="kewl" class="center" width="780" height="244">
+<img src="assets/images/for-a-few-monads-more/spearhead.png" class="center" width="780" height="244" alt="kewl">
 
 <p>
 In this section, we’re going to look at an example of how a type gets made,
@@ -2926,7 +2926,7 @@ <h2 id="making-monads">Making monads</h2>
 models this scenario:
 </p>
 
-<img src="assets/images/for-a-few-monads-more/prob.png" alt="probs" class="left" width="456" height="142">
+<img src="assets/images/for-a-few-monads-more/prob.png" class="left" width="456" height="142" alt="probs">
 
 <p>
 What are the chances for each of these letters to occur? If we were to draw this
@@ -2989,7 +2989,7 @@ <h2 id="making-monads">Making monads</h2>
     fail _ = Prob []
 </pre>
 
-<img src="assets/images/for-a-few-monads-more/ride.png" alt="ride em cowboy" class="right" width="177" height="406">
+<img src="assets/images/for-a-few-monads-more/ride.png" class="right" width="177" height="406" alt="ride em cowboy">
 
 <p>
 Because we already did all the hard work, the instance is very simple. We also