Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including ec-quote-widgets with all npm packages installed. Try it out:

var ecQuoteWidgets = require("ec-quote-widgets")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

ec-quote-widgets v1.0.35

Place Single Quote with large quotemarks surrounding the quote. Includes multiple modes for quote displpay

QUOTE WIDGET

An Apostrophe CMS module to provide a quote block for your content. A mandatory quote content region, along with two optional regions for an author name, a header and any other author information that may be important to include. Supports using multiple quotes as an array, with a configurable rotation speed and optional control buttons, and multiple preset styles which display information in different arrangements.

GETTING STARTED

Prerequisites

In order to use this module, you should have:

  • NPM
  • ApostropheCMS

Installing

From within your apostrophe project directory, run npm install --save ec-quote-widgets

Include widget in projects' app.js file:

  modules: {
    'ec-quote-widgets': {},
    // ... other modules
}

Configuration

Colors

In css/variables.less, colors are assigned to variable names like this:

@quote_author_color3: #861f41;
@quote_author_color4: #6dc6e8;

These hex values can be edited without impacting the functionality. These values are used to configure the background and content colors of the quote.

Screenshots

Alt text

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free