OK… so, I figured out CSS except for how to write the file to work with magic mirror - this is where the documentation don’t exist.

Some CSS files have the module name in front of the css class, like “.MMM-NewsFeedTicker .tickerbody” - others just have the class as “.tickerbody” - what’s the difference?

Thanks!

in this forum? This forum is rapidly breaking all over the place. I’ve posted things without the post showing until next load, image uploading hasn’t happened for nearly a year, etc.

@pfoster4 https://pimylifeup.com/raspberry-pi-rotate-screen/

I use the GUI to rotate the screen directly. Set it and forget it. Just stop MM long enough to get the GUI.

I’ve found a lot of the holiday calendars have bad data in the ICS file causing the issue… CX2 is a little more picky than most ICS using programs.

Upon upgrading to 2.11.0 - I’m now getting a white screen on startup.

It’ll blank the screen, show the white screen with mouse cursor visible, then blank out again 2-3 seconds later, and start building the modules. Any clue of what’s going on?

Here’s my log of the restart via “PM2 Logs”:

PM2      | Stopping app:mm id:1
1|mm     | [2020-04-09 14:18:05.428] [LOG]
1|mm     | Shutting down server...
1|mm     | [2020-04-09 14:18:05.429] [LOG]    Stopping module helper: MMM-DarkSkyForecast
1|mm     | [2020-04-09 14:18:05.430] [LOG]    Stopping module helper: newsfeed
1|mm     | [2020-04-09 14:18:05.431] [LOG]
1|mm     | Stopping module helper: MMM-DHT-Sensor
1|mm     | [2020-04-09 14:18:05.432] [LOG]    Stopping module helper: MMM-SystemStats
1|mm     | [2020-04-09 14:18:05.432] [LOG]    Stopping module helper: MMM-Wallpaper
1|mm     | [2020-04-09 14:18:05.433] [LOG]    Stopping module helper: updatenotification
PM2      | pid=3232 msg=failed to kill - retrying in 100ms
PM2      | pid=3232 msg=failed to kill - retrying in 100ms
PM2      | App [mm:1] exited with code [0] via signal [SIGINT]
PM2      | pid=3232 msg=process killed
PM2      | App [mm:1] starting in -fork mode-
PM2      | App [mm:1] online
1|mm     | > magicmirror@2.11.0 start /home/pi/MagicMirror
1|mm     | > DISPLAY="${DISPLAY:=:0}" ./node_modules/.bin/electron js/electron.js
1|mm     | [2020-04-09 14:18:11.812] [LOG]
1|mm     | Starting MagicMirror: v2.11.0
1|mm     | [2020-04-09 14:18:11.822] [LOG]
1|mm     | Loading config ...
1|mm     | [2020-04-09 14:18:11.829] [LOG]
1|mm     | Loading module helpers ...
1|mm     | [2020-04-09 14:18:12.363] [LOG]
1|mm     | Initializing new module helper ...
1|mm     | [2020-04-09 14:18:12.364] [LOG]
1|mm     | Module helper loaded: MMM-CalendarExt2
1|mm     | [2020-04-09 14:18:12.367] [LOG]
1|mm     | No helper found for module: MMM-Minical.
1|mm     | [2020-04-09 14:18:12.368] [LOG]    No helper found for module: clock.
1|mm     | [2020-04-09 14:18:12.369] [LOG]    No helper found for module: worldclock.
1|mm     | [2020-04-09 14:18:12.707] [LOG]
1|mm     | Initializing new module helper ...
1|mm     | [2020-04-09 14:18:12.708] [LOG]
1|mm     | Module helper loaded: MMM-DarkSkyForecast
1|mm     | [2020-04-09 14:18:12.750] [LOG]
1|mm     | Initializing new module helper ...
1|mm     | [2020-04-09 14:18:12.753] [LOG]
1|mm     | Module helper loaded: newsfeed
1|mm     | [2020-04-09 14:18:12.772] [LOG]
1|mm     | Initializing new module helper ...
1|mm     | [2020-04-09 14:18:12.773] [LOG]    Module helper loaded: MMM-DHT-Sensor
1|mm     | [2020-04-09 14:18:12.787] [LOG]
1|mm     | Initializing new module helper ...
1|mm     | [2020-04-09 14:18:12.788] [LOG]    Module helper loaded: MMM-SystemStats
1|mm     | [2020-04-09 14:18:12.792] [LOG]
1|mm     | Initializing new module helper ...
1|mm     | [2020-04-09 14:18:12.793] [LOG]    Module helper loaded: MMM-Wallpaper
1|mm     | [2020-04-09 14:18:12.830] [LOG]
1|mm     | Initializing new module helper ...
1|mm     | [2020-04-09 14:18:12.833] [LOG]    Module helper loaded: updatenotification
1|mm     | [2020-04-09 14:18:12.836] [LOG]    No helper found for module: alert.
1|mm     | [2020-04-09 14:18:12.910] [LOG]
1|mm     | Initializing new module helper ...
1|mm     | [2020-04-09 14:18:12.911] [LOG]
1|mm     | Module helper loaded: MMM-Remote-Control
1|mm     | [2020-04-09 14:18:12.915] [LOG]
1|mm     | All module helpers loaded.
1|mm     | [2020-04-09 14:18:13.030] [LOG]
1|mm     | Starting server on port 60001 ...
1|mm     | [2020-04-09 14:18:13.039] [INFO]
1|mm     | You're using a full whitelist configuration to allow for all IPs
1|mm     | [2020-04-09 14:18:13.056] [LOG]
1|mm     | Server started ...
1|mm     | [2020-04-09 14:18:13.058] [LOG]    Connecting socket for: MMM-CalendarExt2
1|mm     | [2020-04-09 14:18:13.059] [LOG]    Connecting socket for: MMM-DarkSkyForecast
1|mm     | [2020-04-09 14:18:13.060] [LOG]    ====================== Starting node_helper for module [MMM-DarkSkyForecast]
1|mm     | [2020-04-09 14:18:13.061] [LOG]    Connecting socket for: newsfeed
1|mm     | [2020-04-09 14:18:13.062] [LOG]    Starting module: newsfeed
1|mm     | [2020-04-09 14:18:13.063] [LOG]    Connecting socket for: MMM-DHT-Sensor
1|mm     | [2020-04-09 14:18:13.064] [LOG]    MMM-DHT-Sensor helper started ...
1|mm     | [2020-04-09 14:18:13.065] [LOG]    Connecting socket for: MMM-SystemStats
1|mm     | [2020-04-09 14:18:13.066] [LOG]
1|mm     | Connecting socket for: MMM-Wallpaper
1|mm     | [2020-04-09 14:18:13.081] [LOG]
1|mm     | Starting node helper for: MMM-Wallpaper
1|mm     | [2020-04-09 14:18:13.089] [LOG]
1|mm     | Connecting socket for: updatenotification
1|mm     | [2020-04-09 14:18:13.093] [LOG]
1|mm     | Connecting socket for: MMM-Remote-Control
1|mm     | [2020-04-09 14:18:13.096] [LOG]
1|mm     | Starting node helper for: MMM-Remote-Control
1|mm     | [2020-04-09 14:18:13.107] [LOG]
1|mm     | Sockets connected & modules started ...
1|mm     | [2020-04-09 14:18:13.222] [LOG]
1|mm     | Launching application.
1|mm     | [2020-04-09 14:18:17.453] [LOG]
1|mm     | Create new news fetcher for url: https://www.fieldgulls.com/rss/current.xml - Interval: 300000
1|mm     | [2020-04-09 14:18:17.533] [LOG]
1|mm     | Create new news fetcher for url: https://www.espn.com/espn/rss/nfl/news - Interval: 300000
1|mm     | [2020-04-09 14:18:17.543] [LOG]
1|mm     | Create new news fetcher for url: https://www.espn.com/espn/rss/mlb/news - Interval: 300000
1|mm     | [2020-04-09 14:18:17.550] [LOG]
1|mm     | Create new news fetcher for url: https://www.cbssports.com/rss/headlines/nfl/ - Interval: 300000
1|mm     | [2020-04-09 14:18:17.557] [LOG]
1|mm     | Create new news fetcher for url: https://www.cbssports.com/rss/headlines/mlb/ - Interval: 300000
1|mm     | [2020-04-09 14:18:17.564] [LOG]
1|mm     | Create new news fetcher for url: http://rssfeeds.king5.com/king5/local&x=1 - Interval: 300000
1|mm     | [2020-04-09 14:18:18.418] [LOG]
1|mm     | [CALEXT2] calendar:appt >> Scanning start with interval:30000
1|mm     | [2020-04-09 14:18:18.425] [LOG]
1|mm     | [CALEXT2] calendar:mariners >> Scanning start with interval:86400000
1|mm     | [2020-04-09 14:18:18.427] [LOG]    [CALEXT2] calendar:seahawks >> Scanning start with interval:60000
1|mm     | [2020-04-09 14:18:19.506] [LOG]
1|mm     | [CALEXT2] calendar:seahawks >> Scanned: 0, Selected: 0
1|mm     | [2020-04-09 14:18:20.634] [LOG]
1|mm     | [CALEXT2] calendar:mariners >> Scanned: 149, Selected: 149
1|mm     | [2020-04-09 14:18:20.905] [LOG]
1|mm     | [CALEXT2] calendar:appt >> Scanned: 38, Selected: 38
1|mm     | [2020-04-09 14:18:50.913] [LOG]
1|mm     | [CALEXT2] calendar:appt >> Scanning start with interval:30000
1|mm     | [2020-04-09 14:18:52.306] [LOG]
1|mm     | [CALEXT2] calendar:appt >> Scanned: 38, Selected: 38

Sam,

I guess what I’m looking for is a “for dummies” version of CSS introduction. I’m not understanding how to use it effectively in building a webpage, once I understand that aspect of it, I can modify what I know into my module. That’s been my problem, jumping from absolute noob to basic understanding.

So,

I jumped right into the deep end, and started writing my own module, as the modules available didn’t do quite what I wanted (a floating 3 month calendar), and it was too much of a hassle to modify existing.

I’ve got it displaying the way I want, including the right size and such.

Things I’m wondering about:

1. the update logic of Magic Mirror. When, how, does it do all modules, etc?
2. the CSS aspect. Is there any documentation on how the CSS interfaces in, and first on CSS in general for beginners?
3. if there’s better table creation within MM. Currently, I’m working with a hunk of javascript made with the help of jsfiddle.net and learning on the fly.

This module won’t ever see the light of day, I imagine, as it’s a very tight use case.

Thanks!

Yep. Guess it’s yet another module change for us.

Simply remove the modules from the config.js and they won’t load. You can delete the directories if you want to save space, but it’s not needed.

damn, that’s sharp as heck. very good job.

[insert applause gif here]

@thedoorsfanatic clearly you cut a wire when pulling it apart. use plastic, patience, and small moves.

@Hram2008 have you tried running the URL straight with OMX to see if it works, if it does, you may have issues with the plugin itself, and as the author seems to have disappeared, you could just replace the plugin with OMX cutting the proper hole out of the window (It’ll go in front of whatever is running, so you run it independently, and it just works.

omxplayer --no-osd --no-keys --avdict rtsp_transport:tcp --live --fps 30 --orientation 0 --win "640 0 1280 360" [URL]

-or- 

omxplayer --no-osd --no-keys --avdict rtsp_transport:udp --live --fps 30 --orientation 0 --win "640 0 1280 360" [URL]

… yeah, a drunk magicmirror is no joke.

… seriously, though, nice work. Would love to see the back/guts of the thing.

I suppose it depends on the monitor. I took the front off mine, will likely have to shim it back a hair from the glass due to it having a metal piece on the bottom and nowhere else… undecided if I’m going to take the plastics off the sides and back or use the VESA mount to secure it in it’s final case…

@JHermann Bit of testing here - I took your config, modified it for my URLs rather than your stub urls, removed my custom.css and found an interesting layout.

I’m using a 1920x1080 monitor.

In landscape mode (wide monitor) - the daily view is interfering with the upcoming view in either position.
in portrait mode (Tall monitor) - the daily view does show for me in upper_third, but clashes with upcoming view. If daily view is in bottom_bar, it shows clean, but upcoming and parts of Minical and your weather app is hidden behind the NOAA picture.

I suspect what’s happening is the NOAA picture is covering up your view in the config that you have.

Do you have custom.css in place at all?
Have you tried commenting out the NOAA picture and seeing if it works in upper-third then?

– B

Edit: while @Sean likes to test with the normal URLs, I figure if they’re showing in one position, they should show with all of them, unless there’s something else wrong - some of my URLs are still google.

by the way, here’s the issue:

https://community.nodebb.org/topic/13422/connection-lost-when-attempting-to-upload-a-new-profile-picture-or-cover-picture

I just tried to change mine, and it’s telling me my link to the forum is lost when I try to upload a picture.

I use PM2 and scripts to call the various external modules…

EG: buttons.sh, mm.sh and omx.sh

buttons.sh is a short script to launch python3 for buttons.py, my external button runner.
mm.sh is the startup per the old instructions found in the old docks.
omx.sh launches OMXplayer with a bunch of options.

I wouldn’t use two of 'em, if I could get pm2 to launch with command line options.

you may have to use one of the other methods - every device is a little odd.