<!DOCTYPE HTML5>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
    layout:decorate="~{layout.htm}">

<head>
    <title>Dev home</title>
</head>

<body>
    <div layout:fragment="content">
       
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <div class="container-fluid">
              <a class="navbar-brand" href="#">Dev</a>
              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a href="/app/dev/dba" class="nav-link" >dba</a>
                    </li>
                    <li class="nav-item">
                        <a href="/app/dev/jobs"  class="nav-link" >jobs</a>
                    </li>
                    <li class="nav-item">
                      <a href="/dba/logs?input=%2Fapp%2F|£" target="_blank" class="nav-link" >DBA <sl-icon name="box-arrow-up-right"></sl-icon></a>
                    </li>
                    <li class="nav-item">
                      <a href="/app/api" target="_blank" class="nav-link" >wadl <sl-icon name="box-arrow-up-right"></sl-icon></a>
                    </li>
                </ul>
              </div>
            </div>
          </nav>       
          list tasks etc
    </div>
</body>

</html>