git/ddServer
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases 5 Packages Wiki Activity Actions

switch classes from daisyui to bulma

Browse source
This commit is contained in:
Patryk Hegenberg 2023-12-05 14:26:03 +01:00
parent b8b51f1870
commit e230c0e10d
4 changed files with 138 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

58
templates/header.html
View file

@ -1,14 +1,54 @@
{{ define "header" }}
<header>
<nav class="navbar bg-base-100">
<a href="/" class="btn btn-ghost text-xl">Dungeons & Dragons</a>
<a href="/about" class="btn btn-ghost text-xl">About</a>
<a href="/contact" class="btn btn-ghost text-xl">Contact</a>
<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>
</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>
<div id="banner" class="banner bg-gray-800 p-8 text-white">
<img src="/images/images/banner.jpg" alt="Dungeons-and-Dragons-Banner">
<a href="https://dnd.wizards.com/resources/press-assets">image credits</a>
<h1 class="centered text-4xl font-bold">Dungeons and Dragons Monster Generator</h1>
</div>
<section class="hero box">
<div class="hero-body">
<div class="container has-text-centered">
<div class="hero-background">
<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>
{{ end }}