Git Product home page Git Product logo

infographic's Introduction

Red Hat Open Innovation Labs Infographic

Prerequisistes

  • NodeJS
  • npm

Running Locally

Run:

npm install
npm start

This will start up a local http server using the website directory as the root context of the front end application. This local development server will also host the API, which is stored in index.js and the lib directory.

Running in OpenShift

In OpenShift, the front end and back end are hosted as separate applications, using the templates in the templates directory.

Important paths

  • /index.html: The public-facing infographic page. Clicking the "build" button takes the user to the Open Innovation Labs website.
  • /index.html?internal=true: The "internal" version of infographic. Clicking the "build" button kicks off an Ansible Tower job.
  • /stack: The node.js API that the front end hits when the user clicks the "build" button. This API passes the request on to Ansible Tower.

Icon conventions

  • [tool].png - Full-color image, 300x106px, top-left-aligned. Shown on main page.
  • [tool]-print.png - Full-color image, 525x150px, centered. Shown on the printable "my technology stack" page if the tool is selected.
  • [tool]-print-grey.png - Grayscale image, 525x150px, centered, about 25% opacity. Shown on the printable "my technology stack" page if the tool is not selected.

Some icons don't follow these conventions. When adding a new icon, prefer matching nearby icons over matching these conventions.

Configuration

Configuration of the running application is accomplished using environment variables. The configuration options are listed below:

  • INFOGRAPHIC_HTTP_PORT
    • Default: 8080
  • INFOGRAPHIC_HTTPS_PORT
    • Default: 8443
  • INFOGRAPHIC_HTTPS_KEY
    • Default: Undefined
  • INFOGRAPHIC_HTTPS_CERTIFICATE
    • Default: Undefined
  • INFOGRAPHIC_DIR
    • Default: website (Do not change unless you know what you are doing)
  • ANSIBLE_TOWER_URL
    • Default: NONE (Required)
    • REST API base URL for Ansible Tower
  • ANSIBLE_TOWER_TEMPLATE_ID
    • Default: NONE (Required)
    • The template ID of the template to be used in Ansible Tower
  • OPENSHIFT_API_URL
    • Default: NONE (Required)
    • The base URL of the OpenShift REST API
  • NODE_TLS_REJECT_UNAUTHORIZED
    • Default: 0 (SSL Verification enabled)
    • Enable/Disable unsafe SSL (disables certificate validation)

infographic's People

Contributors

rdebeasi avatar oybed avatar mcanoy avatar mwalker5000 avatar day4skiing avatar sherl0cks avatar mdanter avatar agancarc avatar dylangification avatar

Watchers

Tom Heisey 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.