Tweak frontend

This commit is contained in:
Eden Kirin
2023-10-26 22:36:20 +02:00
parent 442b145711
commit bf6ced948a
11 changed files with 81 additions and 39 deletions

View File

@ -9,24 +9,47 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/styles.css">
</head>
<body>
<header class="navbar">
<div class="container">
<nav class="main navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="/static/example.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a href="/" class='nav-link {{ if .activePage == "index" }}active{{ end }}'>
Frontpage
</a>
</li>
<li class="nav-item">
<a href="/users" class='nav-link {{ if .activePage == "users" }}active{{ end }}'>
Users
</a>
</li>
<li class="nav-item">
<a href="/about" class='nav-link {{ if .activePage == "about" }}active{{ end }}'>
About
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</header>
<div class="container mt-3">
<h1>{{ title }}</h1>
<ul class="nav">
<li class="nav-item">
<a href="/" class="nav-link">Frontpage</a>
</li>
<li class="nav-item">
<a href="/users" class="nav-link">Users</a>
</li>
<li class="nav-item">
<a href="/about" class="nav-link">About</a>
</li>
</ul>
<main>
{{ yield mainContent() }}
</main>

View File

@ -4,27 +4,21 @@
{{ block mainContent() }}
<div class="row mt-5">
<div class="col">
<form method="post" action="/">
<div class="mb-3">
<label class="form-label">Email address</label>
<input type="email" name="email" class="form-control" value="edkirin@gmail.com">
</div>
<div class="mb-3">
<label class="form-label">Password</label>
<input type="text" name="password" class="form-control" value="tralala">
</div>
<div class="row mt-5 mb-5">
<form class="col-6" method="post" action="/">
<div class="mb-3">
<label class="form-label">Email address</label>
<input type="email" name="email" class="form-control" value="edkirin@gmail.com">
</div>
<div class="mb-3">
<label class="form-label">Password</label>
<input type="text" name="password" class="form-control" value="tralala">
</div>
<button type="submit" class="btn btn-success">
Submit
</button>
</form>
</div>
<div class="col">
<img src="/static/sample.jpg" class="img-fluid" alt="">
</div>
<button type="submit" class="btn btn-success">
Submit
</button>
</form>
</div>

View File

@ -6,6 +6,6 @@
<h3>Users</h3>
{{ yield usersTable(users=users) }}
{{ yield usersTable(users=.users) }}
{{ end }}