3/4 screen clock

[alarm_guy1]

Is there anyway to get a clock to fill 3/4's of the screen.
Basically, I want limited icons on the main screen. or can standby mode display a full screen clock

cheers

[clinkadink]

What type of clock? Digital or analogue?
Do you mean centered in the middle of the screen, with a column either side to place a limited amount of blocks?
Is there anything above or below the clock?

[alarm_guy1]

Hi cheers for the reply,
Preferably Analogue, and in an ideal world I would like to:
fill the entire width(12) with the clock
and have space at the top to have maybe 4 IDX items in my case would be [66,114,86,30] 66 is a temperature control (SVT) and the other 3 are temperatures from 3 sensors
Lastly if possible in standby mode can a fullscreen clock be displayed.

I dont mind if the clock display a live running URL like https://www.online-stopwatch.com/large-online-clock/.
I dont really want to have to tap on it to get info.
Basically we have a 3rd gen Ipad in a 3d printed wall mount in the kitchen, it just displays a basic set of info, the media player weather etc, but our clock has failed so thought I could repurpose and have a clock and heating controls.

cheers

[clinkadink]

Something like this maybe?

Code: Select all

blocks[66] = {
	width: 3,
	height: 250
}
blocks[114] = {
	width: 3,
	height: 250
}
blocks[86] = {
	width: 3,
	height: 250
}
blocks[30] = {
	width: 3,
	height: 250
}
frames.clock = { 
	refresh: 1, 
	frameurl: 'https://www.online-stopwatch.com/large-online-clock/',
	key: 'clock',
	width: 12,
}
columns = {}
columns[1] = {}
columns[1]['width'] = 12;
columns[1]['blocks'] = [ 66, 114, 86, 30, frames.clock  ]

You can then style the clock, add padding, etc ... in your custom.css

Code: Select all

[data-id='clock'] {
    padding: 5px;
}

[alarm_guy1]

cheers, ill take a look, sorry for the late reply I dont seem to get notifications anymore