100 lines
3.4 KiB
HTML
100 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>D&D Characters</title>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css"
|
|
>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<nav class="navbar" role="navigation" aria-label="main navigation">
|
|
<div class="navbar-brand">
|
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div id="navbarBasicExample" class="navbar-menu">
|
|
<div class="navbar-start">
|
|
<a class="navbar-item">
|
|
Characters
|
|
</a>
|
|
|
|
<a class="navbar-item">
|
|
VTT
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="card">
|
|
<div class="container">
|
|
<div class="content">
|
|
<div class="card-content">
|
|
<div class="content">
|
|
<h2>Welcome to the Dungeon</h2>
|
|
<div class="block">
|
|
<div class="columns">
|
|
<div class="column" >
|
|
<p>How many party members? {{count}}</p>
|
|
<div class="buttons">
|
|
{%for i in range(2,6)%}
|
|
{% if count|int() == i|int() %}
|
|
<a class="button is-primary" href="{{ '/party?count={}&level={}'.format(i,level) }}">{{i}}</a>
|
|
{% else %}
|
|
<a class="button" href="{{ '/party?count={}&level={}'.format(i,level) }}">{{i}}</a>
|
|
{% endif %}
|
|
{%endfor%}
|
|
</div>
|
|
</div>
|
|
<div class="column" >
|
|
<p>What level for the party? {{level}} </p>
|
|
<div class="buttons">
|
|
{%for j in range(1,6)%}
|
|
{% if level|int() == j|int() %}
|
|
<a class="button is-primary" href="{{ '/party?count={}&level={}'.format(count,j) }}">{{j}}</a>
|
|
{% else %}
|
|
<a class="button" href="{{ '/party?count={}&level={}'.format(count,j) }}">{{j}}</a>
|
|
{% endif %}
|
|
{%endfor%}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="block has-text-centered">
|
|
<div class="columns">
|
|
{%for character in adv_party.adventurers%}
|
|
<div class="column" >
|
|
<div class="block has-text-centered">
|
|
<a class="button is-focused" href="{{ '/character?id={}'.format(character.id)}}">Select this {{character.player_class.title()}}</a>
|
|
</div>
|
|
<pre>{{character.vertical_sheet() | join("\n")}}</pre>
|
|
</div>
|
|
{%endfor%}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div class="block has-text-centered">
|
|
<button class="button is-primary is-fillwidth">Select this adventuring party!</button>
|
|
<div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|