webtorrent and teaser support

1 files changed, 44 insertions, 0 deletions

diff --git a/templates/article.html b/templates/article.html
new file mode 100644
index 0000000..e5ed720
--- /dev/null
+++ b/templates/article.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>