Local Site CNC Integration

Overview

We’re excited to announce that we now support embedding CNC content on your local university web page! Our current content contains an overview of CIRTL and a list of upcoming cross-Network events:

The events will update automatically based on the data in the CNC. You are able to place the embedded content wherever you would like, as it will coexist with any content you may already have. We plan to offer customization options in the future, as detailed in the Upcoming Features section below.

Examples

Installation

If you have a website administrator, this will be the information that they need to get everything up and running. Otherwise, if you’re not sure how to proceed or you need any help, contact James at support@cirtl.net

The installation process should be compatible with most Content Management Systems (CMS), but you will need the ability to edit the page’s source code directly. All of our styles are scoped to ensure we do not interfere with your university styles.

Instructions

On the page you wish to add the embedded CNC content, you will need to:

  • Add a <div id="cnc-local-site"></div> tag where you would like the content to appear.
  • Add our CSS link of <link rel="stylesheet" href="https://s3.amazonaws.com/cnc-local-site-prod/cnc-local-site.css"> to the page.
  • Add our script on the same page that you added the <div>:
<script type='text/javascript'>
 (function(){var w=window;var d=document;function load(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://s3.amazonaws.com/cnc-local-site-prod/cnc-local-site.js';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);} if(w.attachEvent){w.attachEvent('onload',load);}else{w.addEventListener('load',load,false);}})()
</script>

That’s it! Once you have your web page up and running, please share a link with us at support@cirtl.net - we’re excited to see all of the new integrations!