add austinhuang.me

[austinhuang0131]

Do you have a purely non-JS widget? (Since it's Next.js I suppose one could be added if your subscription allows hosting dynamic API endpoints)

[eclecticpassions]

I'm also trying to figure out a non-js way to add this webring to my site... Somehow fetch the data from https://webring.fun/data/all.json.
Edit: I think I got something working—I'm using Hugo and used {{- $remote := resources.GetRemote "https://webring.fun/data/all.json" -}} to fetch the JSON data. And then a small snippet of JS to load a different random link instead of a fixed one only on site build: <script> document.addEventListener('DOMContentLoaded', () => { const a = document.querySelector('.webring-random'); if (!a) return; let urls; try { urls = JSON.parse(a.dataset.sites || '[]'); } catch(e) { return; } if (urls.length) a.href = urls[Math.floor(Math.random() * urls.length)]; }); </script>