diff --git a/datasette/templates/patterns.html b/datasette/templates/patterns.html
index 62ef1322..25fb6008 100644
--- a/datasette/templates/patterns.html
+++ b/datasette/templates/patterns.html
@@ -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>
