summaryrefslogtreecommitdiffstats
path: root/templates
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
parentfd0ea710395904e1b4cf5f22fd17af13db43ce5f (diff)
downloadinfoculture.pub-5c37993d0672d5ce34e9766d3a4f85c7f59ccb7a.tar.gz
infoculture.pub-5c37993d0672d5ce34e9766d3a4f85c7f59ccb7a.tar.bz2
infoculture.pub-5c37993d0672d5ce34e9766d3a4f85c7f59ccb7a.zip
webtorrent testing
Diffstat (limited to 'templates')
-rw-r--r--templates/article-resource.html44
-rw-r--r--templates/article.html20
-rw-r--r--templates/resource.html6
-rw-r--r--templates/thumbs.html4
4 files changed, 61 insertions, 13 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
diff --git a/templates/article.html b/templates/article.html
index e5ed720..3de52e4 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -3,17 +3,15 @@
<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>
+ <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>
$endif$
<div class="panel">
<section class="header">
diff --git a/templates/resource.html b/templates/resource.html
new file mode 100644
index 0000000..b93984a
--- /dev/null
+++ b/templates/resource.html
@@ -0,0 +1,6 @@
+<main role="main">
+ $if(torrent)$
+ $partial("templates/load-webtorrent.html")$
+ $endif$
+ $partial("templates/article.html")$
+</main> \ No newline at end of file
diff --git a/templates/thumbs.html b/templates/thumbs.html
index 3fcc6f7..6070c23 100644
--- a/templates/thumbs.html
+++ b/templates/thumbs.html
@@ -6,7 +6,7 @@
<br>
$endif$
$if(torrent)$
- <video controls class="thumbnail" id="media-$id$" style="height: 30vh;"></video>
+ <video controls class="thumbnail" id="media-$id$" style="height: 20vh;"></video>
<script type='module'>
const torrentId = '$torrent$';
const player = document.querySelector('#media-$id$');
@@ -40,4 +40,4 @@
$endif$
</div>
$endfor$
-</div>
+</div> \ No newline at end of file