making the html and css better

This commit is contained in:
Zachary Watts
2026-04-26 11:32:29 -04:00
parent 8a7f605a5f
commit 0ca25f9f91

View File

@@ -11,14 +11,52 @@
<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%}
<div class="column is-narrow" >
<p class="bd-notification">
<h3> Character!</h3>
<pre>{{character | join("\n")}}</pre>
</p>
</div>
{%endfor%}
</div>
</div>
</div>
</div>
</div>
</div>
</body>