insert sections and images

index.html

@@ -24,14 +24,35 @@
             Grand finale
         </section>
         <section class="chapter">
-            <h1 class="ch-title">Your personal guide tO making sound</h1>
+            <h1 class="title">Overture: template for a chapter/section</h1>
+            <h3 class="author">Authors</h3>
+            <h3 class="subtitle">Description</h3>
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+            <h3 class="subtitle">Script</h3>
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+            <img src="https://issue.xpub.nl/18/images/notation.jpg" alt="score">
+        </section>
+        <section class="chapter">
+            <h1 class="title">Your personal guide tO making sound</h1>
             <h3 class="author">Emma and Miriam</h3>
             <h3 class="subtitle">desription</h3>
             <p>We produced an instructional piece that does not follow the basic rules of the type of text: the instructions are broken down, disordered and messy, not linear, neither clear nor straight. </p>
             <h3 class="subtitle">score</h3>
-            <p>We wrote a text based on the [Prototypology] page, which contains lists of instructions, descriptions and information. We brought it to absurdity and produced a recording using a computer voice.</p>
-            
+            <p>We wrote a text based on the [Prototypology] page, which contains lists of instructions, descriptions and information. We brought it to absurdity and produced a recording using a computer voice.</p>    
+        </section>
+        <section class="chapter">
+            <h1 class="title">Critical evaluation of Crunchiness</h1>
+            <h3 class="author">Chae and Grgr</h3>
+            <h3 class="subtitle">description</h3>
+            <p>    In Food Science studies, sensory, mechanical and acoustical data provide an impersonal evaluation of crunchiness. However, more personal and situated information is needed. Drawing from existing literature, this project aims to map out motifs and world-structures that aggregate around crunchy textures, by infiltrating academic research and smuggling amateurial, storytelling, laboratorial and diaristic methods in it.</p>
+            <p>    Existing studies attempt to quantify crunchiness in order to set universal standards. However, once it encounters the mouth of the "eaters" and exits the realm of measurements, the definition of crunchiness is lacking a critical and intimate understanding of it.
+
+                The focus of this project is to collect a wide range of data around the experience, the perception and the imaginary around crunchiness in order to build a collective diary database.</p>
+            <img src="crunchy-chewy.jpg" alt="crunchy compass">
+            <img src="https://pzwiki.wdka.nl/mw-mediadesign/images/thumb/0/0f/Crunch-search_5.jpeg/675px-Crunch-search_5.jpeg" alt="">
+            <img src="https://pzwiki.wdka.nl/mw-mediadesign/images/b/b1/Crunch-search_6.jpeg" alt="">
         </section>
+       
         
     </body>
 </html>

style.css

@@ -38,6 +38,11 @@
         break-before: page;
     }
 
+    .chapter img{
+        height: 450px;
+        object-fit: contain;
+    }
+
     .pagedjs_pages {
         display: flex;
         width: calc(var(--pagedjs-width) * 2);