mmm-suncalc - Text only display of sunrise, sunset and other sun events

dankerthrone

Hey, total newbie to everything coding- and mirror-related here. I tried to get suncalc to work while also trying @retroflex 's suggested layout, but whatever I do, nothing ever show’s up on my MM screen. The module just doesn’t do anything. Do I need to also clone the original suncalc repository? Where to, if so?

So far, what I got is this:

{
			module: 'mmm-suncalc',
			position: "lower_third",
			//classes: "default everyone small dimmed",
			header: "Sonne",
			config: {
				latitude: 51.03586,
				longitude: 7.06379,
				text: "Aufgang: <dawn> - <sunrise>. Untergang: <sunset> - <dusk>"
				//'<table>' + 
				//'<tr><td>&#9728;</td><td>Går upp:</td><td><dawn> - <sunrise></td></tr>' +
				//'<tr><td>&#9790;</td><td>Går ner:</td><td><sunset> - <dusk></td></tr>' +
				//'</table>'
				},
		},

Does that look alright?

sdetweil

@dankerthrone the module is on github

https://github.com/janbanan007/mmm-suncalc

the readme shows a simple start

dankerthrone

Thanks. I think in general people know to cd to the module folder to be installed and then run

npm install

but I didn’t get that from the readme, thus ran the install command from the ~/MagicMirror folder and as a result never installed anything. No wonder the thing doesn’t run :D

It does now, though, so thanks again!

Lordy

Hello,

can sunrise and sunset be colored, if so, can you please tell me the line (command) for css?

retroflex

@Lordy There are no css names to distinguish sunrise and sunset. But you can add html directly to the config instead. See my previous answer to this thread for an example. So something like:

text: 'Sunrise < span style="color: #ffff00" >< sunrise >< /span >

Remove the extra spaces next to the brackets. Had to include them or otherwise the forum would show nothing.

Lordy

@retroflex
Where exactly? Here my config:

text: ‘

’+‘’+‘’+‘

☀	Sonnenaufgang:	-
☾	Sonnenuntergang:	-

’

Lordy

retroflex

@Lordy Aha. Then change one of the < td > to < td style=“color: #ffff00” >

Lordy

@retroflex
Thank U,that’s it. :thumbs_up_light_skin_tone:

Lordy