Getting Started
Atlas is a library that adds CenturyLink Platform specific business logic on top of Cyclops, and is hosted on the CenturyLink Platform Assets Server. 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 .js and .css files, 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.1-beta.3 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.1-beta.3, please refer to the 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.1-beta.3/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.1-beta.3/scripts/atlas.min.js" ></script>
<script>
$(function(){
atlas.liftoff({
env: "prod",
mainNavId: "Assgined by Platform"
})
</script>
<!-- your scripts here -->
</body>
</html>