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

update readme

Browse source
This commit is contained in:
John Bowdre 2024-02-08 23:21:17 -06:00
parent 108b3c9563
commit 6de54dd118
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
README.md
View file

@ -3,12 +3,18 @@
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). 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).
### Tempest ### Tempest
I was inspired by another omgloler who had their local live weather conditions displayed on their profile page, but I didn't want to put my weather station identifier or API token in the client-side code of my page. So I implemented a sort of API proxy: a [simple GitHub Action workflow](.github/workflows/tempest.yml) that runs every ~5 minutes. It uses secrets stored securely in the 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 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 can then safely use client-side scripting to retrieve the weather details from the pastebin. I cobbled together a quick [test HTML page](tempest.html) that I could use for local testing/development as I worked through how to get the data displayed and formatted correctly. 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) ![Plain, unstyled weather test page](assets/weather-plain.png)
And then I just copied/pasted the `<script />` and relevant `<span />` sections to the omg.lol profile page editor, and made a few tweaks to better fit the existing schema. I'm pretty pleased with how it turned out! 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) ![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.