MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. Kecko
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    K
    Offline
    • Profile
    • Following 1
    • Followers 0
    • Topics 0
    • Posts 6
    • Groups 0

    Kecko

    @Kecko

    3
    Reputation
    416
    Profile views
    6
    Posts
    0
    Followers
    1
    Following
    Joined
    Last Online

    Kecko Unfollow Follow

    Best posts made by Kecko

    • RE: Changing icons of the modules Current Weather and Weather Forecast

      @philreis said in Changing icons of the modules Current Weather and Weather Forecast:

      I have add the other icons. But not all are properly positioned yet.
      And a there is no icon for fog.
      In the next few weeks I will position the icon correctly.
      This solution is maybe not the best but it works!

      Picture:

      0_1531077724549_Mirror.JPG

      For this icons you need this icon package:
      https://www.amcharts.com/free-animated-svg-weather-icons/

      Copy the icon from the folder “animated” to the folder “MagicMirror/css/icons”

      Then you have to add this code to your “custom.css” file.

      /* Aenderungen Wetter Icon */
      /* Aenderungen aktuelles Wetter */
      
      .currentweather .weathericon {
        position: absolute;
        z-index: 0;
        height: 200px;
        right: 180px;
        margin-top: -65px;
      }
      
      .currentweather .wi-day-sunny {
      content: url("/css/icons/day.svg");
      }
      
      .currentweather .wi-day-cloudy {
      content: url("/css/icons/cloudy-day-1.svg");
      }
      
      .currentweather .wi-rain {
      content: url("/css/icons/rainy-6.svg");
      }
      
      .currentweather .wi-night-clear {
      content: url("/css/icons/night.svg");
      }
      
      .currentweather .wi-night-cloudy {
      content: url("/css/icons/cloudy-night-2.svg");
      padding-right: 15px;
      padding-top: 10px;
      }
      
      .currentweather .wi-cloudy {
      content: url("/css/icons/cloudy.svg");
      }
      
      .currentweather .wi-showers {
      content: url("/css/icons/rainy-7.svg");
      }
      
      .currentweather .wi-thunderstorm {
      content: url("/css/icons/thunder.svg");
      }
      
      .currentweather .wi-snow {
      content: url("/css/icons/snowy-6.svg");
      }
      
      .currentweather .wi-cloudy-windy {
      content: url("/css/icons/cloudy-day-3.svg");
      }
      
      .currentweather .wi-night-rain {
      content: url("/css/icons/rainy-6.svg");
      }
      
      .currentweather .wi-night-snow {
      content: url("/css/icons/snowy-6.svg");
      }
      
      .currentweather .wi-night-thunderstorm {
      content: url("/css/icons/thunder.svg");
      }
      
      .currentweather .wi-night-showers {
      content: url("/css/icons/rainy-7.svg");
      }
      
      .currentweather .wi-fog {
      content: url("/css/icons/cloudy.svg");
      }
      
      .currentweather .wi-night-alt-cloudy-windy {
      content: url("/css/icons/cloudy-night-1.svg");
      }
      
      /* Aenderungen Wettervorhersage */
      
      .weatherforecast .weathericon {
        position: absolute;
        left: 35px;
        z-index: 1;
        margin-top: -30px;
        height: 60px;
      }
      
      .weatherforecast .wi-day-sunny {
      content: url("/css/icons/day.svg");
      padding-left: 6px;
      padding-top: 5px;
      height: 50px;
      }
      
      .weatherforecast .wi-day-cloudy {
      content: url("/css/icons/cloudy-day-1.svg");
      }
      
      .weatherforecast .wi-rain {
      content: url("/css/icons/rainy-6.svg");
      padding-left: 8px;
      padding-top: 5px;
      height: 45px;
      }
      
      .weatherforecast .wi-night-clear {
      content: url("/css/icons/night.svg");
      }
      
      .weatherforecast .wi-night-cloudy {
      content: url("/css/icons/cloudy-night-2.svg");
      height: 50px;
      padding-left: 5px;
      padding-top: 7px;
      }
      
      .weatherforecast .wi-cloudy {
      content: url("/css/icons/cloudy.svg");
      }
      
      .weatherforecast .wi-showers {
      content: url("/css/icons/rainy-7.svg");
      }
      
      .weatherforecast .wi-thunderstorm {
      content: url("/css/icons/thunder.svg");
      }
      
      .weatherforecast .wi-snow {
      content: url("/css/icons/snowy-6.svg");
      }
      
      .weatherforecast .wi-cloudy-windy {
      content: url("/css/icons/cloudy-day-3.svg");
      height: 45px;
      padding-left: 8px;
      padding-top: 7px;
      }
      
      .weatherforecast .wi-night-rain {
      content: url("/css/icons/rainy-6.svg");
      padding-left: 8px;
      padding-top: 5px;
      height: 45px;
      }
      
      .weatherforecast .wi-night-snow {
      content: url("/css/icons/snowy-6.svg");
      }
      
      .weatherforecast .wi-night-thunderstorm {
      content: url("/css/icons/thunder.svg");
      }
      
      .weatherforecast .wi-night-showers {
      content: url("/css/icons/rainy-7.svg");
      }
      
      .weatherforecast .wi-fog {
      content: url("/css/icons/cloudy.svg");
      }
      
      .weatherforecast .wi-night-alt-cloudy-windy {
      content: url("/css/icons/cloudy-night-1.svg");
      height: 50px;
      padding-left: 5px;
      padding-top: 7px;
      }
      

      As I said not completely finished.

      hey man, thanks a lot! this makes things much easier.
      TY for sharing your work :)

      posted in Development
      K
      Kecko

    Latest posts made by Kecko

    • RE: {HowTo} turn on/off your monitor (Time based, PIR/Button, App)

      hey guys,

      i got another problem.
      the script is working well but the python won’t start with booting my PI.

      i don’t know how often i repeated all the steps. I am using the method 2.2 Using PIR-Script.

      i also put this line in my rc.local:

      • python /home/pi/pir.py &

      anyone got an idea what i’m doing wrong?

      EDIT:

      Sorry I have just read the post of @Magno99900. So you just created a complete new .py script? i will try this later! Thanks so far :grinning_face_with_smiling_eyes:
      posted in Tutorials
      K
      Kecko
    • RE: MMM-MyCommute

      @j-e-f-f allright thanks for the info!

      posted in Transport
      K
      Kecko
    • RE: MMM-MyCommute

      so i need to pay for the google API or why do they want to know my creditcard or bankaccount…?

      posted in Transport
      K
      Kecko
    • RE: Changing icons of the modules Current Weather and Weather Forecast

      @philreis said in Changing icons of the modules Current Weather and Weather Forecast:

      I have add the other icons. But not all are properly positioned yet.
      And a there is no icon for fog.
      In the next few weeks I will position the icon correctly.
      This solution is maybe not the best but it works!

      Picture:

      0_1531077724549_Mirror.JPG

      For this icons you need this icon package:
      https://www.amcharts.com/free-animated-svg-weather-icons/

      Copy the icon from the folder “animated” to the folder “MagicMirror/css/icons”

      Then you have to add this code to your “custom.css” file.

      /* Aenderungen Wetter Icon */
      /* Aenderungen aktuelles Wetter */
      
      .currentweather .weathericon {
        position: absolute;
        z-index: 0;
        height: 200px;
        right: 180px;
        margin-top: -65px;
      }
      
      .currentweather .wi-day-sunny {
      content: url("/css/icons/day.svg");
      }
      
      .currentweather .wi-day-cloudy {
      content: url("/css/icons/cloudy-day-1.svg");
      }
      
      .currentweather .wi-rain {
      content: url("/css/icons/rainy-6.svg");
      }
      
      .currentweather .wi-night-clear {
      content: url("/css/icons/night.svg");
      }
      
      .currentweather .wi-night-cloudy {
      content: url("/css/icons/cloudy-night-2.svg");
      padding-right: 15px;
      padding-top: 10px;
      }
      
      .currentweather .wi-cloudy {
      content: url("/css/icons/cloudy.svg");
      }
      
      .currentweather .wi-showers {
      content: url("/css/icons/rainy-7.svg");
      }
      
      .currentweather .wi-thunderstorm {
      content: url("/css/icons/thunder.svg");
      }
      
      .currentweather .wi-snow {
      content: url("/css/icons/snowy-6.svg");
      }
      
      .currentweather .wi-cloudy-windy {
      content: url("/css/icons/cloudy-day-3.svg");
      }
      
      .currentweather .wi-night-rain {
      content: url("/css/icons/rainy-6.svg");
      }
      
      .currentweather .wi-night-snow {
      content: url("/css/icons/snowy-6.svg");
      }
      
      .currentweather .wi-night-thunderstorm {
      content: url("/css/icons/thunder.svg");
      }
      
      .currentweather .wi-night-showers {
      content: url("/css/icons/rainy-7.svg");
      }
      
      .currentweather .wi-fog {
      content: url("/css/icons/cloudy.svg");
      }
      
      .currentweather .wi-night-alt-cloudy-windy {
      content: url("/css/icons/cloudy-night-1.svg");
      }
      
      /* Aenderungen Wettervorhersage */
      
      .weatherforecast .weathericon {
        position: absolute;
        left: 35px;
        z-index: 1;
        margin-top: -30px;
        height: 60px;
      }
      
      .weatherforecast .wi-day-sunny {
      content: url("/css/icons/day.svg");
      padding-left: 6px;
      padding-top: 5px;
      height: 50px;
      }
      
      .weatherforecast .wi-day-cloudy {
      content: url("/css/icons/cloudy-day-1.svg");
      }
      
      .weatherforecast .wi-rain {
      content: url("/css/icons/rainy-6.svg");
      padding-left: 8px;
      padding-top: 5px;
      height: 45px;
      }
      
      .weatherforecast .wi-night-clear {
      content: url("/css/icons/night.svg");
      }
      
      .weatherforecast .wi-night-cloudy {
      content: url("/css/icons/cloudy-night-2.svg");
      height: 50px;
      padding-left: 5px;
      padding-top: 7px;
      }
      
      .weatherforecast .wi-cloudy {
      content: url("/css/icons/cloudy.svg");
      }
      
      .weatherforecast .wi-showers {
      content: url("/css/icons/rainy-7.svg");
      }
      
      .weatherforecast .wi-thunderstorm {
      content: url("/css/icons/thunder.svg");
      }
      
      .weatherforecast .wi-snow {
      content: url("/css/icons/snowy-6.svg");
      }
      
      .weatherforecast .wi-cloudy-windy {
      content: url("/css/icons/cloudy-day-3.svg");
      height: 45px;
      padding-left: 8px;
      padding-top: 7px;
      }
      
      .weatherforecast .wi-night-rain {
      content: url("/css/icons/rainy-6.svg");
      padding-left: 8px;
      padding-top: 5px;
      height: 45px;
      }
      
      .weatherforecast .wi-night-snow {
      content: url("/css/icons/snowy-6.svg");
      }
      
      .weatherforecast .wi-night-thunderstorm {
      content: url("/css/icons/thunder.svg");
      }
      
      .weatherforecast .wi-night-showers {
      content: url("/css/icons/rainy-7.svg");
      }
      
      .weatherforecast .wi-fog {
      content: url("/css/icons/cloudy.svg");
      }
      
      .weatherforecast .wi-night-alt-cloudy-windy {
      content: url("/css/icons/cloudy-night-1.svg");
      height: 50px;
      padding-left: 5px;
      padding-top: 7px;
      }
      

      As I said not completely finished.

      hey man, thanks a lot! this makes things much easier.
      TY for sharing your work :)

      posted in Development
      K
      Kecko
    • RE: {HowTo} turn on/off your monitor (Time based, PIR/Button, App)

      @cruunnerr oh my god… i love you
      it was realy just the Time-delay Adjust!!!
      i turned it completly left and it seems to work now!

      but i have to say i must work with the command display_power=0 - display_power=1
      so if the hdmi turns off my display shows for 1 second no signal
      if the display turns on it shows HDMI1
      but thats fine… i guess it is a “problem” of the display itself.

      thank you for the fast and easy response

      your tutorial is realy great i love it. also a noob can work with it!

      maybe you should add a line with a tip for the Time-delay Adjust

      posted in Tutorials
      K
      Kecko
    • RE: {HowTo} turn on/off your monitor (Time based, PIR/Button, App)

      Hey, big thanks for this tutorial!

      i want to use method 2.2 the PIR-Script.

      My Problem is: it looks like there is always a movement detected!
      i stuck on the point
      “You can check if your button works by simply typing python pir.py. Every time u move through the PIR or press the button it will show you several …
      End the test with “ctrl+c”
      ”

      It always print “…” for me.
      That means that there is a movement all time right?
      even if I disconnect the GPIO Pin there are all the dots…
      i Realy cant figure out what i do wrong in this case… i mean it is only copy and paste and i did it the third time right now. also tried the MMM-PIR-Sensor module… not happy with it.

      i realy dont know what to do now!

      posted in Tutorials
      K
      Kecko