Getting Started

Atlas is hosted on the CenturyLink Platform assets server for anyone to you. The Atlas library adds CenturyLink Platform specific business logic on top of Cyclops. For more information about how to setup up and use Cyclops visit it’s documentation.

To get started you will need to include and setup Cyclops as well as the auth0 JavaScript file http://cdn.auth0.com/w2/auth0-7.2.js. Then include the Atlas JavaScript file and StyleSheet and call liftoff. Information on the liftoff call can be found on the documentation page.

To prevent attackers from spoofing our sites and maliciously performing SSO, A list of allowed domains is maintained in auth0. Each team will need to submit a ticket to get their domains (dev, prod, etc.) added to this list.

Upgrading from version v1.0.2

Atlas v2.0.0-beta.4 contains many new features, as such we were unable to keep backwards compatibility with v1.0.2 or earlier. If you are looking to upgrade to v2.0.0-beta.4 please refer to our Upgrade Guide.

        
<!DOCTYPE html>
<html class="cyclops">
<head>
  <link href="https://assets.ctl.io/cyclops/1.6.1/css/cyclops.min.css" rel="stylesheet" type="text/css" />
  <link href="https://assets.ctl.io/atlas/2.0.0-beta.4/css/atlas.min.css" rel="stylesheet" type="text/css" />
  <!-- your styles here -->
</head>
<body>
  <!-- Your Content Here -->

  <script src="https://code.jquery.com/jquery-2.1.4.min.js" ></script>
  <script src="https://ajax.aspnetcdn.com/ajax/knockout/knockout-3.3.0.js" ></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout-validation/2.0.3/knockout.validation.min.js" ></script>
  <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.1/moment.min.js"></script>
  <script src="https://cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script>
  <script src="https://assets.ctl.io/cyclops/1.6.1/scripts/cyclops.min.js" ></script>
  <script src="https://cdn.auth0.com/w2/auth0-7.2.min.js" ></script>
  <script src="https://assets.ctl.io/atlas/2.0.0-beta.4/scripts/atlas.min.js" ></script>
  <script>
    $(function(){
      atlas.liftoff({
        env: "prod",
        mainNavId: "Assgined by Platform"
    })
  </script>
  <!-- your scripts here -->
</body>
</html>