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> <body>
<div class="columns is-centered is-gapless"> <nav class="navbar" role="navigation" aria-label="main navigation">
{%for character in sheets%} <div class="navbar-brand">
<div class="column is-narrow" > <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<p class="bd-notification"> <span aria-hidden="true"></span>
<pre>{{character | join("\n")}}</pre> <span aria-hidden="true"></span>
</p> <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" >
<h3> Character!</h3>
<pre>{{character | join("\n")}}</pre>
</div>
{%endfor%}
</div>
</div>
</div>
</div>
</div> </div>
{%endfor%}
</div> </div>
</body> </body>