Coder Social home page Coder Social logo

rajniszp / mmm-md Goto Github PK

View Code? Open in Web Editor NEW

This project forked from andreagrandieri/mmm-md

0.0 0.0 0.0 628 KB

Write MD. Render it on the MagicMirror!

Home Page: https://andreagrandieri.github.io/MMM-MD/

License: MIT License

JavaScript 100.00%

mmm-md's Introduction

MMM-MD

Write MD. Render it on the MagicMirror!

This module enables you to write whatever you want directly rendering it on your MagicMirror screen!

You just need:

Any MD syntax is supported. Multimedia is supported too! Autoscroll if content is too much.

Usage:

  1. Locate: ~/MagicMirror/modules

  2. Clone:

    git clone https://www.github.com/AndreaGrandieri/MMM-MD
  3. Add fragment to ~/MagicMirror/config/config.js

    {
        module: "MMM-MD",
        position: "center",
        config: {
            // Alternative configuration properties are optional
        }
    }
  4. Build:

    cd ~/MagicMirror/modules/MMM-MD
    npm install

    or

    cd ~/MagicMirror
    
    # "npm-recursive-install" needs to be installed separately 
    npm-recursive-install 

Properties (Config Section)

Property Type Values Default Value Mandatory Description
interval Integer Any value >= 45 (ms) 50 (ms) OPTIONAL Autoscroll velocity.
staller Integer Any value >= 0 (ms) 100 (ms) OPTIONAL Time before restarting from TOP after reaching autoscroll BOTTOM limit.
width String Any CSS valid string value "calc(100 % - 25 %)" OPTIONAL Module width.
height String Any CSS valid string value "500px" OPTIONAL Module height.
docname String Path to a valid document. The document has to be placed into: ./modules/MMM-MD/public/ "content.md" OPTIONAL MD document to parse markdown from.

Notifications

Notifications are a piece of software used by modules to communicate with:

  • MagicMirror OS
  • Other modules
  • Human actors

None.


Screenshots

Module interface (1):

module_focus

Module interface (2):

module_overview


Documents path

All MD documents and assets (multimedia) has to be placed into ./modules/MMM-MD/public/ to be used by the module. Only one document at time can be active and rendered.

To point an asset from the MD document, you will need to follow this path pattern:

![{assetName}](modules/MMM-MD/public/{assetName.extension})

mmm-md's People

Contributors

andreagrandieri avatar rajniszp avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.