diff --git a/lib/docs-viewer.js b/lib/docs-viewer.js index 69134e4..f1f1e42 100644 --- a/lib/docs-viewer.js +++ b/lib/docs-viewer.js @@ -52,14 +52,10 @@ customElements.define('docs-viewer', class extends HTMLElement { this.panel = this.root.querySelector('#panel') - this.home = document.querySelector('#home') - this.status = document.querySelector('#status') this.page = '/readme.md' - this.home.style.display = 'none' - const observer = new MutationObserver(() => { if (document.documentElement.classList.contains('light')) this.panel.classList.add('light') else this.panel.classList.remove('light') @@ -90,12 +86,15 @@ customElements.define('docs-viewer', class extends HTMLElement { const docsViewer = document.querySelector('docs-viewer') await docsViewer.load('/readme.md') } + if (targetUrl.hash === '#status') { + this.panel.style.display = 'none' + this.status.style.display = '' + } }) window.addEventListener('popstate', async (evt) => { console.log(evt) if (evt.state === null) { - this.home.style.display = 'none' this.panel.style.display = 'none' this.status.style.display = '' return @@ -117,7 +116,6 @@ customElements.define('docs-viewer', class extends HTMLElement { const html = await fetch(page) const text = await marked.parse(await html.text()) this.panel.querySelector('slot').innerHTML = text, { headerIds: false, mangle: false } - this.home.style.display = '' this.panel.style.display = '' this.status.style.display = 'none' if (!opts.back) history.pushState({ page }, null) diff --git a/pulse.html b/pulse.html index 3f02692..6aa8df1 100644 --- a/pulse.html +++ b/pulse.html @@ -101,7 +101,7 @@ blockquote::before { content: "ℹ"; float: left; font-size: 1.625rem; margin-left: 1rem; margin-right: 0.625rem; } .col { max-width: 63rem; margin: 0 auto; margin-top: 1rem; } - #back, #mode, #home { + #back, #mode { width: 32px; height: 32px; position: absolute; @@ -119,19 +119,6 @@ top: 60px; } - #home { - top: 110px; - } - - html.light #home { - color: #7c9735; - font-weight: bold; - } - - header:has(~ #documentation:target) > #headin > #home { - display: inline; - } - #bar { backdrop-filter: blur(64px); -webkit-app-region: drag; @@ -183,7 +170,6 @@ -