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     % if card["type"] == 'guilt':
  15     <h1 id="title">GUILT CARD</h1>
  16     <p id="prompt">Choose at least one of these guilts as your own:</p>
  17     <ul id="answers">
  18     % for answer in card["answers"]:
  19       <li>{{ answer }}</li>
  20     % end
  21     <ul/>
  22     % end
  23     % if card["type"] == 'action':
  24     <h1 id="title">ACTION CARD<br />{{ card["title"] }}</h1>
  25     % for paragraph in card["paragraphs"]:
  26     <p>{{ paragraph }}</p>
  27     % end
  28     % end
  29   </div>
  30 % end
  31 </body>
  32 </html>