Add chapter illustrations for 6-11

Author: marijnh

01_values.md

@@ -13,7 +13,7 @@ quote}}
 
 {{index "Yuan-Ma", "Book of Programming"}}
 
-{{figure {url: "img/chapter_picture_1.jpg", alt: "A sea of bits", chapter: framed}}}
+{{figure {url: "img/chapter_picture_1.jpg", alt: "Picture of a sea of bits", chapter: framed}}}
 
 {{index "binary data", data, bit, memory}}
 

02_program_structure.md

@@ -11,7 +11,7 @@ quote}}
 
 {{index why, "Poignant Guide"}}
 
-{{figure {url: "img/chapter_picture_2.jpg", alt: "Tentacles holding objects", chapter: framed}}}
+{{figure {url: "img/chapter_picture_2.jpg", alt: "Picture of tentacles holding objects", chapter: framed}}}
 
 In this chapter, we start to do things that can actually be called
 _programming_. We will expand our command of the JavaScript language

03_functions.md

@@ -10,7 +10,7 @@ quote}}
 
 {{index "Knuth, Donald"}}
 
-{{figure {url: "img/chapter_picture_3.jpg", alt: "Fern leaves with a fractal shape", chapter: framed}}}
+{{figure {url: "img/chapter_picture_3.jpg", alt: "Picture of fern leaves with a fractal shape", chapter: framed}}}
 
 {{index function, "code structure"}}
 

04_data.md

@@ -13,7 +13,7 @@ quote}}
 
 {{index "Babbage, Charles"}}
 
-{{figure {url: "img/chapter_picture_4.jpg", alt: "A weresquirrel", chapter: framed}}}
+{{figure {url: "img/chapter_picture_4.jpg", alt: "Picture of a weresquirrel", chapter: framed}}}
 
 {{index object, "data structure"}}
 

06_object.md

@@ -12,6 +12,8 @@ quote}}
 
 {{index "Liskov, Barbara", "abstract data type"}}
 
+{{figure {url: "img/chapter_picture_6.jpg", alt: "Picture of a rabbit with its proto-rabbit", chapter: framed}}}
+
 [Chapter ?](data) introduced JavaScript's ((object))s. In programming
 culture, we have a thing called _((object-oriented programming))_, a
 set of techniques that uses objects (and related concepts) as the

07_robot.md

@@ -9,7 +9,11 @@ relevant as the question of whether Submarines Can Swim.
 
 quote}}
 
-{{index "artificial intelligence", "Dijkstra, Edsger", "project chapter", "reading code", "writing code"}}
+{{index "artificial intelligence", "Dijkstra, Edsger"}}
+
+{{figure {url: "img/chapter_picture_7.jpg", alt: "Picture of a package-delivery robot", chapter: framed}}}
+
+{{index "project chapter", "reading code", "writing code"}}
 
 In "project" chapters, I'll stop pummeling you with new theory for a
 brief moment and instead we'll work through a program together. Theory

08_error.md

@@ -10,6 +10,8 @@ definition, not smart enough to debug it.
 
 quote}}
 
+{{figure {url: "img/chapter_picture_8.jpg", alt: "Picture of a collection of bugs", chapter: framed}}}
+
 {{index "Kernighan, Brian", "Plauger, P.J.", debugging, "error handling"}}
 
 Flaws in computer programs are usually called _((bug))s_. It makes

09_regexp.md

@@ -7,6 +7,8 @@ regular expressions.' Now they have two problems.
 
 quote}}
 
+{{index "Zawinski, Jamie"}}
+
 {{if interactive
 
 {{quote {author: "Master Yuan-Ma", title: "The Book of Programming", chapter: true}
@@ -19,7 +21,9 @@ quote}}
 
 if}}
 
-{{index "Zawinski, Jamie", evolution, adoption, integration}}
+{{figure {url: "img/chapter_picture_9.jpg", alt: "A railroad diagram", chapter: "square-framed"}}}
+
+{{index evolution, adoption, integration}}
 
 Programming ((tool))s and techniques survive and spread in a chaotic,
 evolutionary way. It's not always the pretty or brilliant ones that

10_modules.md

@@ -8,7 +8,11 @@ Write code that is easy to delete, not easy to extend.
 
 quote}}
 
-{{index organization, "code structure", "Yuan-Ma", "Book of Programming"}}
+{{index "Yuan-Ma", "Book of Programming"}}
+
+{{figure {url: "img/chapter_picture_10.jpg", alt: "Picture of a building built from modular pieces", chapter: framed}}}
+
+{{index organization, "code structure"}}
 
 The ideal program has a crystal clear structure. It's easy to explain
 how it works, and each part plays a well-defined role.

11_async.md

@@ -11,6 +11,8 @@ quote}}
 
 {{index "Laozi"}}
 
+{{figure {url: "img/chapter_picture_11.jpg", alt: "Picture of two crows on a branch", chapter: framed}}}
+
 The central part of a computer, the part that carries out the
 individual steps that make up our programs, is called the
 _((processor))_. The programs we have seen so far are things that will

html/css/ejs.css

@@ -394,6 +394,11 @@ figure.framed img {
   border: 4px double #666;
 }
 
+figure.square-framed img {
+  border-radius: 30px;
+  border: 4px double #666;
+}
+
 @media screen and (max-width: 500px) {
   figure {
     margin: 0;