plomlompom.com Git - guiltcards/blob - views/cards_print.tpl

   1 <!DOCTYPE HTML>
   2 <html>
   3 <style>
   4   .card {
   5       page-break-before: always;
   6       box-sizing: border-box;
   7       border: 30px solid #aaaaaa;
   8       width: 200px;
   9       height: 400px; }
  10 </style>
  11 <body>
  12 % for card in cards:
  13   <div class="card">
  14     <h1 class="title">{{ card["title"] }}</h1>
  15     <p class="prompt">{{ card["prompt"] }}</p>
  16     <ul class="answers">
  17     % for answer in card["answers"]:
  18       <li>{{ answer }}</li>
  19     % end
  20     <ul/>
  21   </div>
  22 % end
  23 </body>
  24 </html>