<p class="prompt">Choose at least one of these guilts as your own:</p>
<ul class="answers">
% for answer in card["answers"]:
- <li>{{ answer }}</li>
+ <li class="answer">{{ answer }}</li>
% end
<ul/>
% end
% if card["type"] == 'action':
<h1 class="title">ACTION CARD<br />{{ card["title"] }}</h1>
% for paragraph in card["paragraphs"]:
- <p>{{ paragraph }}</p>
+ <p class="paragraph">{{ paragraph }}</p>
% end
% end
</div>
% include('_meta_head.tpl')
<style>
% include('_card.css')
- .card {
- page-break-before: always;
- }
+.card {
+ page-break-before: always;
+ width: 100vw;
+ min-height: 100vh;
+ border: 5vw solid #aaaaaa;
+}
+.title {
+ text-align: center;
+ font-size: 7vw;
+}
+.answer {
+ padding: 2vw;
+}
+.paragraph, .answer, .prompt {
+ font-size: 4vw;
+ padding-left: 4vw;
+ padding-right: 4vw;
+}
</style>
<body>
% for card in cards:
projects / guiltcards / commitdiff