Update the Rookeries app to start emulating the rest of the system.
This commit is contained in:
parent
02f4e2370b
commit
54b8f3ef80
|
@ -26,7 +26,7 @@
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
rookeries-app {
|
div#rookeries {
|
||||||
border-color: #4d84ff;
|
border-color: #4d84ff;
|
||||||
border-style: dashed;
|
border-style: dashed;
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
|
@ -38,7 +38,14 @@
|
||||||
<h1>Rookeries</h1>
|
<h1>Rookeries</h1>
|
||||||
<div id="divider">
|
<div id="divider">
|
||||||
<div id="ui-target"></div>
|
<div id="ui-target"></div>
|
||||||
|
<div id="rookeries">
|
||||||
|
<nav>
|
||||||
|
<a href="/home">Home</a>
|
||||||
|
<a href="/blog">Blog</a>
|
||||||
|
<a href="/contact">Contact</a>
|
||||||
|
</nav>
|
||||||
<rookeries-app debug></rookeries-app>
|
<rookeries-app debug></rookeries-app>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -82,9 +82,10 @@ export class RookeriesApp extends HTMLElement {
|
||||||
|
|
||||||
const debugHeader = !showDebug ? "" : `
|
const debugHeader = !showDebug ? "" : `
|
||||||
<div>
|
<div>
|
||||||
Rookeries
|
<h1>Rookeries - Debug</h1>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Current page: ${currentPage}</li>
|
<li>Current page: ${currentPage}</li>
|
||||||
|
<li><a href="/">Go to the home page</a></li>
|
||||||
<li><a href="/foo">Change to Foo</a></li>
|
<li><a href="/foo">Change to Foo</a></li>
|
||||||
<li><a href="/bar">Change to Bar</a></li>
|
<li><a href="/bar">Change to Bar</a></li>
|
||||||
<li><a href="https://rookeries.org/">External Link</a></li>
|
<li><a href="https://rookeries.org/">External Link</a></li>
|
||||||
|
|
Loading…
Reference in New Issue