switch classes from daisyui to bulma
This commit is contained in:
Patryk Hegenberg
parent
b8b51f1870
commit
e230c0e10d
4 changed files with 138 additions and 81 deletions
|
|
@ -6,11 +6,10 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>{{.Title}}</title>
|
<title>{{.Title}}</title>
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css">
|
|
||||||
<link href="https://cdn.jsdelivr.net/npm/daisyui@2.31.0/dist/full.css" rel="stylesheet" type="text/css">
|
|
||||||
<script src="https://unpkg.com/htmx.org@1.9.9"
|
<script src="https://unpkg.com/htmx.org@1.9.9"
|
||||||
integrity="sha384-QFjmbokDn2DjBjq+fM+8LUIVrAgqcNW2s0PjAxHETgRn9l4fvX31ZxDxvwQnyMOX"
|
integrity="sha384-QFjmbokDn2DjBjq+fM+8LUIVrAgqcNW2s0PjAxHETgRn9l4fvX31ZxDxvwQnyMOX"
|
||||||
crossorigin="anonymous"></script>
|
crossorigin="anonymous"></script>
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -51,12 +50,16 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
<div class="container is-widescreen">
|
||||||
|
{{ template "header" . }}
|
||||||
|
</div>
|
||||||
|
<div class="container is-widescreen">
|
||||||
|
{{ template "main" . }}
|
||||||
|
</div>
|
||||||
|
|
||||||
{{ template "header" . }}
|
<div class="container is-widescreen">
|
||||||
|
{{ template "footer" . }}
|
||||||
{{ template "main" . }}
|
</div>
|
||||||
|
|
||||||
{{ template "footer" . }}
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,9 @@
|
||||||
{{ define "footer" }}
|
{{ define "footer" }}
|
||||||
<footer class="footer footer-center p-4 bg-base-300 text-base-content">
|
<footer class="footer">
|
||||||
<aside>
|
<div class="content has-text-centered is-widescreen">
|
||||||
<p class="text-gray-600">© {{.Year}} Dungeons and Dragons Monster Generator. Alle Rechte vorbehalten.</p>
|
<p>
|
||||||
</aside>
|
© {{.Year}} Dungeons and Dragons Monster Generator. Alle Rechte vorbehalten.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
|
||||||
|
|
@ -1,14 +1,54 @@
|
||||||
{{ define "header" }}
|
{{ define "header" }}
|
||||||
<header>
|
<header>
|
||||||
<nav class="navbar bg-base-100">
|
<nav class="navbar" role="navigation" aria-label="main navigation">
|
||||||
<a href="/" class="btn btn-ghost text-xl">Dungeons & Dragons</a>
|
<div class="navbar-brand">
|
||||||
<a href="/about" class="btn btn-ghost text-xl">About</a>
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
|
||||||
<a href="/contact" class="btn btn-ghost text-xl">Contact</a>
|
<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 href="/" class="navbar-item">
|
||||||
|
Dungeons & Dragons
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/about" class="navbar-item">
|
||||||
|
About
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="/contact" class="navbar-item">
|
||||||
|
Contact
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="navbar-end">
|
||||||
|
<div class="navbar-item">
|
||||||
|
<div class="buttons">
|
||||||
|
<a class="button is-primary">
|
||||||
|
<strong>Sign up</strong>
|
||||||
|
</a>
|
||||||
|
<a class="button is-light">
|
||||||
|
Log in
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
<div id="banner" class="banner bg-gray-800 p-8 text-white">
|
<section class="hero box">
|
||||||
<img src="/images/images/banner.jpg" alt="Dungeons-and-Dragons-Banner">
|
<div class="hero-body">
|
||||||
<a href="https://dnd.wizards.com/resources/press-assets">image credits</a>
|
<div class="container has-text-centered">
|
||||||
<h1 class="centered text-4xl font-bold">Dungeons and Dragons Monster Generator</h1>
|
<div class="hero-background">
|
||||||
</div>
|
<img src="/images/images/banner.jpg" alt="Dungeons-and-Dragons-Banner">
|
||||||
|
</div>
|
||||||
|
<p class="title">
|
||||||
|
Dungeons and Dragons Monster Generator
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
</header>
|
</header>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
|
||||||
|
|
@ -1,67 +1,79 @@
|
||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<div class="card-body form-box w-full h-full">
|
<div class="card">
|
||||||
<h2 class="card-title">Monster Form</h2>
|
<div class="card-content">
|
||||||
<form action="/submit" method="post" class="grid grid-columns-5 space-y-4 grid place-items-center">
|
<div class="media-content">
|
||||||
<table>
|
<p class="title is-4">Monster Form</p>
|
||||||
<tr>
|
|
||||||
<td><label for="filename">Filename:</label></td>
|
|
||||||
<td><input type="text" name="filename" required placeholder="Dateiname"
|
|
||||||
class="input input-bordered w-full max-w-xs"><br></td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
<div class="grid grid-cols-1">
|
|
||||||
<button type="button" hx-post="/addMonster" hx-trigger="click" hx-target="#monster-table" hx-swap="outerHTML"
|
|
||||||
class="btn">Add
|
|
||||||
Monster</button>
|
|
||||||
</div>
|
</div>
|
||||||
{{ template "monsterform" . }}
|
<div class="content">
|
||||||
<input type="hidden" name="filename" value="{{.Filename}}">
|
<form action="/submit" method="post" class="grid grid-columns-5 space-y-4 grid place-items-center">
|
||||||
<div class="card-actions justify-end">
|
<table>
|
||||||
<input type="submit" value="Submit" class="btn">
|
<tr>
|
||||||
|
<td><label for="filename">Filename:</label></td>
|
||||||
|
<td><input type="text" name="filename" required placeholder="Dateiname"
|
||||||
|
class="input input-bordered w-full max-w-xs"><br></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<div class="grid grid-cols-1">
|
||||||
|
<button type="button" hx-post="/addMonster" hx-trigger="click" hx-target="#monster-table" hx-swap="outerHTML"
|
||||||
|
class="button">Add
|
||||||
|
Monster</button>
|
||||||
|
</div>
|
||||||
|
{{ template "monsterform" . }}
|
||||||
|
<input type="hidden" name="filename" value="{{.Filename}}">
|
||||||
|
<div class="card-actions justify-end">
|
||||||
|
<input type="submit" value="Submit" class="button is-primary">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body form-box w-full h-full">
|
<div class="card">
|
||||||
<h2 class="card-title">Existing Monsters</h2>
|
<div class="card-content">
|
||||||
<table class="table">
|
<div class="media-content">
|
||||||
<colgroup>
|
<p class="title is-4 is-centered">Existing Monsters</p>
|
||||||
<col style="width: 100px;">
|
</div>
|
||||||
<col style="width: 100px;">
|
<div class="table-container">
|
||||||
</colgroup>
|
<table class="table">
|
||||||
<thead>
|
<colgroup>
|
||||||
<tr>
|
<col style="width: 100px;">
|
||||||
<th>Name</th>
|
<col style="width: 100px;">
|
||||||
<th>Source</th>
|
</colgroup>
|
||||||
<th>Size</th>
|
<thead>
|
||||||
<th>Type</th>
|
<tr>
|
||||||
<th>Alignment</th>
|
<th>Name</th>
|
||||||
<th>AC</th>
|
<th>Source</th>
|
||||||
<th>AC Form</th>
|
<th>Size</th>
|
||||||
<th>HP Average</th>
|
<th>Type</th>
|
||||||
<th>HP Formula</th>
|
<th>Alignment</th>
|
||||||
<th>Speed</th>
|
<th>AC</th>
|
||||||
<th>Str</th>
|
<th>AC Form</th>
|
||||||
<th>Dex</th>
|
<th>HP Average</th>
|
||||||
<th>Con</th>
|
<th>HP Formula</th>
|
||||||
<th>Int</th>
|
<th>Speed</th>
|
||||||
<th>Wis</th>
|
<th>Str</th>
|
||||||
<th>Cha</th>
|
<th>Dex</th>
|
||||||
<th>Save Dex</th>
|
<th>Con</th>
|
||||||
<th>Save Con</th>
|
<th>Int</th>
|
||||||
<th>Savve Wis</th>
|
<th>Wis</th>
|
||||||
<th>Perception</th>
|
<th>Cha</th>
|
||||||
<th>Stealth</th>
|
<th>Save Dex</th>
|
||||||
<th>Damage Resistance</th>
|
<th>Save Con</th>
|
||||||
<th>Senses</th>
|
<th>Savve Wis</th>
|
||||||
<th>Languages</th>
|
<th>Perception</th>
|
||||||
<th>CR</th>
|
<th>Stealth</th>
|
||||||
<th>Trait Name</th>
|
<th>Damage Resistance</th>
|
||||||
<th>Trait Entry</th>
|
<th>Senses</th>
|
||||||
<th>Action Name</th>
|
<th>Languages</th>
|
||||||
<th>Action Entry</th>
|
<th>CR</th>
|
||||||
</tr>
|
<th>Trait Name</th>
|
||||||
</thead>
|
<th>Trait Entry</th>
|
||||||
{{ template "monsterTable" }}
|
<th>Action Name</th>
|
||||||
</table>
|
<th>Action Entry</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
{{ template "monsterTable" }}
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue