After some time i’ve finaly finished my project and MagicMirror is ready
only thing left is hang it on the wall

mirror is 50x60cm
Display : Samsung S22LD390
HW : Raspberry Pi 3 Model B+
Frame hand made from wood painted to white (needs to be repainted later)

I’m happy with result as this is my first MagicMirror made by me.

I want to add PIR sensor to turn off and on the screen when someone is in front of the mirror (save energy, increase life of screen)

Also maybe add camera to frame to have some security as this mirror will hang next to entrance door.

is there possibility to easily change default icons to animated :
https://www.amcharts.com/free-animated-svg-weather-icons/

i’ve tried to edit custom.css but it looks like it’s not so easy. after changing and restarting MM icons disappear and i’m not able to find what sizes should have new icons.

can someone help me ?

this is perfect weather module for me but i would like to make it more colourful and animated little bit

OK everything is working after creating scripts from step 2.2

it can be under time (clock) where i can add some text and after there will be shown name like :
Today is < name >

i’ve tried with downloading ics and putting new calendar entry … it’s working, but it’s not so nice as i imagine …

after Name there is end in 9 hours …

i would prefer to have it like :

Today is < NAME >
Tomorrow is < NAME >

everything is working after disabling module

just one remark there is needed to add also to crontab to turn off monitor at f.e. 21:02 because if there will be movement in last seconds before pir.py will be killed monitor will stay on

Hello,

Can someone help how to create module that will take few informations from explorer.helium.com site ?

Show information
Number of hotspots owned by owner
Name of hotspot
Sync status
Total amount of HNT
24h earnings
Witnessed
Beacons

It should be easy for someone maybe someone will find some time to code this

Is it possible to add to this API from Helium network ? so i will be able to see current amount in my helium wallet ?
I don’t want to manually write amount as this is changing.

I tried to search modules but i don’t see any suitable module.

Maybe edit MMM-Coinbase module to show only Helium wallet from (explorer.helium.com)

Hello,

Can someone help how to create module that will take few informations from explorer.helium.com site ?

Show information
Number of hotspots owned by owner
Name of hotspot
Sync status
Total amount of HNT
24h earnings
Witnessed
Beacons

It should be easy for someone maybe someone will find some time to code this

please post your changes maybe there is just mistype

@huso15 you can choose what is better.

try cut lines and if it will be not acceptable you can try second option.

You can do it with configuration options mentioned in readme.
Cut to more lines or select how many leathers can be displayed

https://github.com/MichMich/MagicMirror/blob/master/modules/default/newsfeed/README.md

how you can remove the silver layer without destroying the mirror ?
if you remove silver layer you get normal glass no ?

what i’ve done :

1. download icons from : https://www.amcharts.com/free-animated-svg-weather-icons/
2. put icons in folder MagicMirror/css/icons (if it’s not there create it)
3. edit custom.css in MagicMirror/css and add :

.MMM-darksky-hourly {
}

.MMM-darksky-hourly .big-icon {
  font-size: 70%;
  line-height: 65px;
  display: inline-block;
  -ms-transform: translate(0, -3px); /* IE 9 */
  -webkit-transform: translate(0, -3px); /* Safari */
  transform: translate(0, -3px);
  width: 140px;
}

.MMM-darksky-hourly .summary {
  width: 400px;
}

.MMM-darksky-hourly .forecast {
  text-align: left;
  min-width: 400px;
  margin-top: 0.05ex;
}

.MMM-darksky-hourly .forecast-row {
}

.MMM-darksky-hourly .forecast-row>span {
  display: table-cell;
  width: 60px;
}

.MMM-darksky-hourly .forecast-row .forecast-day {
  text-align: center;
  padding-right: 0.5em;
}

.MMM-darksky-hourly .forecast-row .forecast-hour {
  text-align: right;
  padding-right: 0.6em;
}

.MMM-darksky-hourly .forecast-row .weathericon {
  text-align: center;
  padding-right: 0.5em;
}

.MMM-darksky-hourly .forecast-bar {
  display: table;
  overflow: hidden;
}

.MMM-darksky-hourly .forecast-bar>span {
  display: table-cell;
  text-align: left;
}

.MMM-darksky-hourly .forecast-bar .bar {
  background-color: #aaa;
  line-height: 0.1em;
  border-radius: 0.1em;
  border: 0.5ex transparent solid;
  background-clip: padding-box;
  color: black;
}

.small.MMM-darksky-hourly .forecast {
  min-width: 200px;
  max-width: 300px;
}

.small.MMM-darksky-hourly .summary {
  width: 300px;
}
.MMM-darksky-hourly .wi-day-sunny {
content: url("/css/icons/day.svg");
}

.MMM-darksky-hourly .wi-day-cloudy {
content: url("/css/icons/cloudy-day-1.svg");
}

.MMM-darksky-hourly .wi-rain {
content: url("/css/icons/rainy-6.svg");
}

.MMM-darksky-hourly .wi-night-clear {
content: url("/css/icons/night.svg");
}

.MMM-darksky-hourly .wi-night-alt-cloudy {
content: url("/css/icons/cloudy-night-2.svg");
}

.MMM-darksky-hourly .wi-cloudy {
content: url("/css/icons/cloudy.svg");
}

.MMM-darksky-hourly .wi-hail {
content: url("/css/icons/rainy-7.svg");
}

.MMM-darksky-hourly .wi-thunderstorm {
content: url("/css/icons/thunder.svg");
}

.MMM-darksky-hourly .wi-snow {
content: url("/css/icons/snowy-6.svg");
}

.MMM-darksky-hourly .wi-cloudy-gusts {
content: url("/css/icons/cloudy-day-3.svg");
}

.MMM-darksky-hourly .wi-fog {
content: url("/css/icons/cloudy.svg");
}

4. edit main.css change line 12, 14, 15 (this will change how far from borders other modules will be) (line 14 and 15 are 2x bigger than line 12)
   if you change to 40px line 12 line 14 and 15 will be 100% - 80px

     12   margin: 30px;
     14   height: calc(100% - 60px);
     15   width: calc(100% - 60px);

5. restart mm (pm2 restart mm)

maybe this will help someone

Thank you i mean depth of the frame after mirror is installed
I want to know if everything from my setup will have enough space

looks great can you please tell me how thick is your mirror ?
And also the frame itself on ikea page i found it’s 4,5cm but after you put there glass how much real space left ?

finally i did it One thing i’m not able to to is to decrease the gap on the top (red arrows) Can someone help me what parameter needs to be set in CSS to set this space how big it should stay ?