diff --git a/www/content/talk/index.md b/www/content/talk/index.md
index c502d4a7..c0300c42 100644
--- a/www/content/talk/index.md
+++ b/www/content/talk/index.md
@@ -28,7 +28,11 @@ Email: [htmx@bigsky.software](mailto:htmx@bigsky.software)
 
 ## GitHub Stars
 
-<iframe style="width:100%;height:auto;min-width:600px;min-height:400px;" src="https://star-history.com/embed?secret=Z2l0aHViX3BhdF8xMUFBRFNSUFkwYmJnMkVucGpvWE1MXzR2NUlHTmZEOXRsNW9WNTc4d3lNU3ZHWldiaW84cjczN3ZSTDVUOHZjbXpGNlVSN1AyUGtKRUZmNVM3#bigskysoftware/htmx&bigskysoftware/_hyperscript&Date" frameBorder="0"></iframe>
+View a graph of github stars [here](https://star-history.com/embed?#bigskysoftware/htmx&bigskysoftware/_hyperscript&Date)
+
+## Webring
+
+You can find the htmx webring [here](@/webring.md)
 
 ## Training
 
diff --git a/www/content/webring.md b/www/content/webring.md
new file mode 100644
index 00000000..821b252e
--- /dev/null
+++ b/www/content/webring.md
@@ -0,0 +1,89 @@
++++
+title = "htmx webring"
++++
+
+<style>
+  h1 {
+    display: none;
+  }
+  footer {
+    display: none;
+  }
+
+  #webring-div {
+    font-family: Times New Roman;
+  }
+</style>
+
+<div id="webring-div" style="min-width: 620px;">
+
+<table style="border: black 4px double; text-align: center">
+<tr>
+  <td style="border: 1px black solid">
+    <img width="200px" src="/img/createdwith.jpeg">
+  </td>
+  <td  width="70%" style="text-align: center; font-size: 20px; border: 1px black solid">
+     This Great <a href="https://htmx.org">htmx</a> Webring site is owned by <a href="https://bigsky.software">Your Name Here</a>.
+  </td>
+  <td style="; border: 1px black solid"">
+    <img width="200px" src="/img/createdwith.jpeg">
+  </td>
+</tr>
+<tr>
+<td colspan="3" style="text-align: center; ; border: 1px black solid">
+    [<a _="on click
+             set links to <a/> in the #ring-table
+             decrement :index
+             if :index is -1
+                get the length of the links
+                set :index to the result - 1 
+             end
+             log :index
+             get links[:index]
+             set the #webring's src to the result's @href
+             ">Prev</a>][<a _="on click
+             set links to <a/> in the #ring-table
+             set :index to Math.floor(Math.random() * length of the links)
+             get links[:index]
+             set the #webring's src to the result's @href
+             ">Random</a>][<a _="on click
+             set links to <a/> in the #ring-table
+             increment :index
+             if :index is length of the links
+                set :index to 0
+             end
+             get links[:index]
+             set the #webring's src to the result's @href
+             ">Next</a>]<br/>
+    [<a id="show-sites"
+        _="on click 
+             transition #webring's height to 0px then
+             transition #site-table's height to 100% then 
+             hide me then
+             show #return-to-webring">List Sites</a><a id="return-to-webring"
+        style="display: none"
+        _="on click 
+             transition #site-table's height to 0px then
+             transition #webring's height to 'calc(100vh - 250px)' then 
+             hide me then
+             show #show-sites">Return To Webring</a>]
+</td>
+</tr>
+</table>
+
+<div id="site-table" style="height: 0px; overflow: hidden">
+<table>
+<thead>
+  <tr><th>Name</th><th>Description</th></tr>
+</thead>
+<tbody id="ring-table">
+  <tr><td><a rel="nofollow" target="_blank" href="https://www.commspace.co.za/">Commspace</a></td><td>The ultimate solution for managing, tracking, splitting and analysing Financial Adviser revenue.</td></tr>
+  <tr><td><a rel="nofollow" target="_blank" href="https://www.contexte.com/">Contexte</a></td><td>L’écosystème politique, au-delà des politiques publiques sectorielles : les métiers, les gens, les textes, les institutions</td></tr>
+  <tr><td><a rel="nofollow" target="_blank" href="https://ocaml.org/">ocaml.org</a></td><td>An industrial-strength functional programming language with an emphasis on expressiveness and safety</td></tr>
+  <tr><td><a rel="nofollow" target="_blank" href="https://www.nikevision.com/">Nike Vision</a></td><td>Eye-wear</td></tr>
+</tbody>
+</table>
+</div>
+
+<iframe id="webring" src="https://www.commspace.co.za" style="position:fixed;right:0;left:0;bottom:0;height:200px;width:100vw;height: calc(100vh - 250px)" name="webring"></iframe>
+</div>
\ No newline at end of file