<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Quotes??</title>
    <link rel="icon" type="image/png" href="/favicon.ico">
    <link rel="stylesheet" href="/styles/global.css">
    <style>
      blockquote {
        margin-left: 25px;
      }
      cite {
        margin-left: 50px;
      }
    </style>
  </head>
  <body>
    [[ component:return ]]
    [[ component:dark-mode-checkbox ]]
    <div id="main">
      <div>
        <h2>Quotes</h2>
      </div>
      <div>
        [[ for:quotes:quote ]]
          [[ component:quote ]]
        [[ endfor ]]
      </div>
    </div>
  </body>
</html>
