Design System

Tokens

General

[[logo]] - Pulls whatever logo is in Logo Management in Portal

[[license number]]

[[site_broadcast]] - for landinge pages that need the site broadcast

[[horizontal_des_counter]]

[[display_addresses]] - Shows all address in portal

[[display_addresses_phone]] - Shows all address and phone numbers. Most commonly used below the city scroll

[[cn-logo]] - CN logo usually in footer

[[custom_oc_footer]] - check output below

[company] is an independent contractor and is not an affiliate of Owens Corning Roofing and Asphalt, LLC or its affiliated companies. THE PINK PANTHER™ & © 1964–2015 Metro-Goldwyn-Mayer Studios Inc. All Rights Reserved.

Inline CSS

[[inline_css]] - inlines all the css in the inline tab in the CMS

Core V3

[[custom_core_v3]]

Output

    <link rel="alternate" title="News and Events" href="/feeds.xml" type="application/rss+xml" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js" defer></script>
        <link rel="stylesheet" type="text/css" href="/core/jquery-ui.css" />
        <link rel="stylesheet" type="text/css" href="/core/v2/jquery-ui-default.css" />
        <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.css"/>
        <script src="/core/js/jquery.thScrollable.js" type="text/javascript" defer></script>
        <!-- Icon Font -->
        <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
        <!-- ColorBox -->
        <script type="text/javascript" src="http://b388022801b3244fdbae-c913073b3759fb31d6b728a919676eab.r15.cf1.rackcdn.com/v3/colorbox/jquery.colorbox-min.js" defer></script>
        <link rel="stylesheet" type="text/css" href="http://b388022801b3244fdbae-c913073b3759fb31d6b728a919676eab.r15.cf1.rackcdn.com/v3/colorbox/colorbox.css" />
        <!--End ColorBox-->
        <link rel="stylesheet" type="text/css" href="http://b388022801b3244fdbae-c913073b3759fb31d6b728a919676eab.r15.cf1.rackcdn.com/v3/toolbox.css" />
        <link rel="stylesheet" type="text/css" href="http://b388022801b3244fdbae-c913073b3759fb31d6b728a919676eab.r15.cf1.rackcdn.com/v3/inline-widgets.css" />
        <link rel="stylesheet" type="text/css" href="/core/v2/sidebar-widgets.css" />
        <link rel="stylesheet" type="text/css" href="http://b388022801b3244fdbae-c913073b3759fb31d6b728a919676eab.r15.cf1.rackcdn.com/v3/modules.css" />
        <link rel="stylesheet" type="text/css" href="http://b388022801b3244fdbae-c913073b3759fb31d6b728a919676eab.r15.cf1.rackcdn.com/v3/template.css" />
        <link rel="stylesheet" href="/core/v3/foundation.min.css">
        <!--Mobile Overrides -->
        <link rel="stylesheet" media="screen and (max-width: 960px)" href="http://b388022801b3244fdbae-c913073b3759fb31d6b728a919676eab.r15.cf1.rackcdn.com/v3/mobile.css" />
        <link rel="stylesheet" href="http://b388022801b3244fdbae-c913073b3759fb31d6b728a919676eab.r15.cf1.rackcdn.com/v3/nav.css" />
        <link rel="stylesheet" type="text/css" href="/inc/sb-styles.css">

Core V3 JS

[[custom_core_v3_js]]

Output

<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/js/foundation.min.js"></script> 
<script src="http://b388022801b3244fdbae-c913073b3759fb31d6b728a919676eab.r15.cf1.rackcdn.com/v3/template.js"></script> 
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js"></script>