diff options
| author |  cel 🌸 <cel@blos.sm> | 2024-07-17 06:19:44 +0100 |
|---|---|---|
| committer | cel 🌸 <cel@blos.sm> | 2024-07-17 06:19:44 +0100 |
| commit | 5c37993d0672d5ce34e9766d3a4f85c7f59ccb7a (patch) | |
| tree | 13a785b659996915be3a782e5f8f386402b76c16 /templates/article-resource.html | |
| parent | fd0ea710395904e1b4cf5f22fd17af13db43ce5f (diff) | |
| download | infoculture.pub-5c37993d0672d5ce34e9766d3a4f85c7f59ccb7a.tar.gz infoculture.pub-5c37993d0672d5ce34e9766d3a4f85c7f59ccb7a.tar.bz2 infoculture.pub-5c37993d0672d5ce34e9766d3a4f85c7f59ccb7a.zip | |
webtorrent testing
Diffstat (limited to '')
| -rw-r--r-- | templates/article-resource.html | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/templates/article-resource.html b/templates/article-resource.html new file mode 100644 index 0000000..e3d9cac --- /dev/null +++ b/templates/article-resource.html @@ -0,0 +1,44 @@ +<article> + $if(thumbnail)$ + <div class="thumbnail" style="height: 30vh;">$thumbnail$</div> + $endif$ + $if(torrent)$ + <div> + <video controls class="thumbnail" id="media-$id$" style="height: 30vh;"></video> + <script type='module'> + const torrentId = '$torrent$'; + const player = document.querySelector('#media-$id$'); + window.torrentClient.add(torrentId, torrent => { + const file = torrent.files.find(file => file.name.endsWith('.mp4')); + file.streamTo(player); + }); + </script> + </div> + $endif$ + <div class="panel"> + <section class="header"> + <div class="title"> + <h1>$title$</h1> + <a href="https://infoculture.pub$url$">permalink</a> + <a href="/$path$">raw</a> + $if(torrent)$ + <a href="$torrent$">magnet link</a> + $endif$ + </div> + <div class="meta"> + $if(author)$ + <h2 class="author">$author$</h2> + $endif$ + <h3 class="date">$date$</h3> + $if(tags)$ + <h3 class="tags">$tags$</h3> + $endif$ + </div> + </section> + <br> + <br> + <section> + $body$ + </section> + </div> +</article>
\ No newline at end of file |