john/lolz
1
0
Fork 0
mirror of https://github.com/jbowdre/lolz.git synced 2024-11-21 20:52:19 +00:00
Code Issues Projects Releases Packages Wiki Activity

update readme

Browse source
This commit is contained in:
John Bowdre 2024-03-06 20:40:44 -06:00
parent aec4905295
commit f09a8a4070
1 changed files with 2 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
README.md
View file

@ -2,21 +2,5 @@
This repo holds miscellaneous stuff I cobbled together for use with my [omg.lol profile](https://jbowdre.lol) and [associated services](https://home.omg.lol/referred-by/jbowdre).
### (Near) Realtime Weather on profile.lol
I recently saw [Kris's omg.lol profile page](https://kris.omg.lol) with integrated live local weather conditions, and I thought that was exceptionally neat. I immediately wanted to do the same with data from my [Weatherflow Tempest weather station](https://shop.weatherflow.com/products/tempest), but wasn't sure how I could do that without putting my API token in the browser. So I promptly abandoned the idea and moved on to other things.
I later realized that I could use another system to grab data from the authenticated API, and post that somewhere world-readable for the profile page to retrieve it.
So I cobbled together a sort of API proxy: a [simple GitHub Actions workflow](.github/workflows/tempest.yml) that runs every ~5 minutes. It uses secrets stored securely in my GitHub repo to fetch the weather data from the [Weatherflow Tempest API](https://weatherflow.github.io/Tempest/api/), filters for just the current conditions data (not the giant mess of future-forecast details), and posts that to my [paste.lol pastebin](https://paste.jbowdre.lol/tempest.json).
I could then use JavaScript to retrieve the weather details from the pastebin. I cobbled together a [quick local HTML page](tempest.html) for testing as I worked through how to get the data displayed and formatted correctly.
![Plain, unstyled weather test page](assets/weather-plain.png)
Once I got the scripting sorted out, I was able to easily transfer the script block and relevant spans to [my omg.lol profile page](https://jbowdre.lol) - where I think it looks quite dope, if I do say so myself.
![Groovy styled weather displayed on my profile page](assets/weather-styled.png)
Big thanks to [Kris](https://kris.omg.lol) for the inspiration and examples I needed to get this working.
Full details on how this works are available over on [runtimeterror.dev](https://runtimeterror.dev/display-tempest-weather-static-site/).
- [`tempest.yml`](.github/workflows/tempest.yml): display (near) realtime weather data on my omg profile (details at [runtimeterror.dev](https://runtimeterror.dev/display-tempest-weather-static-site/))
- [`fetch-now.yml`](.github/workflows/fetch-now.yml) / [`update-now.yml`](.github/workflows/update-now.yml): manage /now page