TEST SERVER

IdM Style Guide

Getting Started

The style guide functions like a content delivery network, allowing you to pull all bundled assets into your app as one JavaScript file. To do this:

  1. Create an HTML template in your app: copy/paste from here
  2. Make sure you're using the desired version of the style guide:

    • Test:  <script src="stylesheet" href="https://shib-idp-test-09.oit.duke.edu/idms-assets/dist/bundle.js"></script>
    • Prod: <script src="stylesheet" href="https://shib.oit.duke.edu/idms-assets/dist/bundle.js"></script>
  3. Add local files (project.css, project.js) after style guide declaration for local modifications as necessary.

Further Reading

This style guide uses the following:

Fonts

  • Font Awesome 5.0.6
  • Open Sans

Scripts