@slametps said in My First Magic Mirror:

@Snille said in My First Magic Mirror:

Looks great! Good reflection and see-through.
If you want to share…
What modules are you using and what customisation have you done?
I can see the colours on the calendar appointments, how did you manage that?

I will post more detail in picture later. I’m still on mobile

modifying custom.css (copy-paste from various forum posts) as following:

html {
  cursor: none;
  overflow: hidden;
}

::-webkit-scrollbar {
  display: none;
}

body {
  margin: 5px;
  position: absolute;
  height: calc(100% - 10px);
  width: calc(100% - 10px);
  background: #000;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 2em;
  line-height: 1.5em;
  -webkit-font-smoothing: antialiased;
}

/**
 * Default styles.
 */

.dimmed {
  color: #666;
}

.normal {
  color: #fff;
}

.bright {
  color: #fff;
}

.xsmall {
  font-size: 10px;
  line-height: 15px;
}

.small {
  font-size: 15px;
  line-height: 20px;
}

.medium {
  font-size: 25px;
  line-height: 30px;
}

.large {
  font-size: 60px;
  line-height: 60px;
}

.xlarge {
  font-size: 70px;
  line-height: 70px;
  letter-spacing: -3px;
}

.thin {
  font-family: Roboto, sans-serif;
  font-weight: 100;
}

.light {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
}

.regular {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
}

.bold {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
}

.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

header {
  text-transform: uppercase;
  font-size: 15px;
  font-family: "Roboto Condensed";
  font-weight: 400;
  border-bottom: 1px solid #666;
  line-height: 10px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  color: #999;
}

sup {
  font-size: 50%;
  line-height: 50%;
}

/**
 * Module styles.
 */

.module {
  margin-bottom: 20px;
}

.region.bottom .module {
  margin-top: 20px;
  margin-bottom: 0;
}

/**
 * Region Definitions.
 */

.region {
  position: absolute;
}

.region.fullscreen {
  position: absolute;
  top: -50px;
  left: -50px;
  right: -50px;
  bottom: -50px;
}

.region.right {
  right: 0;
}

.region.top {
  top: 0;
}

.region.top .container {
  margin-bottom: 15px;
}

.region.top .container:empty {
  margin-bottom: 0;
}

.region.top.center,
.region.bottom.center {
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.region.top.right,
.region.top.left,
.region.top.center {
  top: 100%;
}

.region.bottom {
  bottom: 0;
}

.region.bottom .container {
  margin-top: 15px;
}

.region.bottom .container:empty {
  margin-top: 0;
}

.region.bottom.right,
.region.bottom.center,
.region.bottom.left {
  bottom: 100%;
}

.region.bar {
  width: 100%;
  text-align: center;
}

.region.third,
.region.middle.center {
  width: 100%;
  text-align: center;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.region.upper.third {
  top: 33%;
}

.region.middle.center {
  top: 50%;
}

.region.lower.third {
  top: 66%;
}

.region.left {
  text-align: left;
}

.region.right {
  text-align: right;
}

.region table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
}

/*
 * CALENDAR SPECIFIC
 */

.fa.fa-calendar {
  color: #ff0000; /* Red */
}
.fa.fa-birthday-cake {
  color: #ff0000; /* Red */
}
.fa.fa-calendar-check-o {
  color: #ffff00; /* Yellow */
}

/*
 * WUFORECAST SPECIFIC
 */

.wuforecast .max-temp {
  font-size: 15px;
  line-height: 15px;
  color: #f66;
}

.wuforecast .min-temp {
  font-size: 15px;
  line-height: 15px;
  color: #0ff;
}

.wuforecast .weather-icon {
  font-size: 15px;
  line-height: 15px;
  color: #f93;
}

.wuforecast .day {
  font-size: 15px;
  line-height: 15px;
  color: #6f6;
}

/*
 * FORECAST
 */

.brightb {
color: #55acee;
}
.currentweather .wi-sunrise {
color: #ffd700;
}
.currentweather .wi-sunset {
color: #ffa500;
}
.currentweather .wi-day-sunny {
color: #ffff00;
}
.currentweather .wi-night-showers {
color: #55acee;
}
.currentweather .wi-degrees {
color: #415;
}
.currentweather .wi-rain {
color: #55acee;
}
.currentweather .wi-showers {
color: #55acee;
}
.currentweather .wi-night-showers {
color: #55acee;
}
.currentweather .wi-night-alt-cloudy-windy {
color: #aaa;
}
.currentweather .wi-night-cloudy {
color: #aaa;
}
.currentweather .wi-cloudy {
color: #aaa;
}
.currentweather .wi-day-cloudy {
color: #aaa;
}
.currentweather .wi-cloudy {
color: #aaa;
}
.currentweather .wi-cloudy-windy {
color: #aaa;
}
.currentweather .wi-showers {
color: #55acee;
}
.currentweather .wi-thunderstorm {
color: #ff00ff;
}
.currentweather .wi-snow {
color: #fff;
}
.currentweather .wi-fog {
color: #999;
}
.currentweather .wi-night-clear {
color: #fff;
}
.currentweather .wi-night-rain {
color: #55acee;
}
.currentweather .wi-night-thunderstorm {
color: #ff00ff;
}
.currentweather .wi-night-snow {
color: #fff;
}

.weatherforecast .wi-sunrise {
color: #ffd700;
}
.weatherforecast .wi-sunset {
color: #ffa500;
}
.weatherforecast .wi-day-sunny {
color: #ffff00;
}
.weatherforecast .wi-night-showers {
color: #55acee;
}
.weatherforecast .wi-degrees {
color: #415;
}
.weatherforecast .wi-rain {
color: #55acee;
}
.weatherforecast .wi-showers {
color: #55acee;
}
.weatherforecast .wi-night-showers {
color: #55acee;
}
.weatherforecast .wi-night-alt-cloudy-windy {
color: #aaa;
}
.weatherforecast .wi-night-cloudy {
color: #aaa;
}
.weatherforecast .wi-cloudy {
color: #aaa;
}
.weatherforecast .wi-day-cloudy {
color: #aaa;
}
.weatherforecast .wi-cloudy {
color: #aaa;
}
.weatherforecast .wi-cloudy-windy {
color: #aaa;
}
.weatherforecast .wi-showers {
color: #55acee;
}
.weatherforecast .wi-thunderstorm {
color: #ff00ff;
}
.weatherforecast .wi-snow {
color: #fff;
}
.weatherforecast .wi-fog {
color: #999;
}
.weatherforecast .wi-night-clear {
color: #fff;
}
.weatherforecast .wi-night-rain {
color: #55acee;
}
.weatherforecast .wi-night-thunderstorm {
color: #ff00ff;
}
.currentweather .wi-night-snow {
color: #fff;
}

I’m using 24" TV. But for better quality, you should consider using a monitor rather than a TV (based on ppi value).

Description:

A MM-module to display the status of TPLink lights/plugs in your local network.
Inspired by MMM-Hue.

Download:

Screenshot

Initial Version

@cowboysdude said in Wider Veriety of Modules For Different Kinds of People:

All types and kinds right here…

https://forum.magicmirror.builders/category/7/showcase

Calendars, schedulers, traffic, weather… tons of them. with more and more being developed everyday.

If someone needs something specific they can go the request forum and ask…

As for touch screen there are modules for that too… there are voice modules…

Some requests are met, some are not. Everyone that builds modules do so for free and it takes time… even the MagicMirror itself is free… This is THE one place in my life that I can come to and talk to all kinds of people from all over the world. I like that very much

Yes, that is the first place I read after I installed my first-time MM a month ago.

Finally, I completed my first magic mirror. Thx a lot, @MichMich for your great MM2 platform also all modules developers.
I show the mirror to my colleagues and wondering how to built it. I wrote a simple tutorial on my blog. Sorry, the blog is in Indonesian. But you just simply translate it using Google Translate, for example in English.

Here is my mirror.

I’m still working on voice-control, PIR and training face-reco (already works but still needs more training though).

@almasgai I’m using FHD TV myself. If you’re satisfied enough with the display result, that’s ok. But I think, it will be much better display if using monitor. Power source for raspi, it is not recommended to use USB port from the TV since raspi require 5v 2A for better performance since USB from TV just have 1A or less output.

Description:

A MM-module to display network connection status (ping, download speed, upload speed) for MagicMirror2.
This module combines internet-monitor and MMM-connection-status…

Download:

Screenshot

Initial Version

Bandung, West Java, Indonesia

@zam said in MMM-RandomQuranAyah:

Jazakallah , if you can please try to implement a Module for ADAN it will be very usefull

@zam It is available now, MMM-PrayerTime for displaying praying time with adhan recital.

@mizzoudavis I leave the bezel intact. Other area not covered by bezel (outside the monitor), you simply add black/dark tape/paper/paint.

@Cr4z33 said in MMM-NetworkConnection:

@slametps I had long read at speedtest readme however I couldn’t figure out what to edit to have a different server selected as best/favourite server.

These are the details of the wanted server:

server url="http://speedtestrm1.telecomitalia.it/speedtest/upload.php" lat="41.9000" lon="12.5000" name="Rome" country="Italy" cc="IT" sponsor="Telecom Italia S.p.A." id="3243" host="speedtestrm1.telecomitalia.it:8080"

Currently, the module is using default test server provided by speedtest-net node module. You should modify node_helper.js to add your desired test server.
You can find how to add the options, in here.

Description:

A MM-module to display the status of Yeelight bulbs in your local network.
Inspired by MMM-Hue.

Download:

Screenshot

Initial Version

Description:

A MM-module to display network connection status (ping, download speed, upload speed) for MagicMirror2.
This module combines internet-monitor and MMM-connection-status…

Download:

Screenshot

Initial Version

Description:

A MM-module to display the status of TPLink lights/plugs in your local network.
Inspired by MMM-Hue.

Download:

Screenshot

Initial Version

@slametps said in MMM-PrayerTime:

@aishaamila

timezone: "Asia/Kuala_Lumpur", 

As described in http://php.net/manual/en/timezones.asia.php.

@aishaamila said in MMM-PrayerTime:

@aishaamila But i need to change hdmi to local, i wil send it when i get home… Thank you so much

What do you mean by “need to change hdmi to local”? Audio output using “-o hdmi” option by omxplayer is output to monitor/TV via HDMI line.

@aishaamila

timezone: "Asia/Kuala_Lumpur", 

@aishaamila can you post your config?

Adzan is played at server side (rpi) by omxplayer. You have to install omxplayer.

@aishaamila said in MMM-PrayerTime:

@aishaamila Or anyone who knows it?

What is your MM hardware and config?