Hi all,
I was thinking about some customized clock and I found a pretty nice template.
The problem is that I’m totally new to this world and I don’t know how to start or if that kind of thing is possible. That’s the link I’m talking about:
https://codepen.io/vineethtr/pen/GvROZV
As you can see there are three windows:
the one with the html code, the one with the css code, and the one with the js code. Would it be possible to integrare these codes in the clock module? Or would it be better to create a new module? Are these codes compatible with the Magic Mirror? I was also thinking about the chance to use the Iframe module to embed an html clock but it doesn’t work.
Could you give me any suggestion?
Sorry if I make silly question.
Thanks everyone
Read the statement by Michael Teeuw here.

Posts
-
Analog Clock
-
RE: WeatherForecast
@sdetweil Have you tried to get a meteoblue api? I can’t even get that kind of api despite a normal subscription.
-
RE: WeatherForecast
@sdetweil It’s strange because every time I try to get an api key I find myself in this page:
https://www.wunderground.com/weather/api
There’s no way in obtaining the api, I don’t know where the problem is… Can someone help me? -
RE: Clock
@justjim1220 Thank you so much. So I only need to draw my own svg face clock and put in the face folder to make it work, am I right? Did you have a look at the link I posted in my first message? Do you think there’s a way to have such a kind of clock? I tried to incorporate that code but nothing happened. I know that’s a silly way to procede but I’m totally new to this and every kind of suggestion is really precious to me. I’m trying to learn as much as I can since I literally fell in love with the raspi world. Thanks again
-
RE: WeatherForecast
@mykle1 Thank you so much mate, you always give precious advices. I tried in the wunderground site to get a free api but there’s a statement in which the say they won’t give free api anymore. Could you make a check for me? Is there another way to obtain it? Thanks again.
-
WeatherForecast
Hi all,
I apologize for the silly question but this thing is making me crazy.
I would like to have a weather forecast with more than 5 days but when I set the option in the config I only can see the sam amount of days. Can you tell me where’s my mistake? Here’s my code:/* 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: // - "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"], // 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: 24, units: "metric", modules: [ { module: "alert", }, { module: "updatenotification", position: "top_bar" }, { module: "clock", position: "top_left" }, { module: "calendar", header: "US Holidays", position: "top_left", config: { calendars: [ { symbol: "calendar-check-o ", url: "webcal://www.calendarlabs.com/templates/ical/US-Holidays.ics" } ] } }, { module: "compliments", position: "lower_third" }, { module: "currentweather", position: "top_right", config: { location: "New York", locationID: "", //ID from http://www.openweathermap.org/help/city_list.txt appid: "YOUR_OPENWEATHER_API_KEY" } }, { module: "weatherforecast", position: "top_right", header: "Weather Forecast", config: { location: "Roseto degli Abruzzi", locationID: "3168936", //ID from http://www.openweathermap.org/help/city_list.txt appid: "xxxxxxxxxxxxxxxxxxxxxxxxxx", maxNumberOfDays: "10" } }, { module: "newsfeed", position: "bottom_bar", config: { feeds: [ { title: "New York Times", url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml" } ], showSourceTitle: true, showPublishDate: true } }, ] }; /*************** DO NOT EDIT THE LINE BELOW ***************/ if (typeof module !== "undefined") {module.exports = config;}
Another question: I would have liked to try the Wunderground module but it seems that there’s no way in getting a free api, can you confirm it? Is there a way to obtain it and to get the module work?
Thanks again mates. -
Clock
Hi everyone,
I’m trying to customize my own MM and I was wondering if there’s a way to add some new clock-faces or to import a template from the web. I’ve found something interesting but I don’t know if this one could work and I wouldn’t know how to make it work. Any suggestion? That’s what I mean… -
Physical button
Hi everyone,
I was thinking about the chance to add a physical button to the magic mirror frame but I have a doubt: do I need a breadboard to make the button works or is there another way to integrate a button directly on the frame? I mean, can I connect the pins directly on the gpio (does it work? And how?)?
Thaks all. -
Ip whitelist
Hi all,
I apologize if I make silly questions but I’m completely new in this fantastic world.
I installed my magic mirror and I’m tried to customize it following my tastes. I installed the MMremote module but I cannot set the right ip in the whitelist. I tried several times to access, through a tablet and a laptop, but every time I get the refused access error.
My Pi ip address is 192.168.188.52
my laptop ipv4 is 192.168.188.32
my tablet ip is 192.168.188.28
I tired to edit this ips to the whitelist but nothing happens.
Can someone help me?
Since I made some mistake I resumed the default configuration./* 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: "0.0.0.0", // Address to listen on, can be: // - "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"], // 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: "it", timeFormat: 24, units: "metric", modules: [ { module: "alert", }, { module: 'MMM-Remote-Control', // uncomment the following line to show the URL of the remote control on the mirror, position: 'bottom_right', // you can hide this module afterwards from the remote control itself }, { module: "calendar", header: "MyTab", position: "bottom_left", config: { calendars: [ { symbol: "angellist", url: "https://calendar.google.com/calendar/ical/XXX.com/private-bfa9ee5d1713d4d59c9c662e4b0aa959/basic.ics" } ] } }, { module: 'persistent_config_interface' }, ] }; /*************** DO NOT EDIT THE LINE BELOW ***************/ if (typeof module !== "undefined") {module.exports = config;}