https://github.com/eouia/MMM-OClock

MagicMirror module - O clock inspired by PolarClock Screensaver
https://github.com/eouia/MMM-OClock

Last synced: 3 months ago
JSON representation

MagicMirror module - O clock inspired by PolarClock Screensaver

• Host: GitHub
• URL: https://github.com/eouia/MMM-OClock
• Owner: eouia
• License: mit
• Archived: true
• Created: 2018-08-15T06:49:54.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2020-01-04T19:03:32.000Z (almost 5 years ago)
• Last Synced: 2024-06-29T10:33:08.935Z (5 months ago)
• Language: JavaScript
• Homepage:
• Size: 229 KB
• Stars: 15
• Watchers: 3
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-mmm - **MMM-OClock**

README

        
# MMM-OClock

MagicMirror module - O-clock inspired by PolarClock Screensaver

## Screenshot

![screenshot](https://github.com/eouia/MMM-OClock/blob/master/screenshot.png?raw=true)

## Install

```shell

cd ~/MagicMirror/modules

git clone https://github.com/eouia/MMM-OClock.git

```

## config.js

```javascript

{

  module: "MMM-OClock",

  position: "top_center",

  config: {}

},

```

## detailed & defaults

```javascript

{

  module: "MMM-OClock",

  position: "top_center",

  config: {

    locale: "", //default is system locale, or use like this. "de-DE"

    canvasWidth:1000,

    canvasHeight:1000,

    centerColor: "#FFFFFF",

    centerR: 50,

    centerTextFormat: "YYYY",

    centerFont: "bold 20px Roboto",

    centerTextColor:"#000000",

    hands: ["month", "date", "day", "hour", "minute", "second"],

    //available values; "year", "month", "date", "week", "day", "hour", "minute", "second"

    handType: "round", //"default", "round"

    handWidth: [40, 40, 40, 40, 40, 40],

    handTextFormat: ["MMM", "Do", "ddd", "h", "m", "s"],

    handFont: "bold 16px Roboto",

    useNail: true,

    nailSize: 40,

    nailBgColor: "#000000",

    nailTextColor: "#FFFFFF", //CSS color or "inherit"

    space: 3,

    colorType: "hsv", //availables: "static", "radiation", "transform", "hsv"

    colorTypeStatic: ["red", "orange", "yellow", "green", "blue", "purple"],

    colorTypeRadiation: ["#333333", "red"],

    colorTypeTransform: ["blue", "red"],

    colorTypeHSV: 0.25, //hsv circle start color : 0~1

    handConversionMap: { // I think you don't need to modify this.

      "year": "YYYY",

      "month": "M",

      "date": "D",

      "week": "w", // Local week of year. If you want to use ISO week of year, use "W" instead "w"

      "day": "e", // Local day of week. If you want to use ISO day of week, use "E" instead "e"

      "hour": "h", // 12H system. If you want to 24H system, use "H" instead "h"

      "minute": "m",

      "second": "s"

    },

    ////// Available as of v2.x:

    secondsUpdateInterval: 1,  // how often to redraw the seconds hand (integer >= 1 sec)

    // To show an age bar enter your birthYear AND enter "age" in the hands array.

    birthYear: false,  // e.g. 1901

    birthMonth: 0,    // e.g. 1-12 (optional, recommended)

    lifeExpectancy: 85, // default: 85

    linearLife: false,  // set to true to plot life linearly not logarithmically

                        // Inspiration: http://www.bertrandplanes.com/pages/LifeClock3.php

    ageBarColor: [],  // false for no gradient, empty array for default, or

                      // [start, stop] colors, e.g. ['#000', 'white']

    scale: 1, // convenience to scale bar dimensions (font size & nailSize should be

              // adjusted manually).  E.g. 0.5 is half-size, 2 is double sized.

    canvasStyle: "", // Any CSS styles, e.g. "opacity: .7; ..."

  }

},

```

## Change log

- v2.0  Update only seconds hand every second.  Added age bar.

- v1.x  Initial version