<!DOCTYPE HTML>
<html>
<style>
- #card {
+ .card {
box-sizing: border-box;
border: 30px solid #aaaaaa;
width: 200px;
height: 400px; }
</style>
<body>
- <div id="card">
- <h1 id="title">{{ title }}</h1>
- <p id="prompt">{{ prompt }}</p>
+ <div class="card">
+ % if card_type == 'guilt':
+ <h1 id="title">GUILT CARD</h1>
+ <p id="prompt">Choose at least one of these guilts as your own:</p>
<ul id="answers">
% for answer in answers:
<li>{{ answer }}</li>
% end
<ul/>
+ % end
+ % if card_type == 'action':
+ <h1 id="title">ACTION CARD<br />{{ title }}</h1>
+ % for paragraph in paragraphs:
+ <p>{{ paragraph }}</p>
+ % end
+ % end
</div>
-<a href="{{ web_path }}/cards">back to overview</a>
+<a href="{{ web_path }}/decks/{{deck_id}}/cards">back to overview</a>
</body>
</html>