DCC GEL

When to use

The DCC GEL (Global Experience Language) has been created to offer continuity across all core services, whilst still maintaining a level of flexibility for a site’s design. All websites should have the GEL included unless authorised by the Digital Delivery Team

The GEL is designed to appear in the header and footer of a site, offering links to core services and information.

An example or the GEL header and footer can be seen on this page

How to implement

To apply the GEL to a site you will need to include or link to the following two files.

CSS (to go in the header): https://www.devon.gov.uk/core-gel/gel.css

Javascript (ideally in the footer): https://www.devon.gov.uk/core-gel/gel.min.js

Activating the GEL

Add the below function to activate the GEL

<script type="text/javascript" >
    jQuery(document).ready(function($){
        $('body').getGEL();
    });
</script>

Variables to update the phone number and email address in the footer

$('body').getGEL(
  {
    email: 'a@b.c',
    number: 'x3000'
  }
);