making the html and css better
This commit is contained in:
@@ -11,14 +11,52 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="columns is-centered is-gapless">
|
<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>
|
||||||
|
<p>Below are your randomly generated characters!</p>
|
||||||
|
|
||||||
|
<div class="columns">
|
||||||
{%for character in sheets%}
|
{%for character in sheets%}
|
||||||
<div class="column is-narrow" >
|
<div class="column is-narrow" >
|
||||||
<p class="bd-notification">
|
<h3> Character!</h3>
|
||||||
<pre>{{character | join("\n")}}</pre>
|
<pre>{{character | join("\n")}}</pre>
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
{%endfor%}
|
{%endfor%}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Reference in New Issue
Block a user