State Template CDN

Users can load your website faster by serving State Template's static resources such as css, JavaScript, fonts, and images in nodes all around the world. When a user requests your site, the node closest in proximity to user will deliver the static content, ensuring the shortest distance for the data to travel (reduced latency), therefore providing the fastest site experience.

CDN example using core CSS files

<link href="https://california.azureedge.net/cdt/statetemplate/5.5.11/v6.5/css/cagov.core.css" rel="stylesheet">
<link href="https://california.azureedge.net/cdt/statetemplate/5.5.11/v6.5/css/colorscheme-oceanside.css" rel="stylesheet">

CDN example using JS files

<script src="https://california.azureedge.net/cdt/statetemplate/5.5.11/js/cagov.core.js"></script>

Sample page using State Template CDN

Here is the example of using CDN for core CSS/JS State Template files together with Server Side Includes (ssi):

<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>State Template</title>
		<meta name="Author" content="State of California" />
		<meta name="Description" content="State of California" />
		<meta name="Keywords" content="California, government" />
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<!-- State Template Fonts -->
		<link href='https://fonts.googleapis.com/css?family=Asap+Condensed:400,600|Source+Sans+Pro:400,700' rel='stylesheet' type='text/css'>

		<!-- State Template CDN CSS -->
		<link rel="stylesheet" href="https://california.azureedge.net/cdt/statetemplate/5.5.11/v6.5/css/cagov.core.css">
		<link rel="stylesheet" href="https://california.azureedge.net/cdt/statetemplate/5.5.11/v6.5/css/colorscheme-oceanside.css">

		<!-- Required JS -->
		<script src="https://code.jquery.com/jquery-3.4.1.min.js" type="text/javascript"></script>
		<script src="https://code.jquery.com/jquery-migrate-3.1.0.min.js" type="text/javascript"></script>
	</head>
	<body>
		<header role="banner" id="header" class="global-header fixed">
			<div id="skip-to-content"><a href="#main-content">Skip to Main Content</a></div>
			<!--#include virtual="/v6.5/ssi/utility-header.html" -->
			<!--#include virtual="/v6.5/ssi/settings-bar.html" -->
			<!--#include virtual="/v6.5/ssi/branding.html" -->
			<!--#include virtual="/v6.5/ssi/mobile-controls.html" -->
				<div class="navigation-search">
					<!--#include virtual="/v6.5/ssi/navigation.html" -->
					<div id="head-search" class="search-container">
					<!--#include virtual="/v6.5/ssi/search.html" -->
				</div>
			</div>
			<div class="header-decoration"></div>
			</header>
			<div id="main-content" class="main-content">
				<div class="container">
					<main class="main-primary">
					Page content
					</main>
				</div>
			</div>
		<!--#include virtual="/v6.5/ssi/global-footer.html" -->

		<!-- State Template JavaScript CDN -->
		<script src="https://california.azureedge.net/cdt/statetemplate/5.5.11/js/cagov.core.js"></script>
	</body>
</html>

Note: The web server that hosts the State Template should be configured to process SSI's with the .html extension.

State Template core files CDN by version

State Template v5.5

    State Template v5

    CSS

    https://california.azureedge.net/cdt/statetemplate/5.0.3/v6.5/css/cagov.core.css
https://california.azureedge.net/cdt/statetemplate/5.0.3/v6.5/css/colorscheme-eureka.css
https://california.azureedge.net/cdt/statetemplate/5.0.3/v6.5/css/colorscheme-mono.css
https://california.azureedge.net/cdt/statetemplate/5.0.3/v6.5/css/colorscheme-oceanside.css
https://california.azureedge.net/cdt/statetemplate/5.0.3/v6.5/css/colorscheme-orangecounty.css
https://california.azureedge.net/cdt/statetemplate/5.0.3/v6.5/css/colorscheme-pasorobles.css
https://california.azureedge.net/cdt/statetemplate/5.0.3/v6.5/css/colorscheme-sacramento.css
https://california.azureedge.net/cdt/statetemplate/5.0.3/v6.5/css/colorscheme-santabarbara.css
https://california.azureedge.net/cdt/statetemplate/5.0.3/v6.5/css/colorscheme-sierra.css
https://california.azureedge.net/cdt/statetemplate/5.0.3/v6.5/css/colorscheme-trinity.css

    JS

    https://california.azureedge.net/cdt/statetemplate/5.0.3/js/cagov.core.js

    CSS

    https://california.azureedge.net/cdt/statetemplate/5.0.2/v6.5/css/cagov.core.css
https://california.azureedge.net/cdt/statetemplate/5.0.2/v6.5/css/colorscheme-eureka.css
https://california.azureedge.net/cdt/statetemplate/5.0.2/v6.5/css/colorscheme-mono.css
https://california.azureedge.net/cdt/statetemplate/5.0.2/v6.5/css/colorscheme-oceanside.css
https://california.azureedge.net/cdt/statetemplate/5.0.2/v6.5/css/colorscheme-orangecounty.css
https://california.azureedge.net/cdt/statetemplate/5.0.2/v6.5/css/colorscheme-pasorobles.css
https://california.azureedge.net/cdt/statetemplate/5.0.2/v6.5/css/colorscheme-sacramento.css
https://california.azureedge.net/cdt/statetemplate/5.0.2/v6.5/css/colorscheme-santabarbara.css
https://california.azureedge.net/cdt/statetemplate/5.0.2/v6.5/css/colorscheme-sierra.css
https://california.azureedge.net/cdt/statetemplate/5.0.2/v6.5/css/colorscheme-trinity.css

    JS

    https://california.azureedge.net/cdt/statetemplate/5.0.2/js/cagov.core.js