Family Info Board

[Wedee]

@bhepler

Sorry just got back from a work trip to Europe. Yes the Family loves the board. Already have made several improvements, and have several more ideas we want to try. I had bought an additional Raspberry Pi to play with and successfully set up Alexa, so I think that is the next major add to the info board.

After telling a few at work about the idea two more guys have set up a similar board at their place, and their families love it as well.

[fox]

@Wedee said in Family Info Board:

@bhepler

Sorry just got back from a work trip to Europe. Yes the Family loves the board. Already have made several improvements, and have several more ideas we want to try. I had bought an additional Raspberry Pi to play with and successfully set up Alexa, so I think that is the next major add to the info board.

After telling a few at work about the idea two more guys have set up a similar board at their place, and their families love it as well.

It would be great if you could share your css.
Your calendar looks great but i am absolutely css noob.

[1m2]

@fox agreed.
would be cool if he would share that w/the rest of us. LOL

[poekel]

@fox agreed.

Weedee could you please share ?

[Wedee]

As I have already done for many, just shoot me a PM with your email address and I will send the custom.css and background.

[lucallmon]

@Wedee can you post your custom.css file?

[Padilla187]

this is perfect!

[Padilla187]

@Wedee don’t want to be a wierdo but I fell in love with this I Just shot you a pm

[Orca]

@Wedee : How did you the trick with several calendars? Could you please share some infos for me?
Thx

[lucallmon]

@Orca simply clone the module for the calendar and change the settings for login.

[Orca]

@lucallmon: Can you give me a hint how to clone this module. I’ve copied the folder into …/modules and named it calendar1, but only black screen.
Thx

[Wedee]

No need to duplicate the module, in the config.js just repeat the module config but point to the second calendar settings.

[yawns]

You have two possibilities with the calendar module.

Option 1:

This shows one block and mixes both calendars, sorted by date

modules: [
	{
		module: 'calendar',
		header: 'both calendars'
		position: 'top_left',
		config: {
			calendars: [
				{
				url: 'http://www.whatever.....xx.ics',
				symbol: 'calendar',
				},
				{
				url: 'http://www.justanother....zz.ics',
				symbol: 'calendar',
				}
			],
		}
	}
]

Option 2:

This show calendar1 sorted by date and then shows calendar2 sorted by date, but in a seperate block with a seperate header

modules: [
	{
		module: 'calendar',
		header: 'calendar1'
		position: 'top_left',
		config: {
			calendars: [
				{
				url: 'http://www.whatever.....xx.ics',
				symbol: 'calendar',
				}
			],
		}
	},
	{
		module: 'calendar',
		header: 'calendar2'
		position: 'top_left',
		config: {
			calendars: [
				{
				url: 'http://www.justanother....zz.ics',
				symbol: 'calendar',
				}
			],
		}
	}	
]

[Orca]

THX, that did the trick.

[dsegel]

Another request for you to post your css for calendar_monthly…I’m not having much luck getting it formatted widely enough.

[emos]

Very clean.

Can i ask, how did you manage to create horizontal lines for all the modules?

Thanks

[Wedee]

@emos I believe its just a function of my CSS forcing column widths (width: xxxpx;). As the headers of the module are usually set to “float” the forcing of a width makes them span the entire column.

I have not touched the mirror in about a year - it just runs.

[emos]

@Wedee Thank you for your reply.
Do you mind sharing your main.css and custom.css with us? It looks too damn good ;)

[Wedee]

@emos Shoot me a PM with your email and I will add you to the dropbox share i have of the files.

[IndyMac]

@wedee I like your design. I’m just getting started on my MagicMirror. Do you mind adding me to the Dropbox share? Thanks!