summaryrefslogtreecommitdiffstats
path: root/templates/article-resource.html
diff options
context:
space:
mode:
authorLibravatar cel 🌸 <cel@blos.sm>2024-07-17 06:19:44 +0100
committerLibravatar cel 🌸 <cel@blos.sm>2024-07-17 06:19:44 +0100
commit5c37993d0672d5ce34e9766d3a4f85c7f59ccb7a (patch)
tree13a785b659996915be3a782e5f8f386402b76c16 /templates/article-resource.html
parentfd0ea710395904e1b4cf5f22fd17af13db43ce5f (diff)
downloadinfoculture.pub-5c37993d0672d5ce34e9766d3a4f85c7f59ccb7a.tar.gz
infoculture.pub-5c37993d0672d5ce34e9766d3a4f85c7f59ccb7a.tar.bz2
infoculture.pub-5c37993d0672d5ce34e9766d3a4f85c7f59ccb7a.zip
webtorrent testing
Diffstat (limited to '')
-rw-r--r--templates/article-resource.html44
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