Add nav menu to pattern portfolio

This commit is contained in:
Simon Willison 2020-11-01 09:22:13 -08:00
commit b61f6cceb5

View file

@ -9,19 +9,33 @@
</head>
<body>
<header><nav>
<p class="crumbs">
<a href="/">home</a>
</p>
<details class="nav-menu">
<summary><svg aria-labelledby="nav-menu-svg-title" role="img"
fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16" width="16" height="16">
<title id="nav-menu-svg-title">Menu</title>
<path fill-rule="evenodd" d="M1 2.75A.75.75 0 011.75 2h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 2.75zm0 5A.75.75 0 011.75 7h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 7.75zM1.75 12a.75.75 0 100 1.5h12.5a.75.75 0 100-1.5H1.75z"></path>
</svg></summary>
<div class="nav-menu-inner">
<ul>
<li><a href="/-/databases">Databases</a></li>
<li><a href="/-/plugins">Installed plugins</a></li>
<li><a href="/-/versions">Version info</a></li>
</ul>
<form action="/-/logout" method="post">
<button class="button-as-link">Log out</button>
</form>
</div>
</details>
<div class="actor">
<strong>root</strong>
</div>
</nav></header>
<header>
</header>
<br>
<!-- .hd is now header -->
<header>
<nav></nav>
</header>
<!-- div.bd is now section.content -->
<section class="content">
<h1>Pattern Portfolio</h1>
</section>