Weather
+ timedate display – 02/07/2025
I have
created a timedate and weather display out of an $80 tablet and some HTML code.
The tablet
runs android GO, and it came with Google Chrome preinstalled.
I created
and then hosted this html file (html code is in .txt)
on my web server. I then opened the url of the html file on Google Chrome on
the tablet. I then put it in fullscreen via the dedicated fullscreen button , which disappears once it is in fullscreen. The page should
automatically stretch to fill the size of the screen.
I have the
tablet permanently plugged in. You could use a kiosk browser app for enhanced
immersion.
In my
tablet’s settings, the max auto-lock time was 30 minutes. This is not suitable
for a display meant to be running 24/7/365. To get around this, you need to
enable developer mode.
1.
Go
to the settings app
2.
Go
to “About phone/tablet/device”
3.
Tap
on “build number” 7 times in a row, or keep tapping until a message appears
saying “you are now a developer”
4.
Go
back to the main settings menu. You should now see a developer options menu.
5.
Go
to the developer options menu, and enable “Stay awake”
This keeps the screen on forever as long as it is plugged in.
It gets the
live time and date from the device’s clock.
It gets
& displays the weather data using a weather widget (from weatherwidget.io)
which ultimately gets the data from OpenWeatherMap. I have found this data to
be accurate and update in a timely manner.
You can
customise the weather widget by creating one on the weatherwidget.io website
and modifying the html.
The weather
widget automatically updates/refreshes every minute.
It has 4
different greetings based on the time of day:
Ø 6am-12pm - Good morning ☀️
Ø 12pm-6pm - Good afternoon 🌤️
Ø 6pm-10pm - Good evening 🌙
Ø 10pm-6am - Good night 🌌
Between the
hours of 6am-6pm, it is in “light” mode:
Between
6pm-6am, it switches to “dark” mode:
That’s all
for this project! I hope you enjoyed it!