itsscb/htmx
1
0
Fork 0
mirror of https://github.com/bigskysoftware/htmx.git synced 2025-09-30 22:41:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

webring + remove graph

Browse Source
This commit is contained in:
Carson Gross 2023-08-30 07:22:09 -06:00
parent 6dff1c3574
commit 5aa82baf0e
2 changed files with 94 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
www/content/talk/index.md
View File

@ -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

89
www/content/webring.md Normal file
View File

@ -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>