Skip to content

Instantly share code, notes, and snippets.

@cablehead

cablehead/index.html

Created August 6, 2025 18:48
Show Gist options
  • Save cablehead/c54b72fab6f853081e086be7b4875425 to your computer and use it in GitHub Desktop.
Save cablehead/c54b72fab6f853081e086be7b4875425 to your computer and use it in GitHub Desktop.
Download ZIP
ccto-wednesday-july-23-2025
Raw
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>reveal.js</title>
<link rel="stylesheet" href="dist/reset.css">
<link rel="stylesheet" href="dist/reveal.css">
<link rel="stylesheet" href="dist/theme/dracula.css">
<!-- Theme used for syntax highlighted code -->
<link rel="stylesheet" href="plugin/highlight/monokai.css">
</head>
<body>
<div class="reveal">
<div class="slides">
<section>
<p><a href="https://discord.gg/Bjrff8RvwH">Creative Code Toronto</a></p>
<h1>a <a href="https://www.iroh.computer/docs/overview">QUIC</a> trick with a <a href="https://www.dumbpipe.dev"><code>dumbpipe</code></a></h1>
<p>
<em><a href="https://ndyg.ca">@ndyg</a></em>
</p>
<p>
<small><a href="https://www.meetup.com/creative-code-toronto/events/308924886/">July 23, 2025</a> @ <a href="https://interaccess.org">InterAccess</a></small>
</p>
</section>
<section>
<div style="position: relative; height: 600px;">
<!-- Base EC2 container -->
<pre class="fragment fade-out" data-fragment-index="0" style="font-size: 0.4em; text-align: left; margin: 50px 0 0 20px; position: absolute;">
┌────ec2:i-05f53cff52f3bf928───────────────────────────────────────────────────┐
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
└──────────────────────────────────────────────────────────────────────────────┘
</pre>
<!-- Docker container -->
<pre class="fragment fade-in-then-out" data-fragment-index="0" style="font-size: 0.4em; text-align: left; margin: 50px 0 0 20px; position: absolute;">
┌────ec2:i-05f53cff52f3bf928───────────────────────────────────────────────────┐
│ │
│ ┌───────docker container: dagger -c ' ..| terminal'────────────────┐ │
│ │ │ │
│ │ │ │
│ │ │ │
│ │ │ │
│ │ │ │
│ │ │ │
│ │ │ │
│ │ │ │
│ │ │ │
│ │ │ │
│ │ │ │
│ │ │ │
│ │ │ │
│ └──────────────────────────────────────────────────────────────────┘ │
└──────────────────────────────────────────────────────────────────────────────┘
</pre>
<!-- Dagger engine -->
<pre class="fragment fade-in-then-out" data-fragment-index="1" style="font-size: 0.4em; text-align: left; margin: 50px 0 0 20px; position: absolute;">
┌────ec2:i-05f53cff52f3bf928───────────────────────────────────────────────────┐
│ │
│ ┌───────docker container: dagger -c ' ..| terminal'────────────────┐ │
│ │ │ │
│ │ ┌─────────dagger engine────────────────────────────────────┐ │ │
│ │ │ │ │ │
│ │ │ │ │ │
│ │ │ │ │ │
│ │ │ │ │ │
│ │ │ │ │ │
│ │ │ │ │ │
│ │ │ │ │ │
│ │ │ │ │ │
│ │ │ │ │ │
│ │ └──────────────────────────────────────────────────────────┘ │ │
│ │ │ │
│ └──────────────────────────────────────────────────────────────────┘ │
│ │
└──────────────────────────────────────────────────────────────────────────────┘
</pre>
<!-- Zellij -->
<pre class="fragment fade-in-then-out" data-fragment-index="2" style="font-size: 0.4em; text-align: left; margin: 50px 0 0 20px; position: absolute;">
┌────ec2:i-05f53cff52f3bf928───────────────────────────────────────────────────┐
│ │
│ ┌───────docker container: dagger -c ' ..| terminal'────────────────┐ │
│ │ │ │
│ │ ┌─────────dagger engine────────────────────────────────────┐ │ │
│ │ │ │ │ │
│ │ │ ┌────zellij────────────────────────────────────────────┐ │ │ │
│ │ │ │ │ │ │ │
│ │ │ │ $ │ │ │ │
│ │ │ │ $ http-nu localhost:3021 │ │ │ │
│ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │
│ │ │ └──────────────────────────────────────────────────────┘ │ │ │
│ │ └──────────────────────────────────────────────────────────┘ │ │
│ └──────────────────────────────────────────────────────────────────┘ │
└──────────────────────────────────────────────────────────────────────────────┘
</pre>
<pre class="fragment fade-in-then-out" data-fragment-index="2" style="font-size: 0.4em; text-align: left; margin: 50px 0 0 20px; position: absolute;">
┌────ec2:i-05f53cff52f3bf928───────────────────────────────────────────────────┐
│ │
│ ┌───────docker container: dagger -c ' ..| terminal'────────────────┐ │
│ │ │ │
│ │ ┌─────────dagger engine────────────────────────────────────┐ │ │
│ │ │ │ │ │
│ │ │ ┌────zellij────────────────────────────────────────────┐ │ │ │
│ │ │ │ │ │ │ │
│ │ │ │ $ │ │ │ │
│ │ │ │ $ http-nu localhost:3021 │ │ │ │
│ │ │ │ $ .. │ │ │ │
│ │ │ │ $ dumbpipe listen-tcp --host localhost:3021 │ │ │ │
│ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │
│ │ │ └──────────────────────────────────────────────────────┘ │ │ │
│ │ └──────────────────────────────────────────────────────────┘ │ │
│ └──────────────────────────────────────────────────────────────────┘ │
└──────────────────────────────────────────────────────────────────────────────┘
</pre>
<!-- Final state -->
<div class="fragment" data-fragment-index="3" style="position: absolute; top: 0; left: 0;">
<pre style="background-color: #26033C; font-size: 0.4em; margin: 0; margin-bottom: 60px; text-align: left;">
┌────local laptop ───────────────────────────────────────────────┐
│ │
│ $ dumbpipe connect-tcp --addr localhost:3021 &lt;ticket&gt; │
│ │
└────────────────────────────────────────────────────────────────┘
</pre>
<pre style="font-size: 0.4em; text-align: left; margin: 30px 0 0 20px;">
┌────ec2:i-05f53cff52f3bf928───────────────────────────────────────────────────┐
│ │
│ ┌───────docker container: dagger -c ' ..| terminal'────────────────┐ │
│ │ │ │
│ │ ┌─────────dagger engine────────────────────────────────────┐ │ │
│ │ │ │ │ │
│ │ │ ┌────zellij────────────────────────────────────────────┐ │ │ │
│ │ │ │ │ │ │ │
│ │ │ │ $ │ │ │ │
│ │ │ │ $ http-nu localhost:3021 │ │ │ │
│ │ │ │ $ .. │ │ │ │
│ │ │ │ $ dumbpipe listen-tcp --host localhost:3021 │ │ │ │
│ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │
│ │ │ └──────────────────────────────────────────────────────┘ │ │ │
│ │ └──────────────────────────────────────────────────────────┘ │ │
│ └──────────────────────────────────────────────────────────────────┘ │
└──────────────────────────────────────────────────────────────────────────────┘
</pre>
</div>
</div>
</section>
</div>
</div>
<script src="dist/reveal.js"></script>
<script src="plugin/notes/notes.js"></script>
<script src="plugin/markdown/markdown.js"></script>
<script src="plugin/highlight/highlight.js"></script>
<script>
// More info about initialization & config:
// - https://revealjs.com/initialization/
// - https://revealjs.com/config/
Reveal.initialize({
hash: true,
// Learn about plugins: https://revealjs.com/plugins/
plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment