add vdo.ninja page

have to drop the color-scheme option because it leads to
`allowtransparency` having no effect on the iframe because their
settings differ: https://redd.it/14axek9

Signed-off-by: Robert Günzler <r@gnzler.io>

2 files changed, 57 insertions, 2 deletions

diff --git a/links/main.css b/links/main.css
index 67a9efc..dcd54cd 100644
--- a/links/main.css
+++ b/links/main.css
@@ -9,8 +9,6 @@
   --body-spacing: 45px;
   --body-line-height: 1.3;
   --body-inline-padding: 15px;
-
-  color-scheme: light dark;
 }
 
 ::selection {
@@ -354,6 +352,15 @@ ul.nobull li {
   place-items: center;
 }
 
+.squish {
+  display: flex;
+}
+
+.squish>* {
+  width: 100%;
+  height: 100%;
+}
+
 .size-s {
   max-height: 150px;
 }
@@ -495,3 +502,9 @@ math,
 time[datetime*=":"] {
   font-variant-numeric: tabular-nums lining-nums slashed-zero;
 }
+
+iframe {
+  border: 0;
+  margin: 0;
+  padding: 0;
+}
diff --git a/site/talk.html b/site/talk.html
new file mode 100644
index 0000000..c2be4cd
--- /dev/null
+++ b/site/talk.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="thumbnail" content="/media/services/thumbnail.jpg">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/links/rss.xml">
+  <link rel="stylesheet" type="text/css" href="/links/main.css">
+  <link rel="shortcut icon" type="image/png" href="/media/services/icon.png">
+  <link rel="license" href="https://git.sr.ht/~robertgzr/site/blob/master/LICENSE.content">
+  <title>gzr.im &mdash; talk</title>
+</head>
+
+<body>
+  <header>
+    <a href="/"><img src="/media/interface/logo.svg" alt="gzr.im"></a>
+    <span style="font-weight:bold;font-size:2rem;font-family:monospace;">...</span>
+  </header>
+  <main>
+    <section class="fullpage squish">
+      <!-- cssb64 = $(node -e 'console.log(btoa(encodeURIComponent("body<a href="/site/font-family:sans-serif!important;.html">font-family:sans-serif!important;</a>.column,.alertModal<a href="/site/border-radius:0!important;.html">border-radius:0!important;</a>")))') -->
+      <iframe allow="web-share;camera *;microphone
+        *;fullscreen;display-capture;screen-wake-lock;" allowtransparency="true" allowfullscreen="true"
+        credentialless="true" crossorigin="anonymous"
+        src="https://vdo.ninja/?room=testingdinging&autohide&controlbarspace&videocontrols=0&rounded=0&transparent&cssb64=Ym9keSU3QmZvbnQtZmFtaWx5JTNBc2Fucy1zZXJpZiFpbXBvcnRhbnQlM0IlN0QuY29sdW1uJTJDLmFsZXJ0TW9kYWwlN0Jib3JkZXItcmFkaXVzJTNBMCFpbXBvcnRhbnQlM0IlN0Q="></iframe>
+    </section>
+  </main>
+  <footer>
+    Edited on 2025-05-16
+    <a href="https://git.sr.ht/~robertgzr/site/tree/master/src/inc/talk.htm" target="_blank">[src]</a>
+    <a href="mailto:~robertgzr/public-inbox@lists.sr.ht">[comments]</a>
+    <br>
+    <b>robertgzr</b>
+    &copy; 2025
+    &mdash;
+    <a href="https://git.sr.ht/~robertgzr/site/blob/master/LICENSE.content" target="_blank">BY-NC-SA 4.0</a>
+  </footer>
+  <a href="#top">[&#9206;]</a>
+</body>
+
+</html>