@Alloc Thanks for the advice, I have now gotten to the point , its showing that the : HTTP://ip-of-your-mirror:8080/remote.html this is what I see. Here is all my code now:
Thanks to anyone that can solve my stupidity!
/* Magic Mirror Config Sample
*
* By Michael Teeuw http://michaelteeuw.nl
* MIT Licensed.
*
* For more information how you can configurate this file
* See https://github.com/MichMich/MagicMirror#configuration
*
*/
var config = {
//address: "localhost", // Address to listen on, can be:
address: "0.0.0.0",
// - "localhost", "127.0.0.1", "::1" to listen on loopback interface
// - another specific IPv4/6 to listen on a specific interface
// - "", "0.0.0.0", "::" to listen on any interface
// Default, when address config is left out, is "localhost"
port: 8080,
//ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"],
ipWhitelist: [], // Set [] to allow all IP addresses
// or add a specific IPv4 of 192.168.1.5 :
// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
// or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],
language: "en",
timeFormat: 12,
units: "metric",
// serverOnly: true/false/"local" ,
// local for armv6l processors, default
// starts serveronly and then starts chrome browser
// false, default for all NON-armv6l devices
// true, force serveronly mode, because you want to.. no UI on this device
modules: [
{
module: "alert",
},
{
module: "updatenotification",
position: "bottom_bar"
},
{
module: "clock",
position: "top_left"
},
{
module: "calendar",
header: "Canadian Holidays",
position: "top_left",
config: {
calendars: [
{
symbol: "calendar-check",
url: "webcal://www.calendarlabs.com/ical-calendar/ics/39/canada_Holidays.ics" }
]
}
},
{
disabled: false,
module: 'MMM-Lunartic',
position: 'top_right', // Best in left, center, or right regions
config: {
mode: "rotating", // rotating or static
image: "animation", // animation, current, DayNight or static
distance: "km", // miles or km
sounds: "no", // howling wolf, only on a full moon
useHeader: false, // true if you want a header
header: "The Lunartic is in my head", // Any text you want
maxWidth: "300px",
animationSpeed: 0,
rotateInterval: 15000,
}
},
{
module: "MMM-GooglePhotos",
position: "center",
config: {
albumId: ["XXXXXXXXXXXXXXXXXXX"], // your album id(s) from result of `auth_and_test.js`
refreshInterval: 1000*60,
scanInterval: 1000*60*10, // too many scans might cause API quota limit also.
//note(2018-07-29). It is some weird. API documents said temporal image url would live for 1 hour, but it might be broken shorter. So, per 10 min scanning could prevent dead url.
sort: "time", //'time', 'reverse', 'random'
showWidth: "800px", // how large the photo will be shown as. (e.g;'100%' for fullscreen)
showHeight: "600px",
originalWidthPx: 800, // original size of loaded image. (related with image quality)
originalHeightPx: 600, // Bigger size gives you better quality, but can give you network burden.
opacity: 1, // target "opacity" property (https://www.w3schools.com/cssref/css3_pr_opacity.asp)
mode: "hybrid", // "cover" or "contain" (https://www.w3schools.com/cssref/css3_pr_background-size.asp)
//ADDED. "hybrid" : if you set as "hybrid" it will change "cover" and "contain" automatically by aspect ratio.
}
},
/*
{
module: "compliments",
position: "lower_third"
},
* */
{
module: "currentweather",
position: "bottom_right",
config: {
location: "Vancouver",
locationID: "6173331", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
appid: "XXXXXXXXXXXXXX"
}
},
{
module: "weatherforecast",
position: "bottom_right",
header: "Weather Forecast",
config: {
location: "Vancouver",
locationID: "6173331", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
appid: "XXXXXXXXXXXXX"
}
/*
{
module: 'MMM-Remote-Control'
// uncomment the following line to show the URL of the remote control on the mirror
, position: 'bottom_left'
// you can hide this module afterwards from the remote control itself
config: {
apiKey: ''
}
* **/
},
{
module: 'MMM-Remote-Control',
//uncomment the following line to show the URL of the remote control on the mirror
position: 'bottom_left',
// you can hide this module afterwards from the remote control itself
},
{
module: "MMM-NowPlayingOnSpotify",
position: "bottom_left",
config: {
clientID: "XXXXXXXXXXXXXXXXXXXXX",
clientSecret: "XXXXXXXXXXXXXXX",
accessToken: "XXXXXXXXXXXXXXXXX",
refreshToken: "XXXXXXXXXXXXX"
}
},
{
module: "newsfeed",
position: "bottom_bar",
config: {
feeds: [
{
title: "Canada News",
url: "https://www.ctvnews.ca/rss/ctvnews-ca-canada-public-rss-1.822284"
}
],
showSourceTitle: true,
showPublishDate: true,
broadcastNewsFeeds: true,
broadcastNewsUpdates: true
}
},
]
};
/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}