a b/views/index.ejs 

  1
  
<!DOCTYPE html>





  
  

  2
  
<html>





  
  

  3
  
  <head>





  
  

  4
  
    <title>Haikus for Mona</title>





  
  

  5
  
    <link href="/css/main.css" rel="stylesheet" type="text/css">





  
  

  6
  
    <meta name="viewport" content="width=device-width, initial-scale=1">





  
  

  7
  
    <meta property="og:title" content="Haikus for Mona">





  
  

  8
  
    <meta property="og:description" content="Some of the best haikus you'll ever read about our rescue dog June">





  
  

  9
  
    <meta property="og:image" content="/images/sunlight.jpg">





  
  

  10
  
  </head>





  
  

  11
  
  <body>





  
  

  12
  
    <h1>Haikus for Mona</h1>





  
  

  13
  
    <div>





  
  

  14
  
      <% for(var i=0; i < haikus.length; i++) { %>





  
  

  15
  
        <img





  
  

  16
  
          class="mona-images"





  
  

  17
  
          src="images/<%= haikus[i].image %>" />





  
  

  18
  
        <div 





  
  

  19
  
          class="haiku-containers">





  
  

  20
  
          <p 





  
  

  21
  
            class="haikus"





  
  

  22
  
          ><%- haikus[i].text %></p>





  
  

  23
  
        </div>





  
  

  24
  
      <% } %>





  
  

  25
  
    </div>





  
  

  26
  
</html>