diff options
| -rw-r--r-- | posts/2015-08-12-spqr.md | 1 | ||||
| -rw-r--r-- | posts/2015-10-07-rosa-rosa-rosam.md | 2 | ||||
| -rw-r--r-- | resources/html-css-cheatsheet.md | 25 | ||||
| -rw-r--r-- | style.css | 2 | ||||
| -rw-r--r-- | templates/article-resource.html | 44 | ||||
| -rw-r--r-- | templates/article.html | 20 | ||||
| -rw-r--r-- | templates/resource.html | 6 | ||||
| -rw-r--r-- | templates/thumbs.html | 4 |
8 files changed, 90 insertions, 14 deletions
diff --git a/posts/2015-08-12-spqr.md b/posts/2015-08-12-spqr.md index 775b0d2..04da416 100644 --- a/posts/2015-08-12-spqr.md +++ b/posts/2015-08-12-spqr.md @@ -1,5 +1,6 @@ --- title: S.P.Q.R. +torrent: magnet:?xt=urn:btih:65985722df89f24a074f1086dfa2b5d83d9d22ff&dn=winxgta.mp4&tr=wss%3A%2F%2Ftracker.bunny.garden&tr=https%3A%2F%2Ftracker.bunny.garden%2Fannounce&tr=udp%3A%2F%2Ftracker.bunny.garden%3A1337 --- asdfhskjf diff --git a/posts/2015-10-07-rosa-rosa-rosam.md b/posts/2015-10-07-rosa-rosa-rosam.md index 235160c..07f260b 100644 --- a/posts/2015-10-07-rosa-rosa-rosam.md +++ b/posts/2015-10-07-rosa-rosa-rosam.md @@ -1,6 +1,6 @@ --- title: Rosa Rosa Rosam -torrent: magnet:?xt=urn:btih:dd8255ecdc7ca55fb0bbf81323d87062db1f6d1c&dn=Big+Buck+Bunny&tr=udp%3A%2F%2Fexplodie.org%3A6969&tr=udp%3A%2F%2Ftracker.coppersurfer.tk%3A6969&tr=udp%3A%2F%2Ftracker.empire-js.us%3A1337&tr=udp%3A%2F%2Ftracker.leechers-paradise.org%3A6969&tr=udp%3A%2F%2Ftracker.opentrackr.org%3A1337&tr=wss%3A%2F%2Ftracker.btorrent.xyz&tr=wss%3A%2F%2Ftracker.fastcast.nz&tr=wss%3A%2F%2Ftracker.openwebtorrent.com&ws=https%3A%2F%2Fwebtorrent.io%2Ftorrents%2F&xs=https%3A%2F%2Fwebtorrent.io%2Ftorrents%2Fbig-buck-bunny.torrent +torrent: magnet:?xt=urn:btih:dac04356dbd7cce8337751366b0f36cbd1b40e00&dn=keitai.mp4&tr=wss%3A%2F%2Ftracker.bunny.garden&tr=https%3A%2F%2Ftracker.bunny.garden%2Fannounce&tr=udp%3A%2F%2Ftracker.bunny.garden%3A1337 author: Ovidius --- diff --git a/resources/html-css-cheatsheet.md b/resources/html-css-cheatsheet.md new file mode 100644 index 0000000..06c3376 --- /dev/null +++ b/resources/html-css-cheatsheet.md @@ -0,0 +1,25 @@ +--- +title: basic html & css cheatsheet +published: 2024-07-14 +--- + +# base html file + +``` +<!DOCTYPE html> +<html> + +<head> +</head> + +<body> +</body> + +</html> +``` + +# common html tags + +## basic + + @@ -54,6 +54,7 @@ pre { .meta { display: flex; + margin: 1em 0; flex-direction: column; align-items: flex-end; } @@ -210,6 +211,7 @@ article { background-color: #06360f; /* aspect-ratio: 16 / 10; */ width: auto; + max-width: min(100%, 100vw); padding: 0vw; } 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 |