1h 42m 2s logged
7h 20m 28s logged
Ship
Pending review
@nouxinf
on
Badgeware Tufty WeatherStation
I just finished making the Badgeware Tufty Weatherstation.
The Badgeware Tufty is a cool digital conference badge made by Pimoroni that comes with a nice screen, buttons, a battery and the RP2350 chip. This makes it fairly capable at 8MiB of RAM, meaning it could be used for just about anything (yes 8MiB is enough). The default firmware has an apps launcher that can launch user-made MicroPython apps, like Weatherstation.
Weatherstation is essentially a weather app. The two main features are 1. the multisensor strip: you can plug in a Pimoroni made multisensor stick to get temperature, humidity and air pressure data and 2. internet data from openmeteo. you set the coordinates for your locations in options.json (typing them in manually with the tufty’s 5 buttons would be a pain), it fetches place names for the coordinates (usually suburb, city) through OpenStreetMap Nominatim and displays them or you can set a nickname to override it. it then fetches the weather data from openmeteo and displays temperature, precipitation and wind direction with cool pixel art icons. it updates weather data every 10 minutes, but you can manually refresh by pressing A.
The other two screens is the vitals screen, which displays battery percentage, though it doesn’t display the percentage if it’s charging due to a bug with either the firmware or the hardware where it always shows 100% even though its not, the amount of storage space left and the amount of ram free. The next screen after that is attribution info, giving credit to OpenStreetMap and Open-meteo which is legally required.
If you’re reading this you probably don’t have a Badgeware Tufty and that’s ok because I forked the official Badgeware Web Emulator at https://try.badgewa.re/ (with permission “I think it’s acceptable to consider it MIT, but either way fork away- and enjoy!” - Gadgetoid, the developer of the simulator on the pimoroni discord) and updated it with some info, installation instructions, and an options.json setup tool. Try it out at https://weatherstation.nouxinf.net/ or press the “Try Project” button! Note that Vitals info data and sensor data are made up (obviously).
I hope you enjoy this project!
@nouxinf
on
Badgeware Tufty WeatherStation
3h 0m 15s logged
Devlog #11 of the Badgeware Tufty Weatherstation (prob the final one)
In this devlog I:
- added this vitals screen which includes battery percentage, flash storage space used and the amount of PSRAM free. It doesn’t show the percentage when its plugged in because for some reason the battery reader always gives 100% when its plugged in
- published the weatherstation website to https://weatherstation.nouxinf.net/
- fix a few bugs
@nouxinf
on
Badgeware Tufty WeatherStation
2h 23m 10s logged
@nouxinf
on
Badgeware Tufty WeatherStation
6h 30m 43s logged
Devlog #9 of the Badgeware Tufty Weatherstation
In this devlog I:
- stripped down the fork of the badgeware web emulator to onl have the badge screen and console log
- then added content to the homepage talking about the app
- added a new page with installation instructions for users unfamiliar with the badgeware tufty
- in that tutorial page i made a tool that generates options.json configurations where you can set temperature unit and pick out coordinates on a map
@nouxinf
on
Badgeware Tufty WeatherStation
1h 26m 15s logged
Devlog #8 of the Badgeware Tufty Weatherstation
In this devlog I:
- forked the badgeware web simulator with permission
- modified the backend slightly to “work on my machine”
- also modified the actual badge code to use badgeware libraries instead of micropython libraries to let it work on the emulator
- added a github action to automatically update whats on the simulator repo when a new weatherstation release comes out
things i’ve yet to add:
- automatic time zone setting in the simulator: will add that by overriding secrets.py somehow
- reskinning the whole site to be a weatherstation homepage
@nouxinf
on
Badgeware Tufty WeatherStation
2h 20m 14s logged
Devlog #7 of the Badgeware Tufty Weatherstation
In this devlog I:
- Made it that the A button allows refetching weather data
- Automatically refresh weather data every 10 minutes
- Have a text display that shows when the weather was last updated (respecting TIMEZONE setting in secrets.py)
- Fixed some issues so now most of the time you can plug and replug the multisensor stick. Doesn’t work very reliably though due to issues where the cable is half-connected yet the badge is trying to read from the sensor.
@nouxinf
on
Badgeware Tufty WeatherStation
18m 21s logged
@nouxinf
on
Badgeware Tufty WeatherStation
4h 39m 32s logged
Devlog #5 of the Badgeware Tufty Weatherstation
Stuff added since the last devlog:
- Updated firmware version: While I was working on a side project Pimoroni made new firmware versions so I ported it from
2.0.2to3.0.2though I’m pretty sure it works with3.0.03.0.1 - Along with that I changed some functions to native ones like word wrapping and centering text that came with
3.0 - I added a temperature icon to the internet weather, and added precipitation and wind direction both with icons (pictured)
- I modified someone else’s screenshot code to work on windows and have a few extra features, which is how the screenshot attached was taken.
- Added comment boxes generated by one of my side projects, https://commentboxgenerator.lemonsite.uk/
- Write a readme and roadmap
Things that have yet to be added (from the roadmap)
- Offline support
- internet is optional just like sensor
- Update weather every 1 hour or on request- Some basic forecast information (e.g. weather icons per day of the week) in another screen
- Web editor for
options.jsonthrough Flask or Bun (preferrably something self contained though) - Badge diagnostics page (e.g. storage space, RAM, battery)
- Fork badgeware web simulator to work with weatherstation by adding proxy
Ship
@nouxinf
on
Comment Box Generator
I made Comment Box Generator, which is a simple website that lets you make ASCII/Unicode comment boxes. For example:
# ██████████████████████████████████████
# █ EXAMPLE █
# ██████████████████████████████████████
(these kinds of comments look centred when using a monospace font, which most code editors do)
It has several customisation features, like:
- Changing the text (obviously)
- Changing what language its for
- Changing the minimum width (it automatically widens if the minimum width is less than the text length)
- Deciding whether the comment should be multiline or not ( i.e. whether to use
//or/* */ - What box symbol to use out of 9
- Dark mode/light mode/detect from system settings
Other features include:
- Links to Github and this Hack Club Stardance project page
- An info dialog, with attribution to Font Awesome for their icons
You can check it out easily at https://commentboxgenerator.lemonsite.uk/
You can also self host it by cloning the github repo and running bun install, then bun run deploy. There is also a script, vps.sh, which is made for running it 24/7 on a linux server. It kills whatever process is on the same port (3054) and deploys the site, with logs at ~/logs/cbg.log. You don’t need to worry about that though if you are just checking the site out.
@nouxinf
on
Comment Box Generator
3h 41m 18s logged
Devlog #4 of Comment Box Generator
Comment Box Generator is a super lightweight site for making unicode boxes to put in comments in your code that are centred, for example:
# ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
# ▓ EXAMPLE ▓
# ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
(which looks centred if you are using a monospace font)
This is probably the last devlog for this project, meaning all these changes are finishing touches. For example:
- Loads more box options - there are now 9 of them
- Started using Liberation Mono to make appearance consistent between OSs instead of relying on the default
monospacefont - Some SEO: Meta tags have been added to the HTML and I put the site on Google Search Console so hopefully soon people will find this site naturally
- Simple favicon
- A copy button to the output plus wrapping it in a container
- A proper README + CONTRIBUTING.md
- A dialog fade/zoom in and out animation. Cross-browser quirks are INSANELY annoying, took 19 Qwen prompts to sort that one out
Will be shipping it soon!
@nouxinf
on
Comment Box Generator
3h 49m 29s logged
Devlog #3 of Comment Box Generator
Comment Box Generator is a super lightweight site for making unicode
boxes to put in comments in your code that are centred, for example:
/*
╔════════════════════════════════════╗
║ EXAMPLE ║
╚════════════════════════════════════╝
*/
(trust me this looks normal in a code editor)
It’s made with Bun on the backend, so it builds and hosts fast. When
distributed, it loads super fast as it’s only 50KB minified. This is
done by removing all whitespace in HTML, CSS and JS and removing
unnecessary glyphs in the one font that’s bundled, Stack Sans.
Things that have been added since the previous devlog:
- Unicode box symbols: this is far more reliable than using just one
character like=because there are far fewer of those that work with
centred box comments. Now you define eight characters for each box
preset, for each side and corner. - Proper CSS! and Dark mode with that too.
- Minifying fonts in the Bun build script
- Forcing multiline for languages like HTML where there are no single
line comments - Removed RobotoMono and instead used the browser’s default monospace
font as that was causing issues with the unicode box approach - Colour scheme options and Github, Hack Club Stardance links and an
info dialog in the top right
Things yet to come:
- A proper README
- More box options
- SEO (I want people to organically find this site after all)
- A favicon
- A copy button for the output, plus generally styling that up
Ship
RNG is a WearOS smartwatch app that lets you generate random numbers. It has 3 modes:
- Coin flip
- Dice roll
- Custom range of random numbers between 1-100
It’s made with Android Studio with Jetpack Compose in Kotlin, a language I’ve never worked with before prior to this project. As a matter of fact I’d never properly dabbled in Android development before this. Working on this app was difficult as WearOS is far less documented than standard mobile Android, but I got through it and this is my first real, public native app!
You can follow the instructions in the README to download the app onto your smartwatch. Unfortunately if you do not have a WearOS smartwatch you won’t be able to run this project, however you may be able to run it in an emulator on sufficiently powerful hardware.
24m 24s logged
Updated the README to have clear instructions on how to install the app before shipping
1h 37m 24s logged
Fixed some bugs that were mentioned earlier, I’m pretty sure it’s ready to ship now! I’ve added f-droid metadata to the project, however I tried to add it there but they haven’t got back to me.
Also made this cool banner image which is attached:
@nouxinf
on
Comment Box Generator
2h 42m 45s logged
Devlog #2 of Comment Box Generator
Comment Box Generator is a small site that lets you generate comment boxes with text inside for various programming languages:
# ======================================
# = like so =
# ======================================
(which is centred when you are using a monospace font)
In this devlog I’ve rewritten the “backend” in Bun so in package.json there are several scripts for various purposes:
- Build: just
bun run build.jswhich minifies whats insrc/and puts it out todist/ - Deploy: Builds and hosts the project
- VPS: This runs
vps.shwhich is primarily just meant for me to run on my VPS (hosted at https://commentboxgenerator.lemonsite.uk/ ). It kills whatever process is on the port used by CBG (always 3054), builds the project and deploys. It usesnohupto log to a file and to run in the background. It then restarts nginx. - Dev: This just runs a development server: unminified and with hot reload straight from
src/
On the frontend I’ve added the option to use different languages’ comment syntax, to use single line or multiline comments, and to change what symbol is used for the box.
Things that are coming soon:
- Styling (as you can tell not much attention has been paid to that yet)
- Forcing multiline for languages that don’t support single line comments like HTML
@nouxinf
on
Comment Box Generator
41m 39s logged
Was trying to write one of those centred box comments in one of my projects, like:
# ======================================
# = HELPER FUNCTIONS =
# ======================================
(which is centred in monospace font)
But I couldn’t find any tool online that could centre a box comment online, so I’m making one myself.
Here’s just a minimal prototype for Python, but I will be updating and making it look nicer; and most importantly adding new features like other language support and custom box characters.
@nouxinf
on
Badgeware Tufty WeatherStation
2h 43m 42s logged
Devlog #4 of the Badgeware Tufty Weatherstation
Stuff added in this devlog:
- Indicator to show how many pages there are and which one you’re on
- 16 weather icons that map to the WMO codes that openmeteo gives
- Temperature display (that respects units set in options.json)
Potentially next I’ll code a precipitation levels display, and maybe some charts that show temperature and precipitation throughout the day when you press B.
@nouxinf
on
Badgeware Tufty WeatherStation
4h 37m 54s logged
Devlog #3 of the Badgeware Tufty Weatherstation
The Badgeware Tufty is this cool conference badge from Pimoroni that is programmable with MicroPython. I’ve been making a Weather Station app for it, which can use a Pimoroni multisensor kit to show temperature, humidity and air pressure, but soon it will be able to fetch weather data around the world from the internet.
In the previous devlogs I added the multisensor screen. Now I’ve started working on the weather from the internet part. So far it gets coordinates from options.json, and can show the suburb/neighbourhood and the city from Openstreetmap Nominatim. You can also optionally set a nickname for a location.
Next up I’ll actually be putting the weather info in.
That’ll involve getting data from Openmeteo, drawing a bunch of pixel art icons for each (~80) weather codes and rendering out the data.
Loading more…