Text Box: <- Back 


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 A blue rectangle with white text

AI-generated content may be incorrect., 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!