summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--posts/2015-08-12-spqr.md1
-rw-r--r--posts/2015-10-07-rosa-rosa-rosam.md2
-rw-r--r--resources/html-css-cheatsheet.md25
-rw-r--r--style.css2
-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
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
+
+
diff --git a/style.css b/style.css
index 9a83e04..12bbb8e 100644
--- a/style.css
+++ b/style.css
@@ -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