Mercurial > code > home > repos > video
changeset 12:e60be5d74c07
css edits and ingest link
author | drewp@bigasterisk.com |
---|---|
date | Sat, 15 Apr 2023 15:20:12 -0700 |
parents | a05f57be296d |
children | b73941c4dc0a |
files | src/VideoPage.ts |
diffstat | 1 files changed, 8 insertions(+), 0 deletions(-) [+] |
line wrap: on
line diff
--- a/src/VideoPage.ts Sat Apr 15 15:19:55 2023 -0700 +++ b/src/VideoPage.ts Sat Apr 15 15:20:12 2023 -0700 @@ -55,6 +55,9 @@ css` a { color: white; + + } + .listing a { font-size: 20px; text-transform: uppercase; text-underline-offset: 10px; @@ -95,10 +98,15 @@ return html` <div id="path-segs">${this.pathSegs.map((seg) => html`<span><a href="./?${subdirQuery(seg.subdir)}">${seg.label}</a></span>`)}</div> + <div class="listing"> ${this.subdirs.map((s) => html`<div class="subdir"><a href="${"./?" + subdirQuery(s.path)}">${s.label}</a></div>`)} ${this.videos.map( (v) => html`<video-section @playVideo=${this.playVideo} thumbRelPath="${v.thumbRelPath}" title="${v.label}" manifest=${v.webRelPath}></video-section>` )} + </div> + <p><a href="ingest/">Add new videos...</a></p> + + <div id="scrim" @click=${this.closePlayer}></div> <page-player manifest=""></page-player> `;