CINXE.COM
Games for kids and early years activities - CBeebies - BBC
<!DOCTYPE html> <html lang="en" id="ng-app" class="no-js b-header--white--black b-footer--transparent--dark-grey b-reith-sans-font"> <head prefix="og: http://ogp.me/ns#"><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://www.bbc.co.uk/cbeebies","20180811195629","https://web.archive.org/","web","/_static/", "1534017389"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <link rel="schema.DCTERMS" href="https://purl.org/dc/terms/"> <title>Games for kids and early years activities - CBeebies - BBC</title> <meta name="DCTERMS.title" content="Games for kids and early years activities - CBeebies - BBC"/> <meta name="description" content="CBeebies helps pre-schoolers learn whilst they play fun games, watch clips, sing songs and make things with their favourite CBeebies characters and shows."/> <meta name="DCTERMS.description" content="CBeebies helps pre-schoolers learn whilst they play fun games, watch clips, sing songs and make things with their favourite CBeebies characters and shows."/> <meta property="fb:pages" content="194575130577797"/> <meta property="fb:pages" content="7397061762"/> <meta property="fb:pages" content="7833211321"/> <meta property="fb:pages" content="129044383774217"/> <meta property="fb:pages" content="401538510458"/> <meta property="fb:pages" content="8251776107"/> <meta property="fb:pages" content="273726292719943"/> <meta property="fb:pages" content="107909022566650"/> <meta property="fb:pages" content="21750735380"/> <meta property="fb:pages" content="1477945425811579"/> <meta property="fb:pages" content="944295152308991"/> <meta property="fb:pages" content="154344434967"/> <meta property="fb:pages" content="8244244903"/> <meta property="fb:pages" content="512423982152360"/> <meta property="fb:pages" content="156060587793370"/> <meta property="fb:pages" content="215504865453262"/> <meta property="fb:pages" content="260967092113"/> <meta property="fb:pages" content="1392506827668140"/> <meta property="fb:pages" content="128645453843827"/> <meta property="fb:pages" content="7519460786"/> <meta property="fb:pages" content="1143803202301544"/> <meta property="fb:pages" content="1470145583204829"/> <meta property="fb:pages" content="470911516262605"/> <meta property="fb:pages" content="413132078795966"/> <meta property="fb:pages" content="118883634811868"/> <meta property="fb:pages" content="130593816777"/> <meta property="fb:pages" content="228735667216"/> <meta property="fb:pages" content="80758950658"/> <meta property="fb:pages" content="260212261199"/> <meta property="fb:pages" content="294662213128"/> <meta property="fb:pages" content="1086451581439054"/> <meta property="fb:pages" content="283348121682053"/> <meta property="fb:pages" content="295830058648"/> <meta property="fb:pages" content="239931389545417"/> <meta property="fb:pages" content="304314573046"/> <meta property="fb:pages" content="310719525611571"/> <meta property="fb:pages" content="647687225371774"/> <meta property="fb:pages" content="1159932557403143"/> <meta property="fb:pages" content="286567251709437"/> <meta property="fb:pages" content="1731770190373618"/> <meta property="fb:pages" content="125309456546"/> <meta property="fb:pages" content="742734325867560"/> <meta property="fb:pages" content="168895963122035"/> <meta property="fb:pages" content="292291897588734"/> <meta property="fb:pages" content="658551547588605"/> <meta property="fb:pages" content="156400551056385"/> <meta property="fb:pages" content="185246968166196"/> <meta property="fb:pages" content="1411916919051820"/> <meta property="fb:pages" content="958681370814419"/> <meta property="fb:pages" content="317278538359186"/> <meta property="fb:pages" content="8585725981"/> <meta property="fb:pages" content="1436581493296609"/> <meta property="fb:pages" content="163571453661989"/> <meta property="fb:pages" content="751471531641341"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="google-site-verification" content="sUg-a4QKArEnMf-yhvv06bQKRMuWK9rcrRL8T7z3bPA"/> <link rel="canonical" href="https://web.archive.org/web/20180811195629/https://www.bbc.co.uk/cbeebies"/> <script type="text/javascript"> var _sf_startpt = (new Date()).getTime() </script> <link rel="copyright" href="https://web.archive.org/web/20180811195629/http://www.bbc.co.uk/terms/" title="Terms of Use"/> <link href="/web/20180811195629im_/https://www.bbc.co.uk/cbeebies/assets/images/favicons/apple-touch-icon.png" rel="apple-touch-icon"/> <link href="/web/20180811195629im_/https://www.bbc.co.uk/cbeebies/assets/images/favicons/favicon.ico" rel="icon" type="image/x-icon"/> <link href="/web/20180811195629im_/https://www.bbc.co.uk/cbeebies/assets/images/favicons/favicon.ico" rel="shortcut icon" type="image/x-icon"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20180811195629cs_/https://static.bbci.co.uk/gelstyles/0.11.0/style/core.css"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20180811195629cs_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/stylesheets/cbeebies.min.css"/> <!--[if lt IE 9]> <link rel="stylesheet" type="text/css" href="https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/stylesheets/cbeebies.ie8.min.css"/> <![endif]--> <link rel="stylesheet" type="text/css" href="/web/20180811195629cs_/https://www.bbc.co.uk/cbeebies/stylesheets/immersive/section/1533906269/60f6733/home.css"/> <script type="text/javascript"> var allForwardSlashes = /\//g; var anythingNotAWordOrFullStop = /[^\w^\.]/g; var allMultipleUnderscores = /_+/g; var fullStopAtEnd = /\.$/; var pageDescriptor = window.location.pathname.substring(1) .replace(allForwardSlashes, '.') .replace(anythingNotAWordOrFullStop, '_') .replace(allMultipleUnderscores, '_') .replace(fullStopAtEnd, ''); window.istats_countername = pageDescriptor.toLowerCase() + '.page'; </script> <!-- Nav Env: live --> <!-- Analytics Web Module: 0.0.1-114.1e65465 --> <!-- NavID Web Module: 0.2.0-169 --> <!-- Searchbox Web Module: 137 --> <!-- Promo Web Module: 2.0.0-23.2ede68e --> <meta name="viewport" content="width=device-width, initial-scale=1.0"><meta property="fb:admins" content="100004154058350"><link rel="stylesheet" href="https://web.archive.org/web/20180811195629cs_/https://nav.files.bbci.co.uk/orbit/2.0.0-269.63591de/css/orb-ltr.min.css"><!--[if (lt IE 9) & (!IEMobile)]> <link rel="stylesheet" href="https://nav.files.bbci.co.uk/orbit/2.0.0-269.63591de/css/orb-ie-ltr.min.css"> <![endif]--><script type="text/javascript">/*<![CDATA[*/ window.orb = { lang: 'en', bbcBaseUrl: 'https://web.archive.org/web/20180811195629/http://www.bbc.co.uk', bbcUrlPrefix: 'https://web.archive.org/web/20180811195629/http://www.', staticHost: 'https://web.archive.org/web/20180811195629/https://nav.files.bbci.co.uk/orbit/2.0.0-269.63591de', figUrl: 'https://web.archive.org/web/20180811195629/https://fig.bbc.co.uk/frameworks/fig/2/fig.js', partialCookieOvenUrl: 'https://web.archive.org/web/20180811195629/https://cookie-oven.api.bbc' }; document.documentElement.className += (document.documentElement.className? ' ' : '') + 'orb-js'; window.orb.worldwideNavlinks = ''; /*]]>*/</script><script>// Promise polyfill from https://github.com/bramstein/promis (function(){'use strict';var f,g=[];function l(a){g.push(a);1==g.length&&f()}function m(){for(;g.length;)g[0](),g.shift()}f=function(){setTimeout(m)};function n(a){this.a=p;this.b=void 0;this.f=[];var b=this;try{a(function(a){q(b,a)},function(a){r(b,a)})}catch(c){r(b,c)}}var p=2;function t(a){return new n(function(b,c){c(a)})}function u(a){return new n(function(b){b(a)})}function q(a,b){if(a.a==p){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d){d.call(b,function(b){c||q(a,b);c=!0},function(b){c||r(a,b);c=!0});return}}catch(e){c||r(a,e);return}a.a=0;a.b=b;v(a)}} function r(a,b){if(a.a==p){if(b==a)throw new TypeError;a.a=1;a.b=b;v(a)}}function v(a){l(function(){if(a.a!=p)for(;a.f.length;){var b=a.f.shift(),c=b[0],d=b[1],e=b[2],b=b[3];try{0==a.a?"function"==typeof c?e(c.call(void 0,a.b)):e(a.b):1==a.a&&("function"==typeof d?e(d.call(void 0,a.b)):b(a.b))}catch(h){b(h)}}})}n.prototype.g=function(a){return this.c(void 0,a)};n.prototype.c=function(a,b){var c=this;return new n(function(d,e){c.f.push([a,b,d,e]);v(c)})}; function w(a){return new n(function(b,c){function d(c){return function(d){h[c]=d;e+=1;e==a.length&&b(h)}}var e=0,h=[];0==a.length&&b(h);for(var k=0;k<a.length;k+=1)u(a[k]).c(d(k),c)})}function x(a){return new n(function(b,c){for(var d=0;d<a.length;d+=1)u(a[d]).c(b,c)})};window.Promise||(window.Promise=n,window.Promise.resolve=u,window.Promise.reject=t,window.Promise.race=x,window.Promise.all=w,window.Promise.prototype.then=n.prototype.c,window.Promise.prototype["catch"]=n.prototype.g);}()); (function() { var language = 'en'; language = 'en'; window.bbcpage = { loadModule: function(deps) { return new Promise(function (resolve, reject) { window.require(deps, function () { resolve.apply(this, arguments); }, function (error) { reject(error); }); }) }, loadCSS: function (url, timeout) { return window.bbcpage.loadModule(['orb/lib/_$']) .then(function($) { return new Promise(function(resolve, reject) { var stylesheet = loadCSS(url); $.onloadCSS(stylesheet, function() { resolve(); }); if (timeout) { setTimeout(function () { reject(); }, timeout); } }); }); }, getLanguage: function () { return new Promise(function(resolve, reject) { resolve(language); }); }, trackRegion: function (region, labels) { return window.bbcpage.loadModule(['istats-1']) .then(function(istats) { var trackLabels = { region: region }; for (var label in labels) { trackLabels[label] = labels[label]; } var linkType = labels.linkType || 'internal'; istats.track(linkType, trackLabels); }); } }; var country; var sanitiseCountry = function(country) { return country ? country.replace(/ /g, '') : undefined; } window.bbcuser = { getCountry: function() { if (country) { return new Promise(function(resolve, reject) { resolve(sanitiseCountry(country)); }) } else { return window.bbcpage.loadModule(['orb/fig']) .then(function(orbFig) { return new Promise(function(resolve, reject) { orbFig.load(function (fig) { if (fig.geo.isUK()) { resolve('gb'); } else if (fig.geo.isEU()) { resolve('eu'); } else { resolve(undefined); } }, function () { reject('Error determining country. Timeout?'); }); }); }); } }, isUKCombined: function(inputCountry) { return window.bbcpage.loadModule(['orb/bbcuser']) .then(function(service) { return new Promise(function(resolve, reject) { if (inputCountry) { resolve(service.isUKCombined(sanitiseCountry(inputCountry))); } else { window.bbcuser.getCountry().then(function(fetchedCountry){ resolve(service.isUKCombined(fetchedCountry)); }) } }); }); }, isEU: function(inputCountry) { return window.bbcpage.loadModule(['orb/bbcuser']) .then(function(service) { return new Promise(function(resolve, reject) { if (inputCountry) { resolve(service.isEU(sanitiseCountry(inputCountry))); } else { window.bbcuser.getCountry().then(function(fetchedCountry){ resolve(service.isEU(fetchedCountry)); }) } }); }); }, allowsPerformanceCookies: function() { return window.bbcpage.loadModule(['orb/cookies']) .then(function(bbccookies) { return !!bbccookies.cookiesEnabled() && !!bbccookies.readPolicy('performance'); }); }, allowsFunctionalCookies: function() { return window.bbcpage.loadModule(['orb/cookies']) .then(function(bbccookies) { return !!bbccookies.cookiesEnabled() && !!bbccookies.readPolicy('personalisation'); }); }, getCookieValue: function(cookieName) { return window.bbcpage.loadModule(['orb/cookies']) .then(function(bbccookies) { return bbccookies.get(cookieName); }); }, resetCookiesPreferences: function() { return window.bbcpage.loadModule(['orb/cookies']) .then(function(bbccookies) { bbccookies.setDefaultCookiesSingleDomain(); }); }, hasCookiesEnabled: function() { return window.bbcpage.loadModule(['orb/cookies']) .then(function(bbccookies) { return !!bbccookies.cookiesEnabled(); }); }, hasSeenCookieBanner: function() { return window.bbcpage.loadModule(['orb/cookies']) .then(function (bbccookies) { return !!bbccookies.isCookiePolicySet(); }); }, logEvent: function (verb, noun, extraLabels) { return window.bbcuser.allowsPerformanceCookies() .then(function(allowsCookies) { if (allowsCookies) { return window.bbcpage.loadModule(['istats-1']) .then(function(istats) { istats.log(verb, noun, extraLabels); }); } else { throw new Error('User cannot be tracked due to cookies preferences.'); } }); }, }; }());</script><script src="https://web.archive.org/web/20180811195629js_/https://nav.files.bbci.co.uk/orbit/2.0.0-269.63591de/js/require.min.js"></script> <script src="https://web.archive.org/web/20180811195629js_/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.1-114.1e65465/cookie-banner/cookie-prompt/cookie-library.min.js"></script><script type="text/javascript">define('orb/cookies', function() { return window.bbccookies; });</script> <script src="https://web.archive.org/web/20180811195629js_/https://nav.files.bbci.co.uk/orbit/2.0.0-269.63591de/js/api.min.js"></script><script type="text/javascript">window.bbcFlagpoles_istats="ON",require.config({paths:{"istats-1":"https://web.archive.org/web/20180811195629/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.1-114.1e65465/istats/istats-1"}}),require(["istats-1","orb/cookies"],function(a,e){if(e.isAllowed("s1")){a.addCollector({name:"default",url:"//web.archive.org/web/20180811195629/https://sa.bbc.co.uk/bbc/bbc/s",separator:"&"});var s="cbeebies.page";a.setCountername(s),window.istats_countername&&a.setCountername(window.istats_countername),a.addLabels("ml_name=webmodule&ml_version=0.0.1-114.1e65465&blq_e=orbit&blq_r=orbit&blq_s=orbit&blq_v=cbeebies&language=en&app_name=cbeebies&app_type=responsive")}});</script><link rel="stylesheet" href="https://web.archive.org/web/20180811195629cs_/https://mybbc.files.bbci.co.uk/s/id/account-idcta/1.8.4/style/id-cta.css"><!--[if IE 8]><link href="https://mybbc.files.bbci.co.uk/s/id/account-idcta/1.8.4/style/ie8.css" rel="stylesheet"/> <![endif]--><script type="text/javascript">(function() {if (!window.require) {throw new Error('idcta: could not find require module');}if (typeof(map) == 'undefined') {var map = {};}if (!!document.createElementNS && !!document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect) {document.documentElement.className += ' id-svg';}var ptrt = new RegExp("[\\?&]ptrt=([^&]*)").exec(document.location.href);var ENDPOINT_URL = 'https://web.archive.org/web/20180811195629/https://idcta.api.bbc.co.uk';var ENDPOINT_CONFIG = ('/idcta/config?callback=&ptrt=' + encodeURIComponent((ptrt ? ptrt[1] : document.location.href))).replace(/\&/g, '&');var ENDPOINT_TRANSLATIONS = '/idcta/translations?callback=';function hasPromise() {var P = window.Promise;var promiseToString = null;if (P) {try {promiseToString = Object.prototype.toString.call(P.resolve());} catch(e) {/*silently ignored*/}}return (promiseToString === '[object Promise]' && !P.cast);}if (hasPromise()) {define('idcta/es6-promise', function() {return window.Promise;});define('idcta-v2/es6-promise', function() {return window.Promise;});}map['idcta-v2'] = 'https://web.archive.org/web/20180811195629/https://mybbc.files.bbci.co.uk/s/id/account-idcta/1.8.4/modules/idcta-v2';map['idcta-v2/config'] = ENDPOINT_URL + ENDPOINT_CONFIG;map['idcta-v2/translations'] = ENDPOINT_URL + ENDPOINT_TRANSLATIONS;map['idcta'] = 'https://web.archive.org/web/20180811195629/https://mybbc.files.bbci.co.uk/s/id/account-idcta/1.8.2/modules/idcta';map['idcta-v2/idcta-1'] = 'https://web.archive.org/web/20180811195629/https://mybbc.files.bbci.co.uk/s/id/account-idcta/1.8.4/modules/idcta-v2/dist/idcta-1.min';const idctaShim = {deps: ['idcta-v2/idcta-1'],};require({paths: map,shim: {'idcta-v2/statusbar': idctaShim,'idcta-v2/id-config': idctaShim}});window.idctaBaseUrl = ENDPOINT_URL;define('idcta/config', ['idcta-v2/config'], function(data) {return data;});define('idcta/translations', ['idcta-v2/translations'], function(data) {return data;});})();</script><script type="text/javascript">// Globally available search context window.SEARCHBOX={"variant":"cbeebies","locale":"en","navSearchboxStaticPrefix":"//web.archive.org/web/20180811195629/https://nav.files.bbci.co.uk/searchbox/1.0.0-137","searchboxAppStaticPrefix":"//web.archive.org/web/20180811195629/https://search.files.bbci.co.uk/searchbox-app/1.0.26","searchFormHtml":"<div tabindex=\"-1\" data-reactid=\".1ytvatcpzi8\" data-react-checksum=\"-876269487\"><div data-reactid=\".1ytvatcpzi8.0\"><section class=\"se-searchbox-panel\" data-reactid=\".1ytvatcpzi8.0.0\"><div class=\"se-g-wrap\" data-reactid=\".1ytvatcpzi8.0.0.0\"><div class=\"se-g-layout\" data-reactid=\".1ytvatcpzi8.0.0.0.0\"><div class=\"se-g-layout__item se-searchbox-title\" aria-hidden=\"true\" data-reactid=\".1ytvatcpzi8.0.0.0.0.0\">search</div><div class=\"se-g-layout__item se-searchbox\" data-reactid=\".1ytvatcpzi8.0.0.0.0.1\"><form accept-charset=\"utf-8\" id=\"searchboxDrawerForm\" method=\"get\" action=\"https://search.bbc.co.uk/search\" data-reactid=\".1ytvatcpzi8.0.0.0.0.1.0\"><label class=\"se-searchbox__input\" for=\"se-searchbox-input-field\" data-reactid=\".1ytvatcpzi8.0.0.0.0.1.0.0\"><span class=\"se-sr-only\" data-reactid=\".1ytvatcpzi8.0.0.0.0.1.0.0.0\">Search Term</span><input name=\"q\" type=\"text\" value=\"\" id=\"se-searchbox-input-field\" class=\"se-searchbox__input__field\" maxlength=\"512\" autocomplete=\"off\" autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\" tabindex=\"0\" data-reactid=\".1ytvatcpzi8.0.0.0.0.1.0.0.1\"/></label><input type=\"hidden\" name=\"scope\" value=\"\" data-reactid=\".1ytvatcpzi8.0.0.0.0.1.0.2\"/><button type=\"submit\" class=\"se-searchbox__submit\" tabindex=\"0\" data-reactid=\".1ytvatcpzi8.0.0.0.0.1.0.3\">Search</button><button type=\"button\" class=\"se-searchbox__clear se-searchbox__clear--visible\" tabindex=\"0\" data-reactid=\".1ytvatcpzi8.0.0.0.0.1.0.4\">Close</button></form></div></div></div></section><div aria-live=\"polite\" aria-atomic=\"true\" class=\"se-suggestions-container\" data-reactid=\".1ytvatcpzi8.0.1\"><section class=\"se-g-wrap\" data-reactid=\".1ytvatcpzi8.0.1.0\"></section></div></div></div>","searchScopePlaceholder":"<input type=\"hidden\" name=\"scope\" id=\"orb-search-scope\" value=\"cbeebies\">","searchScopeParam":"?scope=cbeebies","searchScopeTemplate":"cbeebies","searchPlaceholderWrapperStart":"","searchPlaceholderWrapperEnd":""}; window.SEARCHBOX.suppress = false; window.SEARCHBOX.searchScope = SEARCHBOX.searchScopeTemplate.split('-')[0];</script><link rel="stylesheet" href="//web.archive.org/web/20180811195629cs_/https://nav.files.bbci.co.uk/searchbox/1.0.0-137/css/main.css"><!--[if IE 8]> <script type="text/javascript" src="//nav.files.bbci.co.uk/searchbox/1.0.0-137/script/html5shiv.min.js"></script> <script type="text/javascript">window['searchboxIEVersion'] = 8;</script> <link rel="stylesheet" href="//nav.files.bbci.co.uk/searchbox/1.0.0-137/css/ie8.css"> <![endif]--><!--[if IE 9]> <script type="text/javascript">window['searchboxIEVersion'] = 9;</script> <![endif]--><script type="text/javascript">require.config({ "paths": { "orb/async/_footerpromo": 'https://web.archive.org/web/20180811195629/https://nav.files.bbci.co.uk/navpromo/2.0.0-23.2ede68e/js/async/_footerpromo' } });</script><!-- BBCDOTCOM head --><script type="text/javascript">/*<![CDATA[*/ var _sf_startpt = (new Date()).getTime(); /*]]>*/</script><style type="text/css">.bbccom_display_none{display:none;}</style><script type="text/javascript">/*<![CDATA[*/ var bbcdotcomConfig, googletag = googletag || {}; googletag.cmd = googletag.cmd || [], bbcdotcomScripts = []; var bbcdotcom = false; (function(){ if(typeof require !== 'undefined') { require({ paths:{ "bbcdotcom":"https://web.archive.org/web/20180811195629/https://static.bbc.co.uk/bbcdotcom/1.86.0/script" } }); } })(); /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ var bbcdotcom = { adverts: { keyValues: { set: function() {} } }, advert: { write: function () {}, show: function () {}, isActive: function () { return false; }, layout: function() { return { reset: function() {} } } }, config: { init: function() {}, isActive: function() {}, setSections: function() {}, isAdsEnabled: function() {}, setAdsEnabled: function() {}, isAnalyticsEnabled: function() {}, setAnalyticsEnabled: function() {}, setAssetPrefix: function() {}, setVersion: function () {}, setJsPrefix: function() {}, setSwfPrefix: function() {}, setCssPrefix: function() {}, setConfig: function() {}, getAssetPrefix: function() {}, getJsPrefix: function () {}, getSwfPrefix: function () {}, getCssPrefix: function () {}, isOptimizelyEnabled: function() {} }, survey: { init: function(){ return false; } }, data: {}, init: function() {}, objects: function(str) { return false; }, locale: { set: function() {}, get: function() {} }, setAdKeyValue: function() {}, utils: { addEvent: function() {}, addHtmlTagClass: function() {}, log: function () {} }, addLoadEvent: function() {} }; /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function(){ if (typeof orb !== 'undefined' && typeof orb.fig === 'function') { if (orb.fig('ad') && orb.fig('uk') == 0) { bbcdotcom.data = { ads: (orb.fig('ad') ? 1 : 0), stats: (orb.fig('uk') == 0 ? 1 : 0), statsProvider: orb.fig('ap') }; } } else { document.write('<script type="text/javascript" src="'+('https:' == document.location.protocol ? 'https://web.archive.org/web/20180811195629/https://www.bbc.com' : 'https://web.archive.org/web/20180811195629/http://tps.bbc.com')+'/wwscripts/data">\x3C/script>'); } })(); /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function(){ if (typeof orb === 'undefined' || typeof orb.fig !== 'function') { bbcdotcom.data = { ads: bbcdotcom.data.a, stats: bbcdotcom.data.b, statsProvider: bbcdotcom.data.c }; } if (bbcdotcom.data.ads == 1) { document.write('<script type="text/javascript" src="'+('https:' == document.location.protocol ? 'https://web.archive.org/web/20180811195629/https://www.bbc.com' : 'https://web.archive.org/web/20180811195629/http://www.bbc.com')+'/wwscripts/flag">\x3C/script>'); } })(); /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function(){ if (window.bbcdotcom && (typeof bbcdotcom.flag == 'undefined' || (typeof bbcdotcom.data.ads !== 'undefined' && bbcdotcom.flag.a != 1))) { bbcdotcom.data.ads = 0; } if (/[?|&]ads/.test(window.location.href) || /(^|; )ads=on; /.test(document.cookie) || /; ads=on(; |$)/.test(document.cookie)) { bbcdotcom.data.ads = 1; bbcdotcom.data.stats = 1; } if (window.bbcdotcom && (bbcdotcom.data.ads == 1 || bbcdotcom.data.stats == 1)) { bbcdotcom.assetPrefix = "https://web.archive.org/web/20180811195629/https://static.bbc.co.uk/bbcdotcom/1.86.0/"; if (/(sandbox|int)(.dev)*.bbc.co*/.test(window.location.href) || /[?|&]ads-debug/.test(window.location.href) || document.cookie.indexOf('ads-debug=') !== -1) { document.write('<script type="text/javascript" src="https://web.archive.org/web/20180811195629/https://static.bbc.co.uk/bbcdotcom/1.86.0/script/dist/bbcdotcom.dev.js">\x3C/script>'); } else { document.write('<script type="text/javascript" src="https://web.archive.org/web/20180811195629/https://static.bbc.co.uk/bbcdotcom/1.86.0/script/dist/bbcdotcom.js">\x3C/script>'); } } })(); /*]]>*/</script><script type="text/javascript">if (window.bbcdotcom && bbcdotcom.data.stats == 1) { document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20180811195629/https://secure-us.imrworldwide.com/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20180811195629/https://me-cdn.effectivemeasure.net/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20180811195629/https://ssc.api.bbc.com/">'); } if (window.bbcdotcom && bbcdotcom.data.ads == 1) { document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20180811195629/https://www.googletagservices.com/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20180811195629/https://bbc.gscontxt.net/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20180811195629/https://tags.crwdcntrl.net/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20180811195629/https://ad.crwdcntrl.net/">'); }</script><script type="text/javascript">if (window.bbcdotcom && bbcdotcom.data.ads == 1) { document.write('<meta name="google-site-verification" content="auTeTTwSt_KBY_4iDoR00Lwb7-qzx1IgzJy6ztaWgEI" />'); }</script><script type="text/javascript">/*<![CDATA[*/ (function(){ if (window.bbcdotcom && (bbcdotcom.data.ads == 1 || bbcdotcom.data.stats == 1)) { bbcdotcomConfig = {"adFormat":"standard","adKeyword":"","adMode":"smart","adsEnabled":true,"appAnalyticsSections":"","asyncEnabled":true,"disableInitialLoad":false,"advertInfoPageUrl":"https:\/\/web.archive.org\/web\/20180811195629\/http:\/\/www.bbc.com\/privacy\/cookies\/international\/","advertisementText":"Advertisement","analyticsEnabled":true,"appName":"cbeebies","assetPrefix":"https:\/\/web.archive.org\/web\/20180811195629\/https:\/\/static.bbc.co.uk\/bbcdotcom\/1.86.0\/","customAdParams":[],"customStatsParams":[],"headline":"","id":"","inAssociationWithText":"in association with","keywords":"","language":"","orbTransitional":false,"lotameWSEnabled":false,"palEnv":"live","productName":"cbeebies","sections":[],"comScoreEnabled":true,"comscoreSite":"bbc","comscoreID":"19293874","comscorePageName":"","slots":"","sponsoredByText":"is sponsored by","adsByGoogleText":"Ads by Google","summary":"","type":"","features":{"testfeature":{"name":"testfeature","envs":["sandbox","int","test"],"on":true,"options":{},"override":null},"lxadverts":{"name":"lxadverts","envs":[],"on":true,"options":{},"override":null}},"staticBase":"\/bbcdotcom","staticHost":"https:\/\/web.archive.org\/web\/20180811195629\/https:\/\/static.bbc.co.uk","staticVersion":"1.86.0","staticPrefix":"https:\/\/web.archive.org\/web\/20180811195629\/https:\/\/static.bbc.co.uk\/bbcdotcom\/1.86.0","dataHttp":"tps.bbc.com","dataHttps":"www.bbc.com","flagHttp":"www.bbc.co.uk","flagHttps":"www.bbc.co.uk","analyticsHttp":"sa.bbc.com","analyticsHttps":"ssa.bbc.com"}; bbcdotcom.config.init(bbcdotcomConfig, bbcdotcom.data, window.location, window.document); bbcdotcom.config.setFlagpoles(bbcdotcom.flag || {}); bbcdotcom.config.setAssetPrefix("https://web.archive.org/web/20180811195629/https://static.bbc.co.uk/bbcdotcom/1.86.0/"); bbcdotcom.config.setVersion("1.86.0"); document.write('<!--[if IE 7]><script type="text/javascript">bbcdotcom.config.setIE7(true);\x3C/script><![endif]-->'); document.write('<!--[if IE 8]><script type="text/javascript">bbcdotcom.config.setIE8(true);\x3C/script><![endif]-->'); document.write('<!--[if IE 9]><script type="text/javascript">bbcdotcom.config.setIE9(true);\x3C/script><![endif]-->'); if (/[?|&]ex-dp/.test(window.location.href) || document.cookie.indexOf('ex-dp=') !== -1) { bbcdotcom.utils.addHtmlTagClass('bbcdotcom-ex-dp'); } } })(); /*]]>*/</script><script type="text/javascript">var initOptimizely = (function(isEnabled){ if(!isEnabled) return; var logger = window.bbcdotcom.Logger('bbcdotcom:head:optimizely'); /* Allow Optimizely in these paths */ var allowPaths = ['/', '/wwhp']; /* Only run on optimizely on homepage */ if (bbcdotcom.utils && allowPaths.indexOf(window.location.pathname) !== -1 && window.bbccookies && bbccookies.readPolicy('performance') ){ /* set correct OptimizelyURL for prod or sandbox */ var optimizelyURL = "https://web.archive.org/web/20180811195629/https://cdn.optimizely.com/public/4621041136/s/bbccom_sandbox.js"; if(window.location.hostname === 'www.bbc.com') { optimizelyURL = "https://web.archive.org/web/20180811195629/https://cdn.optimizely.com/public/4621041136/s/bbccom_prod.js"; } /* Set cookie to 1 year */ window['optimizely'] = window['optimizely'] || []; window['optimizely'].push({ "type": "cookieExpiration", "cookieExpirationDays": 365 }); /* Request Optimizely script */ (function () { var script = document.createElement('script'); script.src = optimizelyURL; document.head.appendChild(script); })(); } })( bbcdotcom.config.isOptimizelyEnabled() );</script><script type="text/javascript">/*<![CDATA[*/ if ( window.bbcdotcom && bbcdotcom.data && bbcdotcom.data.ads && bbcdotcom.data.ads == 1 && bbcdotcom.config && bbcdotcom.config.isGrapeshotEnabled && bbcdotcom.config.isGrapeshotEnabled() && bbcdotcom.config.isWorldService && !bbcdotcom.config.isWorldService() ) { var gs_channels="DEFAULT"; (function () { var gsurl = window.location.href.split("?")[0]; bbcdotcomScripts.push({src:'https://web.archive.org/web/20180811195629/https://bbc.gscontxt.net/?url='+encodeURIComponent(gsurl)}); })(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.data && bbcdotcom.data.stats && bbcdotcom.data.stats == 1 && bbcdotcom.config && bbcdotcom.config.isLotameEnabled && bbcdotcom.config.isLotameEnabled()){ (function () { var clientId, lotameUrl, lotameAudienceUrl; clientId = (bbcdotcom.config.isWorldService && bbcdotcom.config.isWorldService()) ? '10826' : '10816'; lotameUrl = '//web.archive.org/web/20180811195629/https://tags.crwdcntrl.net/c/'+clientId+'/cc.js?ns='+clientId; lotameAudienceUrl = '//web.archive.org/web/20180811195629/https://ad.crwdcntrl.net/5/c=10815/pe=y/var=ccauds'; bbcdotcomScripts.push({src:lotameUrl,id:"LOTCC"+clientId}); bbcdotcomScripts.push({src:lotameAudienceUrl}); })(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ /** * ASYNC waits to make any gpt requests until the bottom of the page */ if ( window.bbcdotcom && bbcdotcom.data && bbcdotcom.data.ads && bbcdotcom.data.ads == 1 && bbcdotcom.config && bbcdotcom.config.isAsync && bbcdotcom.config.isAsync() ) { (function () { bbcdotcomScripts.push({src:'//web.archive.org/web/20180811195629/https://www.googletagservices.com/tag/js/gpt.js'}); })(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ /* Load Lotame, Grapeshot and GPT without blocking rendering but executing in order */ if ( bbcdotcomScripts && bbcdotcomScripts.length > 0 ) { (function () { bbcdotcomScripts.forEach(function(item) { var script = document.createElement('script'); script.async = false; if(item.id) script.id = item.id; script.src = item.src; document.head.appendChild(script); }); })(); } /*]]>*/</script><script type="text/javascript" async="true">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.data && bbcdotcom.data.stats && bbcdotcom.data.stats == 1 && bbcdotcom.config && bbcdotcom.config.isLotameEnabled && bbcdotcom.config.isLotameEnabled() && bbcdotcom.lotame){ (function () { bbcdotcom.lotame.callback(); })(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function() { window.bbcdotcom.head = true; }()); /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ bbcpage.loadModule(['orb/cookies']) .then(function(bbccookies) { require(['istats-1', 'orb/fig'], function (istats, orbFig) { istats.addLabels({ 'bbc_mc': bbccookies.analyticsPolicyString() }); var domesticBlqV = istats._getLabels().blq_v; var worldwideBlqV = istats._getLabels().blq_v + '-ww'; function setBlqVLabel(fig) { if (fig.geo.isUK()) { istats.addLabels({'blq_v': domesticBlqV}); } else { istats.addLabels({'blq_v': worldwideBlqV}); } } // Guess with synchronous API first (might be cached and the async version might be too slow) setBlqVLabel(orbFig); orbFig.load(function (fig) { setBlqVLabel(fig); }); }); }); /*]]>*/</script> <script type="text/javascript"> require(['orb/fig'], function(orbFig) { orbFig.load(function(fig) { if (!fig.geo.isUK()) { window.location = "https://web.archive.org/web/20180811195629/http://www.cbeebies.com"; } else if (false) { var optimizelySnippet = document.createElement("script"); optimizelySnippet.type = "text/javascript"; optimizelySnippet.src = "https://web.archive.org/web/20180811195629/https://cdn.optimizely.com/public/4621041136/s/childrens_prod.js"; document.getElementsByTagName('head')[0].appendChild(optimizelySnippet); } }); }); </script> <script type="text/javascript" src="https://web.archive.org/web/20180811195629js_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/libraries/modernizr.js"></script> <script> define('modernizr', [], Modernizr); </script> <script type="text/javascript" src="https://web.archive.org/web/20180811195629js_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/libraries/matchMedia.js"></script> <style> .collection-panel--out-and-about-with-cbeebies .collection-panel__button .button__inner { color: #252525; background-color: #F7E67E; border-color: #c6b865; } .collection-panel--out-and-about-with-cbeebies .collection-panel__background-gradient { background: linear-gradient(135deg, #F7E67E 0%, #faf0b2 100%); } .collection-panel--out-and-about-with-cbeebies .collection-panel__title { color: #252525 } @media screen and (min-width: 768px) { .collection-panel--out-and-about-with-cbeebies { background-image: url('https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/s3/immersive/1920/background/cbeebies/summer-collection-banner.jpg'); } .collection-panel--out-and-about-with-cbeebies .collection-panel__background-gradient { background: linear-gradient(135deg, #F7E67E 0%, rgba(158,109,217,0) 100%); } } @media screen and (min-width: 320px) and (max-width:767px) { .collection-panel--out-and-about-with-cbeebies { background-image: url('https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/s3/immersive/770/background/cbeebies/summer-collection-banner.jpg'); } .collection-panel--out-and-about-with-cbeebies .collection-panel__background-gradient { background: linear-gradient(135deg, #F7E67E 0%, rgba(158,109,217,0) 100%); } } .collection-panel--out-and-about-with-cbeebies .button__inner:before { border-top-color: #f9eb98; } .collection-panel--out-and-about-with-cbeebies .button__link:hover:not([disabled]) .button__inner, .collection-panel--out-and-about-with-cbeebies .button-parent:hover .button__inner { border-color: #c9bc6d; background-color: #f8e98b; } .collection-panel--out-and-about-with-cbeebies .button__link:hover:not([disabled]) .button__inner:before, .collection-panel--out-and-about-with-cbeebies .button-parent:hover .button__inner:before { border-top-color: #f9eda0; } .collection-panel--out-and-about-with-cbeebies .button__link:active:not([disabled]) .button__inner { border-color: #b6a95d; background-color: #ebdb78; } .collection-panel--out-and-about-with-cbeebies .button__link:active:not([disabled]) .button__inner:before { border-top-color:#e5d88c; } </style> <style> .collection-panel--andys-safari-adventure-collection .collection-panel__button .button__inner { color: #252525; background-color: #9B8D78; border-color: #7c7160; } .collection-panel--andys-safari-adventure-collection .collection-panel__background-gradient { background: linear-gradient(135deg, #9B8D78 0%, #c3bbae 100%); } .collection-panel--andys-safari-adventure-collection .collection-panel__title { color: #252525 } @media screen and (min-width: 768px) { .collection-panel--andys-safari-adventure-collection { background-image: url('https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/s3/immersive/1920/background/cbeebies/Andyssingalong_bannerUPDATEjpg.jpg'); } .collection-panel--andys-safari-adventure-collection .collection-panel__background-gradient { background: linear-gradient(135deg, #9B8D78 0%, rgba(158,109,217,0) 100%); } } @media screen and (min-width: 320px) and (max-width:767px) { .collection-panel--andys-safari-adventure-collection { background-image: url('https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/s3/immersive/770/background/cbeebies/Andyssingalong_bannerUPDATEjpg.jpg'); } .collection-panel--andys-safari-adventure-collection .collection-panel__background-gradient { background: linear-gradient(135deg, #9B8D78 0%, rgba(158,109,217,0) 100%); } } .collection-panel--andys-safari-adventure-collection .button__inner:before { border-top-color: #afa493; } .collection-panel--andys-safari-adventure-collection .button__link:hover:not([disabled]) .button__inner, .collection-panel--andys-safari-adventure-collection .button-parent:hover .button__inner { border-color: #837868; background-color: #a59886; } .collection-panel--andys-safari-adventure-collection .button__link:hover:not([disabled]) .button__inner:before, .collection-panel--andys-safari-adventure-collection .button-parent:hover .button__inner:before { border-top-color: #b5ab9c; } .collection-panel--andys-safari-adventure-collection .button__link:active:not([disabled]) .button__inner { border-color: #726858; background-color: #938672; } .collection-panel--andys-safari-adventure-collection .button__link:active:not([disabled]) .button__inner:before { border-top-color:#a19787; } </style> <script type="text/javascript" id="js-require-config"> define('local/utils/config', function () { "use strict"; var currentTLD = function () { var hostname = window.location.hostname; if (hostname.indexOf('bbc.com') > -1) { return 'com'; } return 'co.uk'; }(); return { 'appName': 'cbeebies', 'env': 'live', 'uasKey': 'ocivkho3fups2', 'uasEnv': 'live', 'uasUrl': '', 'uasDomainSuffix': currentTLD, 'currentTLD': currentTLD, 'comscoreSiteOverride': '', 'comscoreTestServiceUrl': '', 'oneTooltipPerPageEnabled': 'true', 'breakpointConfig': [ { minWidth: 0, name: 'extra-small' }, { minWidth: 400, name: 'small' }, { minWidth: 600, name: 'medium' }, { minWidth: 768, name: 'medium-wide' }, { minWidth: 1008, name: 'wide' }, { minWidth: 1280, name: 'extra-wide' } ] }; }); </script> <script> define('childrens-mandolin', function () { "use strict"; var ROLLING_PERIOD_DAYS = 30; var Mandolin = function (id, segments, opts) { var now = new Date().getTime(), storedItem, DEFAULT_START = now, DEFAULT_RATE = 1, COOKIE_NAME = 'ckpf_childrens_mandolin'; opts = opts || {}; this._id = id; this._segmentSet = segments; this._store = new Mandolin.Storage(COOKIE_NAME); this._opts = opts; this._rate = (opts.rate !== undefined) ? +opts.rate : DEFAULT_RATE; this._startTs = (opts.start !== undefined) ? new Date(opts.start).getTime() : new Date(DEFAULT_START).getTime(); this._endTs = (opts.end !== undefined) ? new Date(opts.end).getTime() : daysFromNow(ROLLING_PERIOD_DAYS); this._signupEndTs = (opts.signupEnd !== undefined) ? new Date(opts.signupEnd).getTime() : this._endTs; this._segment = null; // initially // Check for invalid options if (typeof id !== 'string') { throw new Error('Invalid Argument: id must be defined and be a string'); } if (Object.prototype.toString.call(segments) !== '[object Array]') { throw new Error('Invalid Argument: Segments are required.'); } if (opts.rate !== undefined && (opts.rate < 0 || opts.rate > 1)) { throw new Error('Invalid Argument: Rate must be between 0 and 1.'); } if (this._startTs > this._endTs) { throw new Error('Invalid Argument: end date must occur after start date.'); } if (!(this._startTs < this._signupEndTs && this._signupEndTs <= this._endTs)) { throw new Error('Invalid Argument: SignupEnd must be between start and end date'); } // Clear out expired items from Storage before looking for stashed segment data removeExpired.call(this, now); // Load segment override from cookie and validate segment if set. var overrides = window.bbccookies.get().match(/ckns_mandolin_setSegments=([^;]+)/); if (overrides !== null) { eval('overrides = ' + decodeURIComponent(RegExp.$1) + ';'); if(overrides[this._id] && this._segmentSet.indexOf(overrides[this._id]) == -1){ throw new Error('Invalid Override: overridden segment should exist in segments array'); } } if (overrides !== null && overrides[this._id]){ this._segment = overrides[this._id]; } else if ((storedItem = this._store.getItem(this._id))) { this._segment = storedItem.segment; } else if (this._startTs <= now && now < this._signupEndTs && now <= this._endTs && this._store.isEnabled() === true) { this._segment = pick(segments, this._rate); if (opts.end === undefined) { this._store.setItem(this._id, {segment: this._segment}); } else { this._store.setItem(this._id, {segment: this._segment, end: this._endTs}); } log.call(this, 'mandolin_segment'); } // order matters: do this after the segment has been populated log.call(this, 'mandolin_view'); }; Mandolin.prototype.getSegment = function () { return this._segment; }; function log(actionType, params) { var that = this; require(['istats-1'], function (istats) { istats.log(actionType, that._id + ':' + that._segment, params ? params : {}); }); } function removeExpired(expires) { var items = this._store.getItems(), expiresInt = +expires; for (var key in items) { if (items[key].end !== undefined && +items[key].end < expiresInt) { this._store.removeItem(key); } } } function getLastExpirationDate(data) { var winner = 0, rollingExpire = daysFromNow(ROLLING_PERIOD_DAYS); for (var key in data) { if (data[key].end === undefined && rollingExpire > winner) { winner = rollingExpire; } else if (+data[key].end > winner) { winner = +data[key].end; } } return (winner) ? new Date(winner) : new Date(rollingExpire) ; } Mandolin.prototype.log = function (params) { log.call(this, 'mandolin_log', params); }; Mandolin.prototype.convert = function (params) { log.call(this, 'mandolin_convert', params); this.convert = function () {}; }; function daysFromNow(n) { var endDate; endDate = new Date().getTime() + (n * 60 * 60 * 24) * 1000; return endDate; } function pick(segments, rate) { var picked, min = 0, max = segments.length - 1; if (typeof rate === 'number' && Math.random() > rate) { return null; } do { picked = Math.floor(Math.random() * (max - min + 1)) + min; } while (picked > max); return segments[picked]; } Mandolin.Storage = function (name) { validateCookieName(name); this._cookieName = name; this._isEnabled = (bbccookies.isAllowed(this._cookieName) === true && bbccookies.cookiesEnabled() === true); }; Mandolin.Storage.prototype.setItem = function (key, value) { var storeData = this.getItems(); storeData[key] = value; this.save(storeData); return value; }; Mandolin.Storage.prototype.isEnabled = function () { return this._isEnabled; }; Mandolin.Storage.prototype.getItem = function (key) { var storeData = this.getItems(); return storeData[key]; }; Mandolin.Storage.prototype.removeItem = function (key) { var storeData = this.getItems(); delete storeData[key]; this.save(storeData); }; Mandolin.Storage.prototype.getItems = function () { return deserialise(this.readCookie(this._cookieName) || ''); }; Mandolin.Storage.prototype.save = function (data) { //TODO: Is this mixing concerns to have Storage aware of item expiry? window.bbccookies.set( this._cookieName + '=' + encodeURIComponent(serialise(data)) + '; ' + 'path=/;' + 'expires=' + getLastExpirationDate(data).toUTCString() + ';' ); }; Mandolin.Storage.prototype.readCookie = function (name) { var nameEq = name + '=', ca = window.bbccookies.get().split('; '), i, c; validateCookieName(name); for (i = 0; i < ca.length; i++) { c = ca[i]; if (c.indexOf(nameEq) === 0) { return decodeURIComponent(c.substring(nameEq.length, c.length)); } } return null; }; function serialise(o) { var str = ''; for (var p in o) { if (o.hasOwnProperty(p)) { str += '"' + p + '"' + ':' + (typeof o[p] === 'object' ? (o[p] === null? 'null' : '{' + serialise(o[p])+ '}') : '"' + o[p].toString() + '"') + ','; } } return str.replace(/,\}/g, '}').replace(/,$/g, ''); } function deserialise(str) { var o; str = '{' + str + '}'; if ( !validateSerialisation(str) ) { throw 'Invalid input provided for deserialisation.'; } eval('o = ' + str); return o; } var validateSerialisation = (function () { var OBJECT_TOKEN = '<Object>', ESCAPED_CHAR = '"\\n\\r\\u2028\\u2029\\u000A\\u000D\\u005C', ALLOWED_CHAR = '([^' + ESCAPED_CHAR + ']|\\\\[' + ESCAPED_CHAR + '])', KEY = '"' + ALLOWED_CHAR + '+"', VALUE = '(null|"' + ALLOWED_CHAR + '*"|' + OBJECT_TOKEN + ')', KEY_VALUE = KEY + ':' + VALUE, KEY_VALUE_SEQUENCE = '(' + KEY_VALUE + ',)*' + KEY_VALUE, OBJECT_LITERAL = '({}|{' + KEY_VALUE_SEQUENCE + '})', objectPattern = new RegExp(OBJECT_LITERAL, 'g'); return function(str) { if (str.indexOf(OBJECT_TOKEN) !== -1) return false; while (str.match(objectPattern)) { str = str.replace(objectPattern, OBJECT_TOKEN); } return str === OBJECT_TOKEN; } })(); function validateCookieName(name) { if ( name.match(/ ,;/) ) { throw 'Illegal name provided, must be valid in browser cookie.'; } } return Mandolin; }); </script> <script type="text/javascript" id="js-require-setup"> require({ paths: { 'childrens': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts', 'cbeebies': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/cbeebies', 'cbbc': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/cbbc', 'jquery': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/libraries/jquery', 'jquery-1': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/libraries/jquery/jquery', 'jquery-1.9': 'https://web.archive.org/web/20180811195629/https://static.bbci.co.uk/frameworks/jquery/0.4.1/sharedmodules/jquery-1.9.1', 'lib': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/libraries', 'bump-3': 'https://web.archive.org/web/20180811195629/https://emp.bbci.co.uk/emp/bump-3/bump-3', 'embed': 'https://web.archive.org/web/20180811195629/https://play.bbc.co.uk/play/sdk/embed/v1/latest', 'lib/Imager': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/libraries/Imager.min', 'TweenMax': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/libraries/gsap/TweenMax.min', 'TimelineMax': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/libraries/gsap/TweenMax.min', 'echo-9.4.0': 'https://web.archive.org/web/20180811195629/https://mybbc-analytics.files.bbci.co.uk/echo-client-js/echo-9.4.0.min', 'lib/riddle': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/libraries/riddle/embed-3.15.min', 'lib/minpubsub': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/libraries/minpubsub.min', 'uasclient': 'https://web.archive.org/web/20180811195629/https://static.bbci.co.uk/uasclient/0.1.40/modules/uasclient', 'activity-button': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/activity-button', 'activity-button/activity-button': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/personalisation/personalisation.min', 'reads': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/reads', 'reads/reads': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/personalisation/personalisation.min', 'reads-carousel': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/reads-carousel', 'reads-carousel/reads-carousel': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/personalisation/personalisation.min', 'angular': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/angular', 'angular/app': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/angular/app.min', 'stats': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/stats', 'stats/stats': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/stats/stats.min', 'confetti': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/confetti', 'confetti/confetti': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/confetti/confetti.min', 'follows-panel': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/follows-panel', 'follows-panel/childrens-follows-panel': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/personalisation/personalisation.min', 'personalisation': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/personalisation', 'domReady': 'https://web.archive.org/web/20180811195629/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/javascripts/libraries/require/domReady.min', 'relay-1': 'https://web.archive.org/web/20180811195629/https://static.bbci.co.uk/frameworks/relay/0.2.6/sharedmodules/relay-1', 'jssignals-1': 'https://web.archive.org/web/20180811195629/https://static.bbci.co.uk/frameworks/jssignals/0.3.6/modules/jssignals-1', 'vote-wrapper': 'https://web.archive.org/web/20180811195629/https://account-wrapper.files.bbci.co.uk/vote-wrapper.min' }, shim: { 'angular/angular': { exports: 'angular' }, 'TweenMax': { exports: 'TweenMax' }, 'TimelineMax': { exports: 'TimelineMax' } } }); require({ map: { '*': { 'idcta/idcta-1': 'idcta-v2/idcta-1' } } }); requirejs.onError = function (err) { // if a version of echojs fails to load (i.e. blocked for privacy reasons) // replace our echo_client with a dummy implementation so existing code // continues to work as expected function isEchoJsLibrary(moduleName) { return moduleName.indexOf('echo-') === 0; } if ( err.requireType === 'scripterror' && err.requireModules && err.requireModules.find(isEchoJsLibrary) ) { requirejs.undef('stats/echo_client'); define('stats/echo_client', [], function () { return { countername : function() {}, viewEvent : function() {}, userActionEvent : function() {} } }); // re-evaluate all dependencies on echo_client which will pick up the dummy version requirejs(['stats/echo_client'], function () {}); } }; require(['local/utils/config'], function (config) { }); require(["istats-1"], function (istats) { if (istats.setSite !== undefined) { istats.setSite('cbeebies'); } istats.addLabels({ "page_type" : "home" }); }); </script> <script> require(['childrens-mandolin'], function (Mandolin) { //cleanup collection-position test var storage = new Mandolin.Storage('ckpf_childrens_mandolin'); var experimentName = 'childrens_collection_position'; if (storage.getItem(experimentName)) { storage.removeItem(experimentName); } }); </script> <script type="text/javascript"> define('local/utils/experiments', ['childrens-mandolin'], function (Mandolin) { "use strict"; function setupMandolin(experiment, variants, config) { var mandolin = new Mandolin(experiment, variants, config); return mandolin.getSegment(); } function addClasses(wrapper, experiment, variant) { var experimentPrefix = " experiment-"; var experimentClass = experimentPrefix + experiment; wrapper.className += experimentClass + experimentClass + "--" + variant; } function addAttribute(wrapper, experiment, variant) { if (!wrapper.hasAttribute("data-active-experiment")) { var att = document.createAttribute("data-active-experiment"); att.value = experiment + ":" + variant; wrapper.setAttributeNode(att); } } return { setup: function(experiment, variants, config) { var variant = setupMandolin(experiment, variants, config); var wrapper = document.querySelector(".childrens-wrapper"); if (variant) { addClasses(wrapper, experiment, variant); } addAttribute(wrapper, experiment, variant); return variant; } } }); </script> </head> <body class="b-pw-1280"> <noscript><p style="position: absolute; top: -999em"><img src="https://web.archive.org/web/20180811195629im_/https://sa.bbc.co.uk/bbc/bbc/s?name=cbeebies.page&ml_name=webmodule&ml_version=95&blq_e=orbit&blq_r=orbit&blq_s=orbit&blq_v=cbeebies&language=en&app_name=cbeebies&app_type=responsive&blq_js_enabled=0" height="1" width="1" alt=""></p></noscript><!-- BBCDOTCOM bodyFirst --><div id="bbccom_interstitial_ad" class="bbccom_display_none"></div><div id="bbccom_interstitial" class="bbccom_display_none"><script type="text/javascript">/*<![CDATA[*/ (function() { if (window.bbcdotcom && bbcdotcom.config.isActive('ads')) { googletag.cmd.push(function() { googletag.display('bbccom_interstitial'); }); } }()); /*]]>*/</script></div><div id="bbccom_wallpaper_ad" class="bbccom_display_none"></div><div id="bbccom_wallpaper" class="bbccom_display_none"><script type="text/javascript">/*<![CDATA[*/ (function() { var wallpaper; if (window.bbcdotcom && bbcdotcom.config.isActive('ads')) { if (bbcdotcom.config.isAsync()) { googletag.cmd.push(function() { googletag.display('bbccom_wallpaper'); }); } else if (typeof googletag !== "undefined" && typeof googletag.display === "function") { googletag.display("wallpaper"); } wallpaper = bbcdotcom.adverts.adRegister.getAd('wallpaper'); } }()); /*]]>*/</script></div><script type="text/javascript">/*<![CDATA[*/ (function() { if (window.bbcdotcom && bbcdotcom.config.isActive('ads')) { document.write(unescape('%3Cscript id="gnlAdsEnabled" class="bbccom_display_none"%3E%3C/script%3E')); } if (window.bbcdotcom && bbcdotcom.config.isActive('analytics')) { document.write(unescape('%3Cscript id="gnlAnalyticsEnabled" class="bbccom_display_none"%3E%3C/script%3E')); } }()); /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function() { window.bbcdotcom.bodyFirst = true; }()); /*]]>*/</script><div id="cookiePrompt"></div><!--[if (gt IE 8) | (IEMobile)]><!--><header id="orb-banner" role="banner" aria-label="BBC"><!--<![endif]--><!--[if (lt IE 9) & (!IEMobile)]> <![if (IE 8)]> <header id="orb-banner" role="banner" class="orb-old-ie orb-ie8" aria-label="BBC"> <![endif]> <![if (IE 7)]> <header id="orb-banner" role="banner" class="orb-old-ie orb-ie7" aria-label="BBC"> <![endif]> <![if (IE 6)]> <header id="orb-banner" role="banner" class="orb-old-ie orb-ie6" aria-label="BBC"> <![endif]> <![endif]--><div id="orb-header" class="orb-nav-pri orb-nav-pri-white orb-nav-empty" dir="ltr"><div class="orb-nav-pri-container b-r b-g-p"><div class="orb-nav-section orb-nav-blocks"><a href="https://web.archive.org/web/20180811195629/https://www.bbc.co.uk/">Homepage</a></div><section><div class="orb-skip-links"><h2>Accessibility links</h2><ul><li><a href="#orb-modules">Skip to content</a></li><li><a id="orb-accessibility-help" href="/web/20180811195629/https://www.bbc.co.uk/accessibility/">Accessibility Help</a></li></ul></div></section><div id="mybbc-wrapper" class="orb-nav-section orb-nav-id orb-nav-focus orb-nav-id-default"><div id="idcta-statusbar" class="orb-nav-section orb-nav-focus"><a id="idcta-link" href="https://web.archive.org/web/20180811195629/https://account.bbc.com/account?ptrt=https://www.bbc.co.uk/cbeebies"><span id="idcta-username">BBC iD</span></a></div><script type="text/javascript">require(['idcta-v2/statusbar'], function (statusbar) {new statusbar.Statusbar({id: 'idcta-statusbar', publiclyCacheable: true});});</script></div><nav role="navigation" aria-label="BBC" class="orb-nav"><div class="orb-nav-section orb-nav-links orb-nav-focus" id="orb-nav-links"><ul><li class="orb-nav-cbeebies"><a href="https://web.archive.org/web/20180811195629/https://www.bbc.co.uk/cbeebies">CBeebies</a></li><li class="orb-nav-iplayer"><a href="https://web.archive.org/web/20180811195629/https://www.bbc.co.uk/iplayer/cbeebies">CBeebies iPlayer</a></li><li class="orb-nav-grownups orb-d"><a href="https://web.archive.org/web/20180811195629/https://www.bbc.co.uk/cbeebies/grownups">Grown-ups</a></li><li class="orb-nav-cbeebiesguide"><a href="https://web.archive.org/web/20180811195629/https://www.bbc.co.uk/cbeebies/guide">TV Guide</a></li><li class="orb-nav-cbbc"><a href="https://web.archive.org/web/20180811195629/https://www.bbc.co.uk/cbbc">CBBC</a></li><li class="orb-nav-cbeebiesbitesize orb-d"><a href="https://web.archive.org/web/20180811195629/http://www.bbc.co.uk/education/highlights/sections/primary">Bitesize</a></li><li id="orb-nav-more" style="width: 88px" aria-controls="orb-panel-more"><a href="#orb-footer" data-alt="More" class="istats-notrack">Menu<span class="orb-icon orb-icon-arrow"></span></a></li></ul></div></nav><div class="orb-nav-section orb-nav-search"><a class="orb-search__button" href="https://web.archive.org/web/20180811195629/https://search.bbc.co.uk/search?scope=cbeebies" title="Search the BBC">Search</a><form class="b-f" id="orb-search-form" role="search" method="get" action="https://web.archive.org/web/20180811195629/https://search.bbc.co.uk/search" accept-charset="utf-8"><div><input type="hidden" name="scope" id="orb-search-scope" value="cbeebies"><label for="orb-search-q">Search the BBC</label><input id="orb-search-q" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" name="q" placeholder="Search"><button id="orb-search-button" class="orb-search__button">Search the BBC</button><input type="hidden" name="suggid" id="orb-search-suggid"></div></form></div></div><div id="orb-panels"></div></div></header><!-- Styling hook for shared modules only --> <div id="orb-modules"> <div id="unsupported-browser-banner-wrapper"> <!--[if lt IE 10]> <div class="unsupported-browser-banner" role="complementary"> <div class="unsupported-browser-banner__window"> <div class="grid__container"> <div class="grid__item"> <img class="unsupported-browser-banner__icon" aria-hidden="true" alt="" src="https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/images/icons/ie-caution-icon.png"/> <span class="unsupported-browser-banner__text">To get the best experience from CBeebies, you need to upgrade your browser to the latest version.</span> </div> </div> </div> </div> <![endif]--> </div> <script> // Show unsupported browser banner for IE10 (function () { if (/*@cc_on!@*/false && document.documentMode === 10) { var bannerWrapper = document.getElementById('unsupported-browser-banner-wrapper'); var currentNode = bannerWrapper.firstChild; var startTagLength = '<!--[if lt IE 10]>'.length; var endTagLength = '<![endif]-->'.length; // Retrieve comment node inside the bannerWrapper; first child is whitespace while (currentNode) { if (currentNode.nodeType === bannerWrapper.COMMENT_NODE) { // Remove the IE tag comments and insert HTML into bannerWrapper bannerWrapper.innerHTML = currentNode.nodeValue.trim().slice(startTagLength, -endTagLength); } currentNode = currentNode.nextSibling; } } })(); </script> <div class="childrens-wrapper childrens-wrapper--cbeebies childrens-wrapper--home childrens-wrapper--home childrens-wrapper--background feature-flag feature-flag--search-bar feature-flag--puzzles-and-quizzes feature-flag--new-vote-styling feature-flag--episode-prominence-on-brand-pages feature-flag--confetti feature-flag--reactions feature-flag--reith-font" data-stats-page-type="home"> <script> require(['jquery-1', 'stats/stats', 'domReady!'], function ($, stats, domReady) { stats.init($('.childrens-wrapper'), window.location.pathname); }); </script> <span class="childrens-wrapper__cover"></span> <div class="menu-container "> <div class="menu-placeholder"></div> <nav id="menu" role="navigation" class="menu menu--closed"> <div class="menu__window window window--extra-wide "> <div class="menu__bar"> <a class="menu__product" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies" data-stats-interaction="navigation" data-stats-interaction-variant="home_logo"> <svg version="1.1" id="small-menu-logo" class="logo logo--cbeebies logo--animated menu__logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 126 54" enable-background="new 0 0 126 54" xml:space="preserve" preserveaspectratio="xMaxYMin meet"> <g class="logo__part logo__part--character logo__part--c"> <g> <g> <g> <path d="M10.6,22.7c-1.8,0-3.4,0.7-4.7,2C2.3,28.2-5,37.8,5.4,49c3.5,3.8,7.2,5.8,10.8,5.8c4.5,0,7.7-2.9,9.2-4.3 c0.1-0.1,0.3-0.3,0.4-0.4c1.7-1.5,4.6-5.2,4.8-8.5c0.1-1.5-0.4-2.8-1.3-3.8c-0.3-0.3-0.4-0.6-0.8-0.8c-0.6-0.3-1.1-0.6-1.5-1 c-0.6-0.5-1.2-1.4-1.6-1.7c-0.6-0.4-1.2-0.5-1.8-0.5c-0.7,0-1.9,0.2-2.8,1.4c-0.8,1.1-0.8,2.6-1,4c-0.1,0.9-0.4,2.9-0.9,3 c-0.4,0.2-0.8,0.2-1.2,0.2c-1.2,0-2.4-0.7-3.6-2.2c-0.8-1-1.4-2.4-1.7-3.7c0.6,0.5,1.3,0.9,2.4,1c0.3,0.1,0.6,0.1,0.9,0.1 c2.6,0,5.7-1.8,6.6-4.3c0.2-1.8-0.4-4.5-2.4-6.1C17.2,25,13.9,22.7,10.6,22.7L10.6,22.7C10.6,22.7,10.6,22.7,10.6,22.7 L10.6,22.7z"></path> <path fill="#FFE500" d="M15.2,35.9c3.2,0.6,7.6-4,3.6-7.2c-4-3.2-8.4-6-11.7-2.7c-3.4,3.4-9.7,11.7-0.4,21.8 c9.2,10.1,16,2.7,18,1s5.9-7,3.4-9.7c-2.6-2.7-4.4-4.4-5.6-2.6c-1.2,1.7-0.4,6.7-2.9,7.6c-2.4,0.9-4.6,0-6.7-2.5 c-2.1-2.6-3.4-8.4-1.4-8.9C13.3,32,12,35.4,15.2,35.9z"></path> </g> </g> </g> </g><g class="logo__part logo__part--character logo__part--b1"> <g> <g> <path d="M33.1,12.5c-2.1,0-4.2,0.5-6,1.3C24.3,15.3,17,19.3,21,31.6c0.1,0.7,0.4,2,0.9,2.7c0.3,0.4,1,0.6,1.1,0.8 c0.2,0.3,2.2,1.1,2.9,1.8c0.8,0.7,1.2,1.4,1.8,1.7c2.5,1.4,5,1.7,6.8,1.7c2.4,0,4.9-0.6,7-1.6c2-0.9,5.5-3,6.6-6.4 c0.6-1.8,0.4-3.7-0.6-5.5c-0.4-0.7-0.9-1.3-1.4-1.7c-0.2-0.2-0.6-0.2-0.8-0.4c-0.4-0.3-0.7-0.6-1.1-0.8c-1.1-0.4-2.2-0.6-3.1-0.8 c-1.4-0.2-2.1-0.4-2.4-0.7c0.1-0.4,0.3-1,0.5-1.5c0.7-1.8,1.6-4.2,0.2-6C38.4,13.4,36.1,12.5,33.1,12.5L33.1,12.5z"></path> <path fill="#FFE500" d="M27.9,15.4c-3.6,1.9-8.7,5.1-4.6,15.1c4.1,9.9,13.3,8.6,17.5,6.6c4-1.9,7.5-5.4,5.2-9.5 c-2.1-4-7.7-1.6-9-4.7c-0.5-1.4,2.4-5.2,1-7C36.7,14.1,31.6,13.7,27.9,15.4z"></path> </g> </g> <g> <path fill="#50318E" d="M31.8,24.3c1.5-1.7,1.1-5.4-0.7-5.9c-2.6-0.7-4.6,3.1-4,4.4C27.9,24.1,30.3,26,31.8,24.3z"></path> </g> <g> <path fill="#50318E" d="M38.7,31c-0.5,1.5-2.2,3.6-4.4,2.9s-3.7-3.9-2.4-5C33.4,27.9,40.3,26.5,38.7,31z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e1"> <g> <g> <path d="M47.8,8.2c-1.7,0-3.4,0.7-4.6,1.8c-5.2,4.8-4.3,10.5-1.1,14.1c0.4,0.5,0.9,0.9,1.4,1.3c0.3,0.2,0.6,0.3,0.9,0.4 c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.3,0.3c1.4,0.8,3,1.1,4.5,1.1c2.6,0,5.1-1.1,7.3-3.1c2.5-2.2,2.1-4,1.3-5.5 c0-0.1-0.1-0.1-0.1-0.2c-0.5-1.2-1.8-2.4-3.2-2.6c0.4-1.8-0.4-3.8-1.3-5l-0.1-0.1L53.5,11C51.5,8.7,49.3,8.2,47.8,8.2L47.8,8.2z"></path> <path fill="#FFE500" d="M44.4,11.3c-3.2,3-4.5,7.6-1,11.6c2.9,3.1,7.9,4.4,12.4,0.2c2-1.7,1.2-2.6,0.7-3.6 c-0.4-1-1.9-2.1-2.6-1.4c-0.7,0.7-1.1,1.7-2,2.5c-1.2,1.1-5.2,0.4-3.9-0.9c0.7-0.7,2.9-1.5,4.6-3.1c1.2-1.1,0.1-3.6-0.5-4.5 C49.3,9,45.9,10,44.4,11.3z"></path> </g> </g> <g> <path fill="#50318E" d="M44.8,16.9c0.5,1.1,2.6,0.6,3.6-0.4c1-1,1.9-2.5,0.6-3.6C47,11.2,44,15.2,44.8,16.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e2"> <g> <g> <path d="M67.1,9.1c-6.8,0-10,4.7-10.2,9.3c-0.1,5,3.1,10.4,10.5,10.7c0.2,0,0.3,0,0.5,0c3.3,0,4-2,4.3-2.9c0-0.1,0.1-0.2,0.1-0.2 c0.4-1.1,0.4-2.9-0.4-4.1c1.6-1.1,2.4-3.4,2.6-4.6l0-0.1v-0.1c0-5.2-3.6-7.8-6.9-8l0,0l0,0C67.3,9.1,67.2,9.1,67.1,9.1L67.1,9.1z "></path> <path fill="#FFE500" d="M67.4,11c-4.4-0.1-8.5,2.4-8.7,7.6c-0.1,4.2,2.6,8.6,8.7,8.9c2.6,0.1,2.7-1,3.1-2c0.4-1,0.1-2.9-0.9-2.9 c-1,0-2,0.5-3.1,0.5c-1.7,0-4-3.4-2.1-3.2c1.1,0,3.1,0.9,5.5,1c1.6,0,2.6-2.5,2.7-3.6C72.6,12.6,69.4,11.1,67.4,11z"></path> </g> </g> <g> <path fill="#50318E" d="M64.9,16.1c-0.4,1.1,1.2,2.4,2.5,2.2c1.2,0,2.7-0.5,2.6-2.1C69.7,13.4,65.5,14.3,64.9,16.1z"></path> </g> </g><g class="logo__part logo__part--character logo__part--b2"> <g> <g> <path d="M82.3,0.4c-2.1,0-3.8,1-4.7,2.9c-0.3,0.5-1,1.5-1.5,3.4l0,0l0,0c0,0.1-0.4,1.8-0.5,3l0,0.1V10c0,0.2,0,0.6,0,0.9 c0,0.5-0.1,1-0.1,1.6c0,0,0,0,0,0c0,0,0,0.4-0.2,1.4c-0.1,0.5-0.6,1.1-1.2,2.1c-0.3,0.4-0.6,0.8-0.9,1.3c-0.2,0.3-1,1.6-1.3,2.6 c-0.3,0.8-1.7,4.5,0.1,8.9c1.3,3.7,4.9,6.1,9.3,6.1c1.6,0,3.2-0.3,4.7-1c1-0.4,1.7-1,2.2-1.3l0.1-0.1c0.5-0.4,0.9-0.8,1-1 c0.3-0.3,0.6-0.7,0.8-1.1c0.3-0.5,0.2-1.1,0.5-1.6c0.4-0.8,1.1-1.2,1.1-1.4c0.9-2.6,0.8-4.7,0.7-5.7v-0.1v-0.2L92.4,21 c0-0.2-0.1-0.3-0.1-0.4c0-0.2-0.1-0.5-0.2-0.9c-0.7-2.7-3.2-4.3-6.4-4.3c-0.6,0-1.1,0.1-1.6,0.2l-0.5,0.1l-0.1,0.1 c0-0.1,0.1-0.2,0.1-0.4l0-0.1l0-0.1l0.1-0.2c0.3-1.1,0.3-1.1,1.6-3l0.1-0.2c0.6-0.5,1.1-1.5,1.9-2.9C87.8,8,88,7,88,6.1 C88,3,85.5,0.4,82.3,0.4L82.3,0.4z"></path> <path fill="#FFE500" d="M73.6,20.4c0.2-0.9,1.1-2.2,1.1-2.2c1.2-1.9,2.1-2.9,2.4-4c0.2-1.2,0.2-1.7,0.2-1.7 c0-0.9,0.1-1.9,0.1-2.5C77.6,8.8,78,7.1,78,7.1c0.5-2,1.2-2.9,1.2-2.9c0.6-1.4,1.7-2,3.1-2c2.1,0,3.9,1.7,3.9,3.9 c0,0.5-0.1,1.2-0.5,2c-1.1,2.1-1.5,2.5-1.6,2.5c-1.7,2.7-1.6,2.5-2.1,4.1c-0.2,0.6-0.4,1.1-0.2,1.6c0.2,0.9,0.9,1.2,1.5,1.2 c0.2,0,0.5,0,0.9-0.1c0.1,0,0.2,0,0.4-0.1c1.9-0.4,5.2,0,6,3c0.1,0.2,0.1,0.6,0.2,1.1v0.2c0.1,1,0.1,2.9-0.6,5 c-0.1,0.4-1.2,2.6-2.1,3.5l0,0c0,0-0.2,0.4-0.7,0.7c-0.5,0.4-1.1,0.9-2,1.2c-4.4,2-10,0.4-11.5-4.1C72,23.9,73.6,20.4,73.6,20.4z "></path> </g> </g> <g> <path fill="#50318E" d="M86.1,25.9c-1.1,1.2-3.7,2.5-5.5,0.9c-1.7-1.6-1.9-5.5-0.1-5.9C82.3,20.7,89.6,22.3,86.1,25.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--i"> <g> <g> <path d="M99.7,14.3c-1.6,0-2.8,0.9-3.3,2.4c-1.2,3.7,0.4,5.8,2.2,6.5c0.3,0.1,0.7,0.2,1,0.2c1.8,0,3.4-1.7,4.2-3.1 c0.8-1.4,0.8-2.8,0.2-3.7C103.2,15.5,101.5,14.3,99.7,14.3L99.7,14.3z"></path> <path fill="#FFE500" d="M98.1,17.3c-0.7,2.4-0.1,3.7,1.1,4.2c1.5,0.6,4-2.9,3.2-4C101.7,16.4,98.8,15.1,98.1,17.3z"></path> </g> </g> <g> <g> <path d="M97.1,21.5L97.1,21.5c-1.2,0-2.6,0.7-4.1,1.9l0,0l0,0c-1.1,1.1-1.6,1.7-2.3,2.5c-0.1,0.1-0.2,0.3-0.3,0.5 c-0.1,0.1-0.3,0.8-0.3,0.8c-0.6,1.2-1.3,1.9-1.4,2.2c-0.1,1.1,0,1.8,0.3,2.4c0.6,1.3,2.1,2.2,4,2.3c0.1,0,0.2,0,0.3,0 c3.3,0,6.5-4.2,7.1-7.9c0.3-2-0.2-3.2-0.7-3.8C98.9,21.9,98.1,21.5,97.1,21.5L97.1,21.5z"></path> <path fill="#FFE500" d="M94.2,24.8c2.9-2.5,4.7-1.7,4.2,1.2c-0.5,3-3.1,6.5-5.5,6.4c-1.7-0.1-3.9-1.2-1.7-4.4 C92.3,26.8,92.8,26.2,94.2,24.8z"></path> </g> </g> </g><g class="logo__part logo__part--character logo__part--e3"> <g> <g> <path d="M106.4,23.7c-4.7,0-8.3,2.9-9.1,7.4c-0.5,2.6,0,5.3,1.4,7.4c1.5,2.1,3.8,3.5,6.7,4.1c0.5,0.1,1,0.2,1.4,0.2 c2.2,0,3-1.4,3.4-2.1c0-0.1,0.1-0.2,0.1-0.2l0-0.1l0-0.1c0.6-1,0.8-2.7,0.2-4c0,0,0,0,0,0c0.6-0.3,1.1-0.7,1.6-1.3 c0.7-0.8,1.1-1.8,1.3-2.6c0.6-2.6-0.1-4.4-0.8-5.5c-1-1.5-2.6-2.6-4.3-3C107.8,23.8,107.1,23.7,106.4,23.7L106.4,23.7z"></path> <path fill="#FFE500" d="M108.2,25.7c-4-0.7-8.2,1-9.1,5.7c-0.7,3.9,1.1,8.4,6.7,9.4c2.4,0.5,2.6-0.6,3.1-1.4 c0.5-0.9,0.5-2.6-0.5-2.7s-2,0.1-3,0c-1.6-0.2-3.2-3.6-1.5-3.4c1,0.2,2.7,1.2,4.9,1.6c1.5,0.2,2.9-1.9,3-2.9 C112.8,28,110,26,108.2,25.7z"></path> </g> </g> <g> <path fill="#50318E" d="M105,28.5c-0.6,1-0.5,2.9,0.7,3c1.2,0.1,3.6-1.1,2.7-2.6C107.7,27.5,105.9,27.2,105,28.5z"></path> </g> </g><g class="logo__part logo__part--character logo__part--s"> <g> <path d="M117.5,34.6c-2.4,0-4.7,1-6.3,2.7l0,0l0,0c-1.2,1.4-2.3,3.8-1.7,5.9c-1.3,0.1-2.2,0.9-2.6,1.3l0,0l0,0 c-2.3,2.5-2.2,5.6,0.3,7.9l0,0l0,0c1.8,1.6,4.1,2.4,6.4,2.4c2.4,0,4.6-1,6.2-2.7c1.3-1.4,2.4-3.9,1.8-5.9c1.2-0.1,2.2-0.9,2.5-1.3 l0,0l0,0c1.1-1.2,1.7-2.6,1.6-4c-0.1-1.4-0.7-2.7-2-3.9C122.1,35.5,119.9,34.6,117.5,34.6L117.5,34.6 C117.5,34.6,117.5,34.6,117.5,34.6L117.5,34.6z"></path> <path fill="#FFE500" d="M118.5,51c1.1-1.2,2.2-3.9,0.7-5.2c-1-0.9-1.9-1.2-2.9-2.1c-0.7-0.7-0.7-1.7-0.1-2.4 c0.5-0.6,1.6-1.2,2.4-0.6c1,0.9,1.1,2.6,2,3.6c0.7,0.6,1.7,0,2.2-0.5c1.6-1.7,1.5-3.7-0.2-5.4c-2.9-2.6-7.4-2.7-10.1,0.1 c-1.1,1.2-2.1,3.9-0.7,5.2c1,0.9,2.4,1.1,3,2.4c0.5,0.9,0.4,1.4,0,2.1c-0.5,0.7-1.6,1.2-2.4,0.6c-1-0.9-1-2.6-2-3.6 c-0.7-0.6-1.7,0-2.2,0.5c-1.6,1.7-1.5,3.7,0.2,5.4C111.4,53.7,115.9,53.9,118.5,51z"></path> </g> </g> </svg> <script> require(['jquery-1', 'modernizr', 'childrens/logo/animated-cbeebies-logo'], function ($, Modernizr, logoAnimation) { var shouldAnimateLogo = Modernizr.svg && Modernizr.cssanimations; if (shouldAnimateLogo) { var logo = logoAnimation({id: '#small-menu-logo'}); $(document).ready(function () { setTimeout(logo.play, 800); }); } }); </script> Home </a> <button id="menu-toggle" class="menu__toggle" data-stats-interaction="navigation" data-stats-interaction-action="button" data-stats-interaction-variant="open"> <span id="menu-toggle-title" class="menu__toggle-title">Menu</span> <i aria-hidden="true" class="menu__toggle-icon"></i> </button> </div> <div class="menu__contents"> <div class="menu__list"> <ul class="menu__list-inner"> <li class="menu__item menu__item--home menu__item--current"> <a class="menu__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies" data-stats-interaction="navigation" data-stats-interaction-variant="home"> <span class="menu__link-icon"> <svg version="1.1" id="large-menu-logo" class="logo logo--cbeebies logo--animated menu__logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 126 54" enable-background="new 0 0 126 54" xml:space="preserve" preserveaspectratio="xMaxYMin meet"> <g class="logo__part logo__part--character logo__part--c"> <g> <g> <g> <path d="M10.6,22.7c-1.8,0-3.4,0.7-4.7,2C2.3,28.2-5,37.8,5.4,49c3.5,3.8,7.2,5.8,10.8,5.8c4.5,0,7.7-2.9,9.2-4.3 c0.1-0.1,0.3-0.3,0.4-0.4c1.7-1.5,4.6-5.2,4.8-8.5c0.1-1.5-0.4-2.8-1.3-3.8c-0.3-0.3-0.4-0.6-0.8-0.8c-0.6-0.3-1.1-0.6-1.5-1 c-0.6-0.5-1.2-1.4-1.6-1.7c-0.6-0.4-1.2-0.5-1.8-0.5c-0.7,0-1.9,0.2-2.8,1.4c-0.8,1.1-0.8,2.6-1,4c-0.1,0.9-0.4,2.9-0.9,3 c-0.4,0.2-0.8,0.2-1.2,0.2c-1.2,0-2.4-0.7-3.6-2.2c-0.8-1-1.4-2.4-1.7-3.7c0.6,0.5,1.3,0.9,2.4,1c0.3,0.1,0.6,0.1,0.9,0.1 c2.6,0,5.7-1.8,6.6-4.3c0.2-1.8-0.4-4.5-2.4-6.1C17.2,25,13.9,22.7,10.6,22.7L10.6,22.7C10.6,22.7,10.6,22.7,10.6,22.7 L10.6,22.7z"></path> <path fill="#FFE500" d="M15.2,35.9c3.2,0.6,7.6-4,3.6-7.2c-4-3.2-8.4-6-11.7-2.7c-3.4,3.4-9.7,11.7-0.4,21.8 c9.2,10.1,16,2.7,18,1s5.9-7,3.4-9.7c-2.6-2.7-4.4-4.4-5.6-2.6c-1.2,1.7-0.4,6.7-2.9,7.6c-2.4,0.9-4.6,0-6.7-2.5 c-2.1-2.6-3.4-8.4-1.4-8.9C13.3,32,12,35.4,15.2,35.9z"></path> </g> </g> </g> </g><g class="logo__part logo__part--character logo__part--b1"> <g> <g> <path d="M33.1,12.5c-2.1,0-4.2,0.5-6,1.3C24.3,15.3,17,19.3,21,31.6c0.1,0.7,0.4,2,0.9,2.7c0.3,0.4,1,0.6,1.1,0.8 c0.2,0.3,2.2,1.1,2.9,1.8c0.8,0.7,1.2,1.4,1.8,1.7c2.5,1.4,5,1.7,6.8,1.7c2.4,0,4.9-0.6,7-1.6c2-0.9,5.5-3,6.6-6.4 c0.6-1.8,0.4-3.7-0.6-5.5c-0.4-0.7-0.9-1.3-1.4-1.7c-0.2-0.2-0.6-0.2-0.8-0.4c-0.4-0.3-0.7-0.6-1.1-0.8c-1.1-0.4-2.2-0.6-3.1-0.8 c-1.4-0.2-2.1-0.4-2.4-0.7c0.1-0.4,0.3-1,0.5-1.5c0.7-1.8,1.6-4.2,0.2-6C38.4,13.4,36.1,12.5,33.1,12.5L33.1,12.5z"></path> <path fill="#FFE500" d="M27.9,15.4c-3.6,1.9-8.7,5.1-4.6,15.1c4.1,9.9,13.3,8.6,17.5,6.6c4-1.9,7.5-5.4,5.2-9.5 c-2.1-4-7.7-1.6-9-4.7c-0.5-1.4,2.4-5.2,1-7C36.7,14.1,31.6,13.7,27.9,15.4z"></path> </g> </g> <g> <path fill="#50318E" d="M31.8,24.3c1.5-1.7,1.1-5.4-0.7-5.9c-2.6-0.7-4.6,3.1-4,4.4C27.9,24.1,30.3,26,31.8,24.3z"></path> </g> <g> <path fill="#50318E" d="M38.7,31c-0.5,1.5-2.2,3.6-4.4,2.9s-3.7-3.9-2.4-5C33.4,27.9,40.3,26.5,38.7,31z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e1"> <g> <g> <path d="M47.8,8.2c-1.7,0-3.4,0.7-4.6,1.8c-5.2,4.8-4.3,10.5-1.1,14.1c0.4,0.5,0.9,0.9,1.4,1.3c0.3,0.2,0.6,0.3,0.9,0.4 c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.3,0.3c1.4,0.8,3,1.1,4.5,1.1c2.6,0,5.1-1.1,7.3-3.1c2.5-2.2,2.1-4,1.3-5.5 c0-0.1-0.1-0.1-0.1-0.2c-0.5-1.2-1.8-2.4-3.2-2.6c0.4-1.8-0.4-3.8-1.3-5l-0.1-0.1L53.5,11C51.5,8.7,49.3,8.2,47.8,8.2L47.8,8.2z"></path> <path fill="#FFE500" d="M44.4,11.3c-3.2,3-4.5,7.6-1,11.6c2.9,3.1,7.9,4.4,12.4,0.2c2-1.7,1.2-2.6,0.7-3.6 c-0.4-1-1.9-2.1-2.6-1.4c-0.7,0.7-1.1,1.7-2,2.5c-1.2,1.1-5.2,0.4-3.9-0.9c0.7-0.7,2.9-1.5,4.6-3.1c1.2-1.1,0.1-3.6-0.5-4.5 C49.3,9,45.9,10,44.4,11.3z"></path> </g> </g> <g> <path fill="#50318E" d="M44.8,16.9c0.5,1.1,2.6,0.6,3.6-0.4c1-1,1.9-2.5,0.6-3.6C47,11.2,44,15.2,44.8,16.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e2"> <g> <g> <path d="M67.1,9.1c-6.8,0-10,4.7-10.2,9.3c-0.1,5,3.1,10.4,10.5,10.7c0.2,0,0.3,0,0.5,0c3.3,0,4-2,4.3-2.9c0-0.1,0.1-0.2,0.1-0.2 c0.4-1.1,0.4-2.9-0.4-4.1c1.6-1.1,2.4-3.4,2.6-4.6l0-0.1v-0.1c0-5.2-3.6-7.8-6.9-8l0,0l0,0C67.3,9.1,67.2,9.1,67.1,9.1L67.1,9.1z "></path> <path fill="#FFE500" d="M67.4,11c-4.4-0.1-8.5,2.4-8.7,7.6c-0.1,4.2,2.6,8.6,8.7,8.9c2.6,0.1,2.7-1,3.1-2c0.4-1,0.1-2.9-0.9-2.9 c-1,0-2,0.5-3.1,0.5c-1.7,0-4-3.4-2.1-3.2c1.1,0,3.1,0.9,5.5,1c1.6,0,2.6-2.5,2.7-3.6C72.6,12.6,69.4,11.1,67.4,11z"></path> </g> </g> <g> <path fill="#50318E" d="M64.9,16.1c-0.4,1.1,1.2,2.4,2.5,2.2c1.2,0,2.7-0.5,2.6-2.1C69.7,13.4,65.5,14.3,64.9,16.1z"></path> </g> </g><g class="logo__part logo__part--character logo__part--b2"> <g> <g> <path d="M82.3,0.4c-2.1,0-3.8,1-4.7,2.9c-0.3,0.5-1,1.5-1.5,3.4l0,0l0,0c0,0.1-0.4,1.8-0.5,3l0,0.1V10c0,0.2,0,0.6,0,0.9 c0,0.5-0.1,1-0.1,1.6c0,0,0,0,0,0c0,0,0,0.4-0.2,1.4c-0.1,0.5-0.6,1.1-1.2,2.1c-0.3,0.4-0.6,0.8-0.9,1.3c-0.2,0.3-1,1.6-1.3,2.6 c-0.3,0.8-1.7,4.5,0.1,8.9c1.3,3.7,4.9,6.1,9.3,6.1c1.6,0,3.2-0.3,4.7-1c1-0.4,1.7-1,2.2-1.3l0.1-0.1c0.5-0.4,0.9-0.8,1-1 c0.3-0.3,0.6-0.7,0.8-1.1c0.3-0.5,0.2-1.1,0.5-1.6c0.4-0.8,1.1-1.2,1.1-1.4c0.9-2.6,0.8-4.7,0.7-5.7v-0.1v-0.2L92.4,21 c0-0.2-0.1-0.3-0.1-0.4c0-0.2-0.1-0.5-0.2-0.9c-0.7-2.7-3.2-4.3-6.4-4.3c-0.6,0-1.1,0.1-1.6,0.2l-0.5,0.1l-0.1,0.1 c0-0.1,0.1-0.2,0.1-0.4l0-0.1l0-0.1l0.1-0.2c0.3-1.1,0.3-1.1,1.6-3l0.1-0.2c0.6-0.5,1.1-1.5,1.9-2.9C87.8,8,88,7,88,6.1 C88,3,85.5,0.4,82.3,0.4L82.3,0.4z"></path> <path fill="#FFE500" d="M73.6,20.4c0.2-0.9,1.1-2.2,1.1-2.2c1.2-1.9,2.1-2.9,2.4-4c0.2-1.2,0.2-1.7,0.2-1.7 c0-0.9,0.1-1.9,0.1-2.5C77.6,8.8,78,7.1,78,7.1c0.5-2,1.2-2.9,1.2-2.9c0.6-1.4,1.7-2,3.1-2c2.1,0,3.9,1.7,3.9,3.9 c0,0.5-0.1,1.2-0.5,2c-1.1,2.1-1.5,2.5-1.6,2.5c-1.7,2.7-1.6,2.5-2.1,4.1c-0.2,0.6-0.4,1.1-0.2,1.6c0.2,0.9,0.9,1.2,1.5,1.2 c0.2,0,0.5,0,0.9-0.1c0.1,0,0.2,0,0.4-0.1c1.9-0.4,5.2,0,6,3c0.1,0.2,0.1,0.6,0.2,1.1v0.2c0.1,1,0.1,2.9-0.6,5 c-0.1,0.4-1.2,2.6-2.1,3.5l0,0c0,0-0.2,0.4-0.7,0.7c-0.5,0.4-1.1,0.9-2,1.2c-4.4,2-10,0.4-11.5-4.1C72,23.9,73.6,20.4,73.6,20.4z "></path> </g> </g> <g> <path fill="#50318E" d="M86.1,25.9c-1.1,1.2-3.7,2.5-5.5,0.9c-1.7-1.6-1.9-5.5-0.1-5.9C82.3,20.7,89.6,22.3,86.1,25.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--i"> <g> <g> <path d="M99.7,14.3c-1.6,0-2.8,0.9-3.3,2.4c-1.2,3.7,0.4,5.8,2.2,6.5c0.3,0.1,0.7,0.2,1,0.2c1.8,0,3.4-1.7,4.2-3.1 c0.8-1.4,0.8-2.8,0.2-3.7C103.2,15.5,101.5,14.3,99.7,14.3L99.7,14.3z"></path> <path fill="#FFE500" d="M98.1,17.3c-0.7,2.4-0.1,3.7,1.1,4.2c1.5,0.6,4-2.9,3.2-4C101.7,16.4,98.8,15.1,98.1,17.3z"></path> </g> </g> <g> <g> <path d="M97.1,21.5L97.1,21.5c-1.2,0-2.6,0.7-4.1,1.9l0,0l0,0c-1.1,1.1-1.6,1.7-2.3,2.5c-0.1,0.1-0.2,0.3-0.3,0.5 c-0.1,0.1-0.3,0.8-0.3,0.8c-0.6,1.2-1.3,1.9-1.4,2.2c-0.1,1.1,0,1.8,0.3,2.4c0.6,1.3,2.1,2.2,4,2.3c0.1,0,0.2,0,0.3,0 c3.3,0,6.5-4.2,7.1-7.9c0.3-2-0.2-3.2-0.7-3.8C98.9,21.9,98.1,21.5,97.1,21.5L97.1,21.5z"></path> <path fill="#FFE500" d="M94.2,24.8c2.9-2.5,4.7-1.7,4.2,1.2c-0.5,3-3.1,6.5-5.5,6.4c-1.7-0.1-3.9-1.2-1.7-4.4 C92.3,26.8,92.8,26.2,94.2,24.8z"></path> </g> </g> </g><g class="logo__part logo__part--character logo__part--e3"> <g> <g> <path d="M106.4,23.7c-4.7,0-8.3,2.9-9.1,7.4c-0.5,2.6,0,5.3,1.4,7.4c1.5,2.1,3.8,3.5,6.7,4.1c0.5,0.1,1,0.2,1.4,0.2 c2.2,0,3-1.4,3.4-2.1c0-0.1,0.1-0.2,0.1-0.2l0-0.1l0-0.1c0.6-1,0.8-2.7,0.2-4c0,0,0,0,0,0c0.6-0.3,1.1-0.7,1.6-1.3 c0.7-0.8,1.1-1.8,1.3-2.6c0.6-2.6-0.1-4.4-0.8-5.5c-1-1.5-2.6-2.6-4.3-3C107.8,23.8,107.1,23.7,106.4,23.7L106.4,23.7z"></path> <path fill="#FFE500" d="M108.2,25.7c-4-0.7-8.2,1-9.1,5.7c-0.7,3.9,1.1,8.4,6.7,9.4c2.4,0.5,2.6-0.6,3.1-1.4 c0.5-0.9,0.5-2.6-0.5-2.7s-2,0.1-3,0c-1.6-0.2-3.2-3.6-1.5-3.4c1,0.2,2.7,1.2,4.9,1.6c1.5,0.2,2.9-1.9,3-2.9 C112.8,28,110,26,108.2,25.7z"></path> </g> </g> <g> <path fill="#50318E" d="M105,28.5c-0.6,1-0.5,2.9,0.7,3c1.2,0.1,3.6-1.1,2.7-2.6C107.7,27.5,105.9,27.2,105,28.5z"></path> </g> </g><g class="logo__part logo__part--character logo__part--s"> <g> <path d="M117.5,34.6c-2.4,0-4.7,1-6.3,2.7l0,0l0,0c-1.2,1.4-2.3,3.8-1.7,5.9c-1.3,0.1-2.2,0.9-2.6,1.3l0,0l0,0 c-2.3,2.5-2.2,5.6,0.3,7.9l0,0l0,0c1.8,1.6,4.1,2.4,6.4,2.4c2.4,0,4.6-1,6.2-2.7c1.3-1.4,2.4-3.9,1.8-5.9c1.2-0.1,2.2-0.9,2.5-1.3 l0,0l0,0c1.1-1.2,1.7-2.6,1.6-4c-0.1-1.4-0.7-2.7-2-3.9C122.1,35.5,119.9,34.6,117.5,34.6L117.5,34.6 C117.5,34.6,117.5,34.6,117.5,34.6L117.5,34.6z"></path> <path fill="#FFE500" d="M118.5,51c1.1-1.2,2.2-3.9,0.7-5.2c-1-0.9-1.9-1.2-2.9-2.1c-0.7-0.7-0.7-1.7-0.1-2.4 c0.5-0.6,1.6-1.2,2.4-0.6c1,0.9,1.1,2.6,2,3.6c0.7,0.6,1.7,0,2.2-0.5c1.6-1.7,1.5-3.7-0.2-5.4c-2.9-2.6-7.4-2.7-10.1,0.1 c-1.1,1.2-2.1,3.9-0.7,5.2c1,0.9,2.4,1.1,3,2.4c0.5,0.9,0.4,1.4,0,2.1c-0.5,0.7-1.6,1.2-2.4,0.6c-1-0.9-1-2.6-2-3.6 c-0.7-0.6-1.7,0-2.2,0.5c-1.6,1.7-1.5,3.7,0.2,5.4C111.4,53.7,115.9,53.9,118.5,51z"></path> </g> </g> </svg> <script> require(['jquery-1', 'modernizr', 'childrens/logo/animated-cbeebies-logo'], function ($, Modernizr, logoAnimation) { var shouldAnimateLogo = Modernizr.svg && Modernizr.cssanimations; if (shouldAnimateLogo) { var logo = logoAnimation({id: '#large-menu-logo'}); $(document).ready(function () { setTimeout(logo.play, 800); }); } }); </script> </span><span class="menu__link-label">Home</span> </a> </li><!-- --><li class="menu__item menu__item--shows"> <a class="menu__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/shows" data-stats-interaction="navigation" data-stats-interaction-variant="shows"> <span class="menu__link-icon"></span><span class="menu__link-label">Shows</span> </a> </li><li class="menu__item menu__item--games"> <a class="menu__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/games" data-stats-interaction="navigation" data-stats-interaction-variant="games"> <span class="menu__link-icon"></span><span class="menu__link-label">Games</span> </a> </li><li class="menu__item menu__item--puzzles"> <a class="menu__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/puzzles" data-stats-interaction="navigation" data-stats-interaction-variant="puzzles"> <span class="menu__link-icon"></span><span class="menu__link-label">Puzzles & Quizzes</span> </a> </li><li class="menu__item menu__item--watch"> <a class="menu__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/watch" data-stats-interaction="navigation" data-stats-interaction-variant="watch"> <span class="menu__link-icon"></span><span class="menu__link-label">Watch & Sing</span> </a> </li><li class="menu__item menu__item--joinin"> <a class="menu__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/joinin" data-stats-interaction="navigation" data-stats-interaction-variant="joinin"> <span class="menu__link-icon"></span><span class="menu__link-label">Join In</span> </a> </li><li class="menu__item menu__item--makes"> <a class="menu__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/makes" data-stats-interaction="navigation" data-stats-interaction-variant="makes"> <span class="menu__link-icon"></span><span class="menu__link-label">Make & Colour</span> </a> </li><li class="menu__item menu__item--radio"> <a class="menu__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/radio" data-stats-interaction="navigation" data-stats-interaction-variant="radio"> <span class="menu__link-icon"></span><span class="menu__link-label">Radio</span> </a> </li><li class="menu__item menu__item--topics"> <a class="menu__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/topics" data-stats-interaction="navigation" data-stats-interaction-variant="topics"> <span class="menu__link-icon"></span><span class="menu__link-label">Topics</span> </a> </li> </ul> <div class="menu__search-bar menu__search-bar--open"> <form id="search-bar-in-menu" class="search-bar" role="search" action="//web.archive.org/web/20180811195629/https://search.bbc.co.uk/search" method="get" accept-charset="utf-8"> <label for="search-bar-input-in-menu" class="search-bar__label vh">Start your search here...</label> <input type="hidden" name="scope" value="cbeebies"> <div class="search-bar__input-area"> <input id="search-bar-input-in-menu" class="search-bar__input" type="text" name="q" placeholder="Start your search here..."> <button class="search-bar__clear" aria-label="Clear Search" type="button" data-stats-interaction="search_bar" data-stats-interaction-variant="clear" data-stats-interaction-action="button"> <i class="search-bar__clear-icon gelicon gelicon--no" aria-hidden="true"></i> </button> </div> <button aria-label="Search" class="search-bar__button"> <div class="search-bar__button-inner"> <span class="search-bar__button-image"></span> </div> </button> </form> <script> require(['jquery-1', 'local/utils/config'], function ($, config) { function clearSearchOnClick() { var $searchBar = $('#search-bar-in-menu'); var $searchInput = $('#search-bar-input-in-menu'); var $clearButton = $searchBar.find('.search-bar__clear'); $clearButton.on('click', function () { $searchInput.val("").focus(); $clearButton.hide(); }); function hideOrShowClearButton() { var isEmpty = $searchInput.val() === ""; isEmpty ? $clearButton.hide() : $clearButton.show(); } hideOrShowClearButton(); $searchInput.on('keyup keypress blur change', hideOrShowClearButton); } function setNextPageIstatsLabelsOnFormSubmit() { var $searchForm = $('#search-bar-in-menu'); function canSetPerformanceCookies() { return window.bbccookies && window.bbccookies.cookiesEnabled() && window.bbccookies.readPolicy('performance'); } function setNextPageIstatsCookie(labels, domain) { var encodedLabels = $.map(labels, function(value, key) { return encodeURIComponent(key) + '=' + encodeURIComponent(value); }); var encodedLabelString = encodeURIComponent(encodedLabels.join('&')); document.cookie = 'sa_labels=' + encodedLabelString + '; domain=' + domain + '; path=/'; } var $searchButton = $searchForm.find('.search-bar__button'); function searchButtonIsActive() { return document.activeElement === $searchButton[0]; } $searchForm.submit(function () { if (canSetPerformanceCookies()) { var pageType = $(this).closest('[data-stats-page-type]').attr('data-stats-page-type'); var submitType = searchButtonIsActive() ? 'button' : 'submit'; var labels = { 'intlink_from_url': window.location.href, 'intlink_ts': new Date().getTime(), 'intlink_id': 'childrens-local-search-' + submitType, 'link_location': 'childrens-local-search-' + pageType }; setNextPageIstatsCookie(labels, "bbc." + config.currentTLD); } }); } clearSearchOnClick(); setNextPageIstatsLabelsOnFormSubmit(); }); </script> </div> <div class="menu__close-on-focus" tabindex="0"></div> </div> </div> </div> </nav> <div class="menu__search-bar menu__search-bar--below-menu"> <form id="search-bar-below-menu" class="search-bar" role="search" action="//web.archive.org/web/20180811195629/https://search.bbc.co.uk/search" method="get" accept-charset="utf-8"> <label for="search-bar-input-below-menu" class="search-bar__label vh">Start your search here...</label> <input type="hidden" name="scope" value="cbeebies"> <div class="search-bar__input-area"> <input id="search-bar-input-below-menu" class="search-bar__input" type="text" name="q" placeholder="Start your search here..."> <button class="search-bar__clear" aria-label="Clear Search" type="button" data-stats-interaction="search_bar" data-stats-interaction-variant="clear" data-stats-interaction-action="button"> <i class="search-bar__clear-icon gelicon gelicon--no" aria-hidden="true"></i> </button> </div> <button aria-label="Search" class="search-bar__button"> <div class="search-bar__button-inner"> <span class="search-bar__button-image"></span> </div> </button> </form> <script> require(['jquery-1', 'local/utils/config'], function ($, config) { function clearSearchOnClick() { var $searchBar = $('#search-bar-below-menu'); var $searchInput = $('#search-bar-input-below-menu'); var $clearButton = $searchBar.find('.search-bar__clear'); $clearButton.on('click', function () { $searchInput.val("").focus(); $clearButton.hide(); }); function hideOrShowClearButton() { var isEmpty = $searchInput.val() === ""; isEmpty ? $clearButton.hide() : $clearButton.show(); } hideOrShowClearButton(); $searchInput.on('keyup keypress blur change', hideOrShowClearButton); } function setNextPageIstatsLabelsOnFormSubmit() { var $searchForm = $('#search-bar-below-menu'); function canSetPerformanceCookies() { return window.bbccookies && window.bbccookies.cookiesEnabled() && window.bbccookies.readPolicy('performance'); } function setNextPageIstatsCookie(labels, domain) { var encodedLabels = $.map(labels, function(value, key) { return encodeURIComponent(key) + '=' + encodeURIComponent(value); }); var encodedLabelString = encodeURIComponent(encodedLabels.join('&')); document.cookie = 'sa_labels=' + encodedLabelString + '; domain=' + domain + '; path=/'; } var $searchButton = $searchForm.find('.search-bar__button'); function searchButtonIsActive() { return document.activeElement === $searchButton[0]; } $searchForm.submit(function () { if (canSetPerformanceCookies()) { var pageType = $(this).closest('[data-stats-page-type]').attr('data-stats-page-type'); var submitType = searchButtonIsActive() ? 'button' : 'submit'; var labels = { 'intlink_from_url': window.location.href, 'intlink_ts': new Date().getTime(), 'intlink_id': 'childrens-local-search-' + submitType, 'link_location': 'childrens-local-search-' + pageType }; setNextPageIstatsCookie(labels, "bbc." + config.currentTLD); } }); } clearSearchOnClick(); setNextPageIstatsLabelsOnFormSubmit(); }); </script> </div> </div> <script> (function () { 'use strict'; var button = document.getElementById('menu-toggle'); var buttonTitle = document.getElementById('menu-toggle-title'); var menu = document.getElementById('menu'); var menuOverlay = document.querySelector('.menu__contents'); var menuOpen = false; function addEvent(name, el, fn) { if (el.addEventListener) el.addEventListener(name, fn, false); else if (el.attachEvent) el.attachEvent('on' + name, fn); } function removeClass(el, name) { el.className = el.className.replace(new RegExp('(?:^|\\s)' + name + '(?!\\S)'), ''); } function setText(el, text) { if (el.textContent) { el.textContent = text; } else { el.innerText = text; } } function toggleMenuOpenAndClose(e) { e.preventDefault(); menuOpen = !menuOpen; if (menuOpen) { removeClass(menu, 'menu--closed'); menu.className += ' menu--open'; setText(buttonTitle, 'Close'); setTimeout(function () { button.setAttribute('data-stats-interaction-variant', 'close'); }, 10); } else { removeClass(menu, 'menu--open'); menu.className += ' menu--closed'; setText(buttonTitle, 'Menu'); setTimeout(function () { button.setAttribute('data-stats-interaction-variant', 'open'); }, 10); } } function findElements(selector) { var elements = document.querySelectorAll(selector); return Array.prototype.slice.call(elements); } var searchBars = findElements('.search-bar__input'); function searchInputCopyText(e) { var text = e.target.value; searchBars.forEach(function(searchBar) { searchBar.value = text; if ("createEvent" in document) { var evt = document.createEvent("HTMLEvents"); evt.initEvent("change", false, true); searchBar.dispatchEvent(evt); } }) } addEvent('click', button, toggleMenuOpenAndClose); if (menuOverlay) { addEvent('click', menuOverlay, function (e) { var clickedOnEmptySpace = e.target === menuOverlay; if (clickedOnEmptySpace) { toggleMenuOpenAndClose(e); } }); } var hiddenElementAfterSearchInMenu = document.querySelector('.menu__close-on-focus'); addEvent('focus', hiddenElementAfterSearchInMenu, function (e) { var menuToggle = document.querySelector('.menu__toggle'); toggleMenuOpenAndClose(e); menuToggle.focus(); }); searchBars.forEach(function(searchBar) { addEvent('blur', searchBar, searchInputCopyText); }); })(); </script> <script> (function () { var menu = document.getElementById('menu'); var childrensWrapper = document.querySelector('.childrens-wrapper'); var anchorOffsetClass = 'childrens-wrapper--anchor-offset'; function currentVerticalScroll() { return document.documentElement.scrollTop || document.body.scrollTop; } function setupMenuStickyness() { var stuckClass = 'menu--stuck'; function stickingPoint() { return childrensWrapper.offsetTop; } function hasScrolledPastStickingPoint() { return currentVerticalScroll() >= stickingPoint(); } function calculateMainContentHeight() { var viewportWidth = document.documentElement.clientWidth; var mediumBreakpoint = 600; var maxContentHeight = 468; var contentHeight; if (viewportWidth < mediumBreakpoint) { contentHeight = Math.floor(viewportWidth / 16 * 9); } else { contentHeight = Math.floor((viewportWidth - 64) / 16 * 9); } return contentHeight > maxContentHeight ? maxContentHeight : contentHeight; } function hasEnoughSpaceForMainContent() { var viewportHeight = document.documentElement.clientHeight; var menuHeight = menu.offsetHeight; return viewportHeight > (menuHeight + calculateMainContentHeight()); } function stickElement(elem) { elem.classList.add(stuckClass); } function unstickElement(elem) { elem.classList.remove(stuckClass); } function applyAnchorOffsets() { childrensWrapper.classList.add(anchorOffsetClass); } function unapplyAnchorOffsets() { childrensWrapper.classList.remove(anchorOffsetClass); } function stickOrUnstickMenu() { var menuIsStuck = menu.classList.contains(stuckClass); var menuIsOpen = menu.classList.contains('menu--open'); var isSpaceForStickyNav = (hasEnoughSpaceForMainContent() || menuIsOpen); //If the menu is open then assume there is enough space for sticky nav if (hasScrolledPastStickingPoint() && isSpaceForStickyNav) { if (!menuIsStuck && !menuIsOpen) { stickElement(menu); } } else { if (menuIsStuck) { unstickElement(menu); } } } function applyOrUnapplyAnchorOffsets() { if (hasEnoughSpaceForMainContent()) { applyAnchorOffsets(); } else { unapplyAnchorOffsets(); } } function throttleAndDebounce(fn) { var blockFunctionCall = false; return function () { if (blockFunctionCall) return; var self = this; blockFunctionCall = true; function run() { fn.apply(self); } run(); setTimeout(function () { blockFunctionCall = false; run(); }, 16); }; } window.addEventListener('resize', throttleAndDebounce(applyOrUnapplyAnchorOffsets), false); window.addEventListener('resize', throttleAndDebounce(stickOrUnstickMenu), false); window.addEventListener('scroll', throttleAndDebounce(stickOrUnstickMenu), false); window.addEventListener('touchmove', throttleAndDebounce(stickOrUnstickMenu), false); document.addEventListener('DOMContentLoaded', stickOrUnstickMenu, false); applyOrUnapplyAnchorOffsets(); } setupMenuStickyness(); })(); </script> <div class="home" role="main" data-istats-load="home:load" data-istats-category="home"> <div class="window window--extra-wide grid-container"> <h1 class="vh">CBeebies</h1> <div class="promo-area promo-area--variant-a promo-area--space-main promo-area--multiple promo-area--has-primary-promo "> <div class="promo-area__grid"> <div class="promo-area__item promo promo--overlay promo-area__item--large promo--large promo--games"> <a class="promo__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/games/kit-and-pup-world-of-opposites-game" data-stats-interaction="promo" data-stats-interaction-variant="home_main" data-stats-interaction-position="0" data-stats-internal-link-location="main"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--primary promo__image--with-gradient"> <span class="delayed-gif-image-load" data-src="https://web.archive.org/web/20180811195629/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbeebies/kap-ivor-prim.gif" data-alt="Kit & Pup dancing"></span> <noscript> <span aria-label="Kit & Pup dancing" class="noscript-span" style="background-image: url(https://web.archive.org/web/20180811195629im_/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbeebies/kap-ivor-prim.gif)"/> </noscript> </span> <span class="responsive-img responsive-img--61x25 promo__image promo__image--secondary promo__image--with-gradient"> <span class="delayed-gif-image-load" data-src="https://web.archive.org/web/20180811195629/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbeebies/kap-ivor-sec.gif" data-alt="Kit & Pup dancing"></span> <noscript> <span aria-label="Kit & Pup dancing" class="noscript-span" style="background-image: url(https://web.archive.org/web/20180811195629im_/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbeebies/kap-ivor-sec.gif)"/> </noscript> </span> </div><!-- --> <div class="promo__info"> <span class="promo__caption">The brand new Kit & Pup game is here!</span> <div class="promo__cta button button--games button--small-until-medium-wide "><!-- --><div class="button__link"><!-- --><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Play</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span><!-- --></div><!-- --><!-- --></div> </div> </div> </a> </div><!-- --><div class="promo-area__secondary"> <div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--curations"> <a class="promo__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/curations/junk-rescue-collection" data-stats-interaction="promo" data-stats-interaction-variant="home_main" data-stats-interaction-position="1" data-stats-internal-link-location="main"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/junk-rescue-promo3.jpg"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/junk-rescue-promo3.jpg" alt=""/> </noscript> </span> </div><!-- --> <div class="promo__info"> <span class="promo__caption">Make cool stuff using junk</span> <div class="promo__cta button button--curations button--small "><!-- --><div class="button__link"><!-- --><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Make</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span><!-- --></div><!-- --><!-- --></div> </div> </div> </a> </div><div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--joinin"> <a class="promo__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/joinin/cbeebies-house-sing-along-with-waffle?collection=waffle-the-wonder-dog-collection" data-stats-interaction="promo" data-stats-interaction-variant="home_main" data-stats-interaction-position="2" data-stats-internal-link-location="main"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/waffle-wonder-dog-secondary.jpg"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/waffle-wonder-dog-secondary.jpg" alt=""/> </noscript> </span> </div><!-- --> <div class="promo__info"> <span class="promo__caption">Show us how you sing along to Waffle</span> <div class="promo__cta button button--joinin button--small "><!-- --><div class="button__link"><!-- --><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Join in</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span><!-- --></div><!-- --><!-- --></div> </div> </div> </a> </div> </div><!-- --></div> </div> </div> <div class="home__collection-panel"> <div class="collection-panel collection-panel--out-and-about-with-cbeebies" data-stats-children-collection="out-and-about-with-cbeebies"> <div class="collection-panel__background-gradient"> <div class="collection-panel__window"> <div class="collection-panel__title-container"> <a class="collection-panel__title-link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/curations/out-and-about-with-cbeebies" data-stats-interaction="collection" data-stats-interaction-variant="text_link" data-stats-interaction-location="0"> <h3 class="collection-panel__title">Fun summer activities</h3> </a> </div> <ul class="collection-panel__items"> <li class="collection-panel__item"> <a href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/joinin/down-on-the-farm-grow-your-own-article?collection=out-and-about-with-cbeebies" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="0" data-stats-interaction-position="0" data-stats-internal-link-location="out-and-about-with-cbeebies" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/dotf-grow-your-own.jpg"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/dotf-grow-your-own.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--joinin"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><!-- --><div class="content-card__info"> <p class="content-card__title" aria-label="Grow together at home! "> Grow together at home! </p> <div class="content-card__details"> <ul class="content-card__counts"><!-- --></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/joinin/summer-holiday-idea-generator?collection=out-and-about-with-cbeebies" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="0" data-stats-interaction-position="1" data-stats-internal-link-location="out-and-about-with-cbeebies" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/summer-holidays-idea-generator-father-son.jpg"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/summer-holidays-idea-generator-father-son.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--joinin"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><!-- --><div class="content-card__info"> <p class="content-card__title" aria-label="Holiday activity quiz"> Holiday activity quiz </p> <div class="content-card__details"> <ul class="content-card__counts"><!-- --></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/watch/sun-safety-for-kids?collection=out-and-about-with-cbeebies" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="0" data-stats-interaction-position="2" data-stats-internal-link-location="out-and-about-with-cbeebies" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/sun_safety_song_v2_content_card.jpg"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/sun_safety_song_v2_content_card.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><!-- --><div class="content-card__info"> <p class="content-card__title" aria-label="Tips for Staying Safe in the Sun"> Tips for Staying Safe in the Sun </p> <div class="content-card__details"> <ul class="content-card__counts"><!-- --></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/joinin/garden-bird-spotting?collection=out-and-about-with-cbeebies" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="0" data-stats-interaction-position="3" data-stats-internal-link-location="out-and-about-with-cbeebies" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebies-bird-watchindex-image.jpg"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebies-bird-watchindex-image.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--joinin"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><!-- --><div class="content-card__info"> <p class="content-card__title" aria-label="Get bird spotting with your little one"> Get bird spotting with your little one </p> <div class="content-card__details"> <ul class="content-card__counts"><!-- --></ul> </div> </div> </a> </li> </ul> <div class="collection-panel__button button button--immersive button--out-and-about-with-cbeebies "><!-- --><a class="button__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/curations/out-and-about-with-cbeebies" data-stats-interaction="collection" data-stats-interaction-variant="button" data-stats-interaction-location="0"><!-- --><span class="button__inner"> <span class="button__text">View all</span> </span><!-- --></a><!-- --><!-- --></div> </div> </div> </div> </div> <div class="home__collection-panel"> <div class="collection-panel collection-panel--andys-safari-adventure-collection" data-stats-children-collection="andys-safari-adventure-collection"> <div class="collection-panel__background-gradient"> <div class="collection-panel__window"> <div class="collection-panel__title-container"> <a class="collection-panel__title-link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/curations/andys-safari-adventure-collection" data-stats-interaction="collection" data-stats-interaction-variant="text_link" data-stats-interaction-location="1"> <h3 class="collection-panel__title">Sing along with Andy</h3> </a> </div> <ul class="collection-panel__items"> <li class="collection-panel__item"> <a href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/watch/andys-animal-raps-playlist?collection=andys-safari-adventure-collection" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="1" data-stats-interaction-position="0" data-stats-internal-link-location="andys-safari-adventure-collection" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/andys-animal-raps-playlist.jpg"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/andys-animal-raps-playlist.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><!-- --><div class="content-card__info"> <p class="content-card__title" aria-label="Andy's Animal Raps Playlist"> Andy's Animal Raps Playlist </p> <div class="content-card__details"> <ul class="content-card__counts"><!-- --></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/watch/andys-safari-adventures-getting-ready-for-safari-song?collection=andys-safari-adventure-collection" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="1" data-stats-interaction-position="1" data-stats-internal-link-location="andys-safari-adventure-collection" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/andys-safari-adventures-getting-ready-for-safari-song-INDEX.jpg"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/andys-safari-adventures-getting-ready-for-safari-song-INDEX.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><!-- --><div class="content-card__info"> <p class="content-card__title" aria-label="Getting ready for safari song"> Getting ready for safari song </p> <div class="content-card__details"> <ul class="content-card__counts"><!-- --></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/watch/andys-safari-adventures-andys-animal-sounds-song?collection=andys-safari-adventure-collection" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="1" data-stats-interaction-position="2" data-stats-internal-link-location="andys-safari-adventure-collection" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/andys-safari-adventures-animal-sounds-sound.jpg"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/andys-safari-adventures-animal-sounds-sound.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><!-- --><div class="content-card__info"> <p class="content-card__title" aria-label="Andy's animal sounds song"> Andy's animal sounds song </p> <div class="content-card__details"> <ul class="content-card__counts"><!-- --></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/watch/andys-safari-adventures-theme-song?collection=andys-safari-adventure-collection" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="1" data-stats-interaction-position="3" data-stats-internal-link-location="andys-safari-adventure-collection" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/andys-safari-adventures-theme-song.jpg"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/andys-safari-adventures-theme-song.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><!-- --><div class="content-card__info"> <p class="content-card__title" aria-label="Andy's Safari Adventures theme song"> Andy's Safari Adventures theme song </p> <div class="content-card__details"> <ul class="content-card__counts"><!-- --></ul> </div> </div> </a> </li> </ul> <div class="collection-panel__button button button--immersive button--andys-safari-adventure-collection "><!-- --><a class="button__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/curations/andys-safari-adventure-collection" data-stats-interaction="collection" data-stats-interaction-variant="button" data-stats-interaction-location="1"><!-- --><span class="button__inner"> <span class="button__text">View all</span> </span><!-- --></a><!-- --><!-- --></div> </div> </div> </div> </div> <div class="window window--extra-wide grid-container"> <div class="promo-area promo-area--variant-a promo-area--space-secondary promo-area--multiple promo-area--has-primary-promo "> <div class="promo-area__grid"> <div class="promo-area__item promo promo--overlay promo-area__item--large promo--large promo--games"> <a class="promo__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/games/tee-and-mo-picnic-time-game" data-stats-interaction="promo" data-stats-interaction-variant="home_secondary" data-stats-interaction-position="0" data-stats-internal-link-location="secondary"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--primary promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Tee_&_Mo_Primary_Still.jpg" data-alt="Tee & Mo Promo game promo"></span> <noscript> <span aria-label="Tee & Mo Promo game promo" class="noscript-span" style="background-image: url(https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Tee_&_Mo_Primary_Still.jpg)"/> </noscript> </span> <span class="responsive-img responsive-img--61x25 promo__image promo__image--secondary promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Tee_&_Mo_Secondary_Still.jpg" data-alt="Tee & Mo Promo game promo"></span> <noscript> <span aria-label="Tee & Mo Promo game promo" class="noscript-span" style="background-image: url(https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Tee_&_Mo_Secondary_Still.jpg)"/> </noscript> </span> </div><!-- --> <div class="promo__info"> <span class="promo__caption">It's picnic time with Tee and Mo</span> <div class="promo__cta button button--games button--small-until-medium-wide "><!-- --><div class="button__link"><!-- --><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Play</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span><!-- --></div><!-- --><!-- --></div> </div> </div> </a> </div><!-- --><div class="promo-area__secondary"> <div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--puzzles"> <a class="promo__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/puzzles/something-special-spot-the-difference-2018" data-stats-interaction="promo" data-stats-interaction-variant="home_secondary" data-stats-interaction-position="1" data-stats-internal-link-location="secondary"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/something-special-quiz-promo.jpg"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/something-special-quiz-promo.jpg" alt=""/> </noscript> </span> </div><!-- --> <div class="promo__info"> <span class="promo__caption">Can you spot the difference with Mr Tumble?</span> <div class="promo__cta button button--puzzles button--small "><!-- --><div class="button__link"><!-- --><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Play</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span><!-- --></div><!-- --><!-- --></div> </div> </div> </a> </div><div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--games"> <a class="promo__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/games/peter-rabbit-hop-to-it" data-stats-interaction="promo" data-stats-interaction-variant="home_secondary" data-stats-interaction-position="2" data-stats-internal-link-location="secondary"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Peter_Rabbit_game_update_secondary.jpg" data-alt="Updated secondary, in line with the new game updates."></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Peter_Rabbit_game_update_secondary.jpg" alt="Updated secondary, in line with the new game updates."/> </noscript> </span> </div><!-- --> <div class="promo__info"> <span class="promo__caption">A great game for the Peter Rabbit superfans</span> <div class="promo__cta button button--games button--small "><!-- --><div class="button__link"><!-- --><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Play</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span><!-- --></div><!-- --><!-- --></div> </div> </div> </a> </div> </div><!-- --><div class="promo-area__tertiary"> <div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--puzzles"> <a class="promo__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/puzzles/do-you-know-popcorn-cake-quiz" data-stats-interaction="promo" data-stats-interaction-variant="home_secondary" data-stats-interaction-position="3" data-stats-internal-link-location="secondary"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/dyk-popcorn-cake-quiz-sec.jpg" data-alt="Maddie with popcorn and cake"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/dyk-popcorn-cake-quiz-sec.jpg" alt="Maddie with popcorn and cake"/> </noscript> </span> </div><!-- --> <div class="promo__info"> <span class="promo__caption">Why do cakes rise and corn go pop?</span> <div class="promo__cta button button--puzzles button--small "><!-- --><div class="button__link"><!-- --><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Play</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span><!-- --></div><!-- --><!-- --></div> </div> </div> </a> </div><div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--joinin"> <a class="promo__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/joinin/dualwa-essential-holiday-downloads-for-kids" data-stats-interaction="promo" data-stats-interaction-variant="home_secondary" data-stats-interaction-position="4" data-stats-internal-link-location="secondary"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/apps-download-article.jpg"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/apps-download-article.jpg" alt=""/> </noscript> </span> </div><!-- --> <div class="promo__info"> <span class="promo__caption">Three amazing apps for summer fun on the go!</span> <div class="promo__cta button button--joinin button--small "><!-- --><div class="button__link"><!-- --><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Join in</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span><!-- --></div><!-- --><!-- --></div> </div> </div> </a> </div><div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--curations"> <a class="promo__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/curations/creative-with-no-mess" data-stats-interaction="promo" data-stats-interaction-variant="home_secondary" data-stats-interaction-position="5" data-stats-internal-link-location="secondary"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/map-generic-secondary.jpg" data-alt="Bing and Peter Rabbit getting coloured in."></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/map-generic-secondary.jpg" alt="Bing and Peter Rabbit getting coloured in."/> </noscript> </span> </div><!-- --> <div class="promo__info"> <span class="promo__caption">Get artsy, without the cleaning</span> <div class="promo__cta button button--curations button--small "><!-- --><div class="button__link"><!-- --><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Make</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span><!-- --></div><!-- --><!-- --></div> </div> </div> </a> </div><div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--watch"> <a class="promo__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/watch/cbeebies-summer-songs" data-stats-interaction="promo" data-stats-interaction-variant="home_secondary" data-stats-interaction-position="6" data-stats-internal-link-location="secondary"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/cbeebies-summer-songs.jpg"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/cbeebies-summer-songs.jpg" alt=""/> </noscript> </span> </div><!-- --> <div class="promo__info"> <span class="promo__caption">It's a CBeebies summer singalong</span> <div class="promo__cta button button--watch button--small "><!-- --><div class="button__link"><!-- --><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Watch</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span><!-- --></div><!-- --><!-- --></div> </div> </div> </a> </div><div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--games"> <a class="promo__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/games/twirlywoos-explore-and-play-game" data-stats-interaction="promo" data-stats-interaction-variant="home_secondary" data-stats-interaction-position="7" data-stats-internal-link-location="secondary"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/twirlywoos-hub-game-sec.jpg" data-alt="Twirlywoos on a sky blue background with clouds."></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/twirlywoos-hub-game-sec.jpg" alt="Twirlywoos on a sky blue background with clouds."/> </noscript> </span> </div><!-- --> <div class="promo__info"> <span class="promo__caption">Great Twirlywoos games for your child</span> <div class="promo__cta button button--games button--small "><!-- --><div class="button__link"><!-- --><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Play</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span><!-- --></div><!-- --><!-- --></div> </div> </div> </a> </div><div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--watch"> <a class="promo__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/watch/new-games-to-playtime-island" data-stats-interaction="promo" data-stats-interaction-variant="home_secondary" data-stats-interaction-position="8" data-stats-internal-link-location="secondary"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/playtime-island-app-kids-02-secondary.jpg" data-alt="A girl with a tablet in the playtime island world."></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/playtime-island-app-kids-02-secondary.jpg" alt="A girl with a tablet in the playtime island world."/> </noscript> </span> </div><!-- --> <div class="promo__info"> <span class="promo__caption">The latest games in the Playtime Island app</span> <div class="promo__cta button button--watch button--small "><!-- --><div class="button__link"><!-- --><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Watch</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span><!-- --></div><!-- --><!-- --></div> </div> </div> </a> </div> </div><!-- --></div> </div> </div> <section class="brand-shelf-section"> <div class="brand-shelf-container window window--extra-wide"> <div id="brand-shelf" data-simple-carousel class="brand-shelf simple-carousel"> <div class="brand-shelf__main"> <div class="simple-carousel__controls"> <div class="brand-shelf__curtain brand-shelf__curtain--left"></div> <div class="brand-shelf__curtain brand-shelf__curtain--right"></div> <button class="brand-shelf__button brand-shelf__button--prev simple-carousel__button--prev"> <span class="vh">Previous items</span> <i class="gelicon gelicon--previous" aria-hidden="true"></i> </button> <button class="brand-shelf__button brand-shelf__button--next simple-carousel__button--next"> <span class="vh">Next items</span> <i class="gelicon gelicon--next" aria-hidden="true"></i> </button> </div> <div class="simple-carousel__window brand-shelf__window"> <div class="simple-carousel__panel"> <ul class="brand-shelf__list"><!-- --><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/shows/peter-rabbit" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="0"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/peter-rabbit-brand-shelf.png"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/peter-rabbit-brand-shelf.png" alt=""/> </noscript> </span> </a> </li><!-- --><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/shows/go-jetters" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="1"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/go_jetters_s2_atoz.png" data-alt="Go Jetters Logo"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/go_jetters_s2_atoz.png" alt="Go Jetters Logo"/> </noscript> </span> </a> </li><!-- --><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/shows/hey-duggee" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="2"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/hey_duggee_brand_shelf.png" data-alt="Hey Duggee."></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/hey_duggee_brand_shelf.png" alt="Hey Duggee."/> </noscript> </span> </a> </li><!-- --><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/shows/twirlywoos" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="3"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/twirlywoos_brand_shelf.png"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/twirlywoos_brand_shelf.png" alt=""/> </noscript> </span> </a> </li><!-- --><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/shows/numberblocks" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="4"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/numberblocks-egg-v4.png"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/numberblocks-egg-v4.png" alt=""/> </noscript> </span> </a> </li><!-- --><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/shows/something-special" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="5"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/something-special-brand-shelf.png"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/something-special-brand-shelf.png" alt=""/> </noscript> </span> </a> </li><!-- --></ul> </div> </div> </div> </div> <div class="brand-shelf__all-shows-link button button--center button--shows "><!-- --><a class="button__link" href="/web/20180811195629/https://www.bbc.co.uk/cbeebies/shows" data-stats-interaction="brand_shelf" data-stats-interaction-variant="all_shows"><!-- --><span class="button__inner"> <span class="button__text">All shows</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span><!-- --></a><!-- --><!-- --></div> </div> </section> <section class="channel-banner-section" data-channel-banner data-channel-banner-enable-close-persist="true" data-ng-class="{'channel-banner-section--hide' : isChannelBannerHidden}"> <script> (function () { var cookieCheckingEnabled = true; var channelBannerSection = document.querySelector(".channel-banner-section"); function hideChannelBannerIfCookieIsSet() { var channelBannerCookieName = 'ckps_cbeebies_channel_banner_hidden'; var hideCookieIsSet = document.cookie.indexOf(" " + channelBannerCookieName + "=true") > 0; if (hideCookieIsSet) { channelBannerSection.className += ' channel-banner-section--hide'; } } function showCloseButtonIfCookiesAreAllowed() { var cookiePolicy = window.bbccookies.readPolicy(); var personalisationAllowed = cookiePolicy.personalisation; if (personalisationAllowed) { showCloseButton(); } } function showCloseButton() { channelBannerSection.className += ' channel-banner-section--show-close'; } if (cookieCheckingEnabled) { hideChannelBannerIfCookieIsSet(); showCloseButtonIfCookiesAreAllowed(); } else { showCloseButton(); } })() </script> <div class="channel-banner-section__inner window window--extra-wide"> <div class="channel-banner"> <div class="channel-banner__inner"> <div class="channel-banner__title-bar"> <a class="channel-banner__logo" href="/web/20180811195629/https://www.bbc.co.uk/cbbc" data-istats-click="cross_channel_logo" data-stats-interaction="channel_banner" data-stats-interaction-variant="logo"> <img class="channel-banner__logo-image" alt="CBBC logo" src="https://web.archive.org/web/20180811195629im_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/images/channel-banner/logo.png"/> </a> <span class="channel-banner__title">Are you ready to try CBBC?</span> </div> <div class="channel-banner__main"> <ul class="channel-banner__list"> <li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20180811195629/https://www.bbc.co.uk/cbbc/shows/the-deep" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="0"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/the-deep-crossover-panel.png"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/the-deep-crossover-panel.png" alt=""/> </noscript> </span> </span><!-- --> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20180811195629/https://www.bbc.co.uk/cbbc/shows/shaun-the-sheep" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="1"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Shaun-the-sheep.png"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Shaun-the-sheep.png" alt=""/> </noscript> </span> </span><!-- --> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20180811195629/https://www.bbc.co.uk/cbbc/shows/danger-mouse" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="2"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Dm-crossover-panel2.png"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Dm-crossover-panel2.png" alt=""/> </noscript> </span> </span><!-- --> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20180811195629/https://www.bbc.co.uk/cbbc/shows/arthur" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="3"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20180811195629/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Arthur-crossover-panel.png" data-alt="Arthur"></span> <noscript> <img src="https://web.archive.org/web/20180811195629im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Arthur-crossover-panel.png" alt="Arthur"/> </noscript> </span> </span><!-- --> </a> </li> </ul> <div class="channel-banner__footer"> <a class="channel-banner-close" data-stats-interaction="channel_banner" data-stats-interaction-variant="close" data-stats-interaction-action="button" data-channel-banner-close data-feedback-banner-open> <i aria-hidden="true" class="gelicon gelicon--no gelicon--leading"></i><span class="channel-banner-close__text">No thanks</span> </a> <span class="channel-banner__title">Are you ready to try CBBC?</span> </div> </div> </div> </div> </div> </section> <section class="feedback-banner-section" data-feedback-banner data-ng-class="{'feedback-banner-section--show' : !isFeedbackBannerHidden}"> <div class="feedback-banner-container window window--extra-wide"> <div class="feedback-banner"> <span class="feedback-banner__close" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="hide" data-stats-interaction-action="button" data-istats-click="cross_channel_hide"> <i aria-hidden="true" class="gelicon gelicon--no"></i> </span> <p class="feedback-banner__message">We'll hide these CBBC shows for 30 days.</p> <p class="feedback-banner__undo"><a class="feedback-banner__undo-link" data-feedback-banner-close data-channel-banner-open data-stats-interaction="channel_banner" data-stats-interaction-variant="undo" data-stats-interaction-action="button" data-istats-click="cross_channel_undo">Bring them back!</a></p> <p class="feedback-banner__question">Why did you hide them?</p> <ul class="feedback-banner__options"> <li class="feedback-banner__option" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="feedback" data-stats-interaction-position="0" data-stats-interaction-action="button" data-istats-pos="0" data-istats-click="cross_channel_feedback"> <span>Not familiar with CBBC</span> </li> <li class="feedback-banner__option" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="feedback" data-stats-interaction-position="1" data-stats-interaction-action="button" data-istats-pos="1" data-istats-click="cross_channel_feedback"> <span>Didn't like those shows</span> </li> <li class="feedback-banner__option" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="feedback" data-stats-interaction-position="2" data-stats-interaction-action="button" data-istats-pos="2" data-istats-click="cross_channel_feedback"> <span>Too young for CBBC</span> </li> </ul> <div class="feedback-banner__image"> <img class="feedback-banner__image-inner" src="https://web.archive.org/web/20180811195629im_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/60f6733/images/feedback/feedbackImage.png" alt=""/> </div> </div> </div> </section> <script> require(['jquery-1', 'confetti/confetti'], function ($, confetti) { var minComeDownTime, maxComeDownTime; var viewportHeight = $(window).height(); if(viewportHeight < 450) { minComeDownTime = 4; maxComeDownTime = 5; } else { minComeDownTime = 6; maxComeDownTime = 8; } confetti.init({ projectileName: 'flower', projectileContainerName: 'flowers', projectileVariants: 3, seasonalVariation: 'spring', projectileContainerParentSelector: '.childrens-wrapper', launcherParentSelector: '.promo:eq(2)', startingPositionSelector: '#menu', quantity: 50, goUpTime: {min: 0.1, max: 3}, comeDownTime: {min: minComeDownTime, max: maxComeDownTime}, fallRange: 500, rotationTime: {min: 1, max: 3} }); }); </script> </div> </div> <script type="text/javascript"> require(['lib/Imager', 'lib/minpubsub'], function (Imager, pubsub) { Imager.transforms.pixelRatio = function (value) { return value; }; var availableWidths = [80, 160, 240, 320, 400, 480, 560, 640, 720, 800, 880, 960]; var imagerDefault = new Imager('.delayed-image-load', { availableWidths: availableWidths, availablePixelRatios: [1, 1.5], loadHidden: false }); var imagerPng = new Imager('.delayed-png-image-load', { availableWidths: availableWidths, availablePixelRatios: [1], loadHidden: false }); var imagerGif = new Imager('.delayed-gif-image-load', { availableWidths: availableWidths, availablePixelRatios: [1, 1.5], lazyload: true, loadHidden: false }); pubsub.subscribe('/showMore/updateImages', function () { imagerDefault.add('.delayed-image-load'); imagerPng.add('.delayed-png-image-load'); }); pubsub.subscribe('/imager/addPngImages', function (selector) { imagerPng.add(selector); }); pubsub.subscribe('/imager/addImages', function (selector) { imagerDefault.add(selector); }); }); require(['childrens/singlePlayingVideo'], function (singlePlayingVideo) { setTimeout(singlePlayingVideo.setup, 2000); }); require(['angular/app'], function () {}); </script> <script type="text/javascript"> var cookiePolicy = window.bbccookies.readPolicy(); if( cookiePolicy.performance ) { var _sf_async_config = {"domain":"bbc.co.uk","region":"domestic","uid":50924,"sections":"childrens, cbeebies"}; _sf_async_config.path = window.location.pathname; (function () { function loadChartbeat() { window._sf_endpt = (new Date()).getTime(); var e = document.createElement("script"); e.setAttribute("language", "javascript"); e.setAttribute("type", "text/javascript"); e.setAttribute('src', "//web.archive.org/web/20180811195629/https://static.chartbeat.com/js/chartbeat.js"); document.body.appendChild(e); } var oldonload = window.onload; window.onload = (typeof window.onload != "function") ? loadChartbeat : function () { oldonload(); loadChartbeat(); }; })(); } </script> </div> <div id="orb-footer" class="orb-footer" dir="ltr"><div id="navp-orb-footer-promo"></div><aside role="complementary"><div id="orb-aside" class="orb-nav-sec b-r b-g-p"><div class="orb-footer-inner" role="navigation" aria-label="BBC"><h2 class="orb-footer-lead">Explore the BBC</h2><div class="orb-footer-primary-links"><ul><li class="orb-nav-cbeebies"><a href="https://web.archive.org/web/20180811195629/https://www.bbc.co.uk/cbeebies">CBeebies</a></li><li class="orb-nav-iplayer"><a href="https://web.archive.org/web/20180811195629/https://www.bbc.co.uk/iplayer/cbeebies">CBeebies iPlayer</a></li><li class="orb-nav-grownups orb-d"><a href="https://web.archive.org/web/20180811195629/https://www.bbc.co.uk/cbeebies/grownups">Grown-ups</a></li><li class="orb-nav-cbeebiesguide"><a href="https://web.archive.org/web/20180811195629/https://www.bbc.co.uk/cbeebies/guide">TV Guide</a></li><li class="orb-nav-cbbc"><a href="https://web.archive.org/web/20180811195629/https://www.bbc.co.uk/cbbc">CBBC</a></li><li class="orb-nav-cbeebiesbitesize orb-d"><a href="https://web.archive.org/web/20180811195629/http://www.bbc.co.uk/education/highlights/sections/primary">Bitesize</a></li></ul></div></div></div></aside><footer role="contentinfo"><div id="orb-contentinfo" class="orb-nav-sec b-r b-g-p"><script>window.orb.worldwideFooterlinks = '<li class="orb-footer-ads"><a href="https://web.archive.org/web/20180811195629/https://advertising.bbcworldwide.com/">Advertise with us<'+'/a><'+'/li><li class="orb-footer-adchoices"><a href="https://web.archive.org/web/20180811195629/http://www.bbc.com/usingthebbc/cookies/what-is-online-behavioural-advertising/">Ad choices<'+'/a><'+'/li>';</script><div class="orb-footer-inner"><ul><li class="orb-footer-terms"><a href="https://web.archive.org/web/20180811195629/http://www.bbc.co.uk/usingthebbc/terms/">Terms of Use</a></li><li class="orb-footer-about"><a href="https://web.archive.org/web/20180811195629/http://www.bbc.co.uk/aboutthebbc">About the BBC</a></li><li class="orb-footer-privacy"><a href="https://web.archive.org/web/20180811195629/http://www.bbc.co.uk/usingthebbc/privacy/">Privacy Policy</a></li><li class="orb-footer-cookies"><a href="https://web.archive.org/web/20180811195629/http://www.bbc.co.uk/usingthebbc/cookies/">Cookies</a></li><li class="orb-footer-accessibility"><a href="https://web.archive.org/web/20180811195629/http://www.bbc.co.uk/accessibility/">Accessibility Help</a></li><li class="orb-footer-parental"><a href="https://web.archive.org/web/20180811195629/http://www.bbc.co.uk/guidance">Parental Guidance</a></li><li class="orb-footer-contact"><a href="https://web.archive.org/web/20180811195629/http://www.bbc.co.uk/contact">Contact the BBC</a></li><li class="orb-footer-newsletter"><a href="https://web.archive.org/web/20180811195629/http://www.bbc.co.uk/bbcnewsletter">Get Personalised Newsletters</a></li></ul><small><em class="orb-hilight">Copyright © 2018 BBC.</em> The BBC is not responsible for the content of external sites. <span class="orb-footer-links"><a href="https://web.archive.org/web/20180811195629/http://www.bbc.co.uk/help/web/links/" class="orb-hilight">Read about our approach to external linking.</a></span></small></div></div></footer></div><script id="orb-js-script" data-assetpath="https://nav.files.bbci.co.uk/orbit/2.0.0-269.63591de/" src="https://web.archive.org/web/20180811195629js_/https://nav.files.bbci.co.uk/orbit/2.0.0-269.63591de/js/orb.min.js"></script><script type="text/javascript">require(['orb/lib/_$'], function($) { $.ready(function() { initialiseFooter(); }); var scrollCheckTimer; var didScroll; var previousPosition = 0; var delta = 5; var PROMO_SHOW_BREAKPOINT = 1500; var pageLength = 0; function initialiseFooter() { // Suppress this feature on browsers we no longer test var myNav = navigator.userAgent.toLowerCase(); var oldIE = (myNav.indexOf('msie') !== -1) && parseInt(myNav.split('msie')[1], 10) <= 10; if (!oldIE) { require(['orb/cookies'], function (bbccookies) { var disabledByCookie = (parseInt(bbccookies.get('ckns_nav_promofail')) || 0) >= 3; if (!disabledByCookie) { require(['orb/fig'], function (orbFig) { orbFig.load(function (fig) { if (fig.geo.isUK()) { setUpLazyLoading(); } }); }); } }); } } function setUpLazyLoading() { // offsetHeight is expensive to calculate, only do it once. pageLength = Math.abs(document.body.offsetHeight); if (pageLength < getViewportHeight() + 300 || pageLength - getCurrentPosition() < PROMO_SHOW_BREAKPOINT) { loadPromo(); } else { window.onscroll = function () { didScroll = true; }; scrollCheckTimer = setInterval(function () { if (didScroll) { hasScrolled(); didScroll = false; } }, 250); } } function loadPromo() { clearInterval(scrollCheckTimer); require(['orb/async/_footerpromo'], function(promo) { promo.init('https://web.archive.org/web/20180811195629/https://navpromo.api.bbci.co.uk', 'cbeebies'); }); } function getViewportHeight() { return window.innerHeight; } function getCurrentPosition() { return Math.abs(window.scrollY || document.body.scrollTop || document.documentElement.scrollTop); } function hasScrolled() { var currentPosition = getCurrentPosition(); if (Math.abs(previousPosition - currentPosition) <= delta) { return; } if (currentPosition > previousPosition) { if ((pageLength - currentPosition) <= PROMO_SHOW_BREAKPOINT) { loadPromo(); } } previousPosition = currentPosition; } })</script><script type="text/javascript">/*<![CDATA[*/ require(['orb/fig', 'orb/nav'], function(fig, nav) { fig.load(function(fig) { if (fig.geo.isUK()) { nav.loadJs('https://web.archive.org/web/20180811195629/https://nav.files.bbci.co.uk/orbit/2.0.0-269.63591de/js/edr.min.js'); } }); }); /*]]>*/</script><script type="text/javascript">require(["istats-1","orb/cookies"],function(o,t){if(t.isAllowed("s1"))try{if(!require.s.contexts._.config.paths.idcta)return void i();require(["idcta/idcta-1"],function(t){t&&"function"==typeof t.getIStatsLabels&&o.addLabels(t.getIStatsLabels()),i()},function(t){throw t})}catch(t){console&&"function"==typeof console.log&&console.log("an exception occurred while adding idcta labels to istats, invoking istats without them",t),i()}function i(){o.invoke()}});</script><script type="text/javascript">if (window.SEARCHBOX.suppress === false && window.SEARCHBOX.locale && /^en-?.*?/.test(window.SEARCHBOX.locale)) { require.config({ paths: { "search/searchbox": window.SEARCHBOX.searchboxAppStaticPrefix, "disco-layer": "//web.archive.org/web/20180811195629/https://nav.files.bbci.co.uk/discovery-layer/0.0.1-272.f146f82/app" } }); var orbFig = window.orb.fig; var loadSearchSuggest = function (fig) { if (fig.geo.isUK()) { require(['search/searchbox/searchboxDrawer'], function (SearchboxDrawer) { SearchboxDrawer.run(window.SEARCHBOX); }); } }; if (typeof orbFig.load === 'function') { // Use new async API from Orbit // In event of fig failure provide search suggest functionality by default orbFig.load(loadSearchSuggest, loadSearchSuggest); } else { // Use old sync-only API from PAL orbfig project loadSearchSuggest(orbFig); } var loadDiscoveryLayer = function (fig) { if (fig.geo.isUK()) { require(['disco-layer'], function (discoLayer) { discoLayer.run("//web.archive.org/web/20180811195629/https://nav.files.bbci.co.uk/discovery-layer/content/", "//web.archive.org/web/20180811195629/https://nav.files.bbci.co.uk/discovery-layer/0.0.1-272.f146f82/main.css"); }); } }; if (typeof orbFig.load === 'function') { orbFig.load(loadDiscoveryLayer); } else { loadDiscoveryLayer(orbFig); } }</script><!-- BBCDOTCOM bodyLast --><div class="bbccom_display_none"><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && window.bbcdotcom.analytics && bbcdotcom.config && !bbcdotcom.config.isSportApp() && !bbcdotcom.config.isReel()) { bbcdotcom.analytics.page(); } /*]]>*/</script><noscript><img src="//web.archive.org/web/20180811195629im_/https://ssc.api.bbc.com/?c1=2&c2=19293874&ns_site=bbc&name=" height="1" width="1" alt=""></noscript><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.currencyProviders) { bbcdotcom.currencyProviders.write(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.currencyProviders) { bbcdotcom.currencyProviders.postWrite(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.data && bbcdotcom.data.stats && bbcdotcom.data.stats === 1 && bbcdotcom.utils && window.location.pathname === '/' && window.bbccookies && bbccookies.readPolicy('performance') ) { var wwhpEdition = bbcdotcom.utils.getMetaPropertyContent('wwhp-edition'); var _sf_async_config={}; /** CONFIGURATION START **/ _sf_async_config.uid = 50924; _sf_async_config.domain = "bbc.co.uk"; _sf_async_config.title = "Homepage"+(wwhpEdition !== '' ? ' - '+wwhpEdition : ''); _sf_async_config.sections = "Homepage"+(wwhpEdition !== '' ? ', Homepage - '+wwhpEdition : ''); _sf_async_config.region = wwhpEdition; _sf_async_config.path = "/"+(wwhpEdition !== '' ? '?'+wwhpEdition : ''); /** CONFIGURATION END **/ (function(){ function loadChartbeat() { window._sf_endpt=(new Date()).getTime(); var e = document.createElement("script"); e.setAttribute("language", "javascript"); e.setAttribute("type", "text/javascript"); e.setAttribute('src', '//web.archive.org/web/20180811195629/https://static.chartbeat.com/js/chartbeat.js'); document.body.appendChild(e); } var oldonload = window.onload; window.onload = (typeof window.onload != "function") ? loadChartbeat : function() { oldonload(); loadChartbeat(); }; })(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function() { window.bbcdotcom.bodyLast = true; }()); /*]]>*/</script></div><!-- BBCDOTCOM all code in page --><script>"use strict";define("orb/cookies-adapter",["orb/cookies"],function(c){return{isOrbitEnvironment:function(){return"object"==typeof bbccookies&&"function"!=typeof bbccookies._getCookieName},set:function(e,n){var o=new Date;if(o.setYear(o.getFullYear()+1),this.isOrbitEnvironment())return c.set(e,n,{domain:c._getCurrentDomain(),path:"/",expires:o});var i=window.location.host.match(/(.bbc(?:\.co\.uk))(:\d+)?(\/.*)?$/i),t=e+"="+n+";domain="+(i&&".bbc.co.uk"===i[1]?".bbc.co.uk":".bbc.com")+";path=/;expires="+o.toUTCString()+";";return c.set(t)},get:function(e){return this.isOrbitEnvironment()?c.get(e):c.getCrumb(e)},copyPolicyCookiesCrossDomain:function(e){if(this.isOrbitEnvironment())return c.copyPolicyCookiesCrossDomain(e);e()},setDefaultCookiesSingleDomain:function(){return this.isOrbitEnvironment()?c.setDefaultCookiesSingleDomain():c._setPolicy()},setDefaultCookiesCrossDomain:function(){return this.isOrbitEnvironment()?c.setDefaultCookiesCrossDomain():c._setPolicy()},isCookiePolicySet:function(){return this.isOrbitEnvironment()?c.isCookiePolicySet():null!==this.get("ckns_policy")}}}),require(["orb/lib/_script","orb/cookies-adapter"],function(r,s){var a="ckns_privacy",b="ckns_explicit",l="1";function i(){var e=s.get(b);return null!==e&&e===l}function u(e,n){e.style.display="none",n.style.display="none"}function k(e,n){i()||(e.style.display="none",n.style.display="block",window.bbcpage.trackRegion(n,{linkLocation:"nav-banner-cookies"}),window.bbcuser.logEvent("view","nav-banner-cookies"))}function t(){var e=document.getElementById("bbcprivacy"),n=document.getElementById("bbccookies");document.getElementById("bbcprivacy-continue-button").addEventListener("click",function(){u(e,n),k(e,n),window.bbcuser.logEvent("click-cta","nav-banner-privacy")}),document.getElementById("bbccookies-continue-button").addEventListener("click",function(){u(e,n),window.bbcuser.logEvent("click-continue","nav-banner-cookies"),s.setDefaultCookiesCrossDomain(),s.set(b,l)});var o,i,t,c=document.getElementById("bbccookies-settings").getElementsByTagName("a")[0];c.addEventListener("click",(o=!1,function(e){o||(s.copyPolicyCookiesCrossDomain(function(){o=!0,c.click()}),s.set(b,l),e.preventDefault())})),null!==s.get(a)?k(e,n):(t=n,(i=e).style.display="block",t.style.display="none",window.bbcpage.trackRegion(i,{linkLocation:"nav-banner-privacy"}),window.bbcuser.logEvent("view","nav-banner-privacy"),s.set(a,"1"))}function c(e,o){var n,i,t="https://web.archive.org/web/20180811195629/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.1-114.1e65465/cookie-banner/cookie-prompt/",c=t+(i="en","string"==typeof(n=e)&&2<=n.length&&(i=n.trim().substring(0,2).toLowerCase()),-1!==["en","cy","gd","ga"].indexOf(i)?i:"en")+".js";window.bbcpage.loadCSS("https://web.archive.org/web/20180811195629/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.1-114.1e65465/cookie-banner/cookie-prompt/bbccookies.min.css").then(function(){r.jsonp(c,function(e){var n=e.replace(/<<bbcUrlPrefix>>/g,function(){if(window.orb.bbcUrlPrefix){var e=window.orb.bbcUrlPrefix+"bbc.com",n=window.location.host.match(/(bbc(?:\.co\.uk))(:\d+)?(\/.*)?$/i);return n&&"bbc.co.uk"===n[1]&&(e=e.replace("bbc.com","bbc.co.uk")),e}return""}());document.getElementById("cookiePrompt").innerHTML=n,o()},{callbackName:"cookiePrompt"})})}Promise.all([window.bbcuser.isUKCombined(),window.bbcuser.isEU(),window.bbcpage.getLanguage()]).then(function(e){var n=e[0];if(e[1]||n){var o=null!==s.get(a);if(!(s.isCookiePolicySet()&&i()&&o))i()||s.set(b,"0"),s.isCookiePolicySet()||s.setDefaultCookiesSingleDomain(),c(e[2],t)}}).catch(function(){c("en",t)})});</script><script>define("reverb",["istats-1"],function(t){"use strict";var n,a,o,i,r,c=(a="",r=i=!(o=!1),{invoke:function(e){if(e||(e={trackUser:!1}),!1===e.useATI&&(i=!1),!1===e.useIstats&&(r=!1),window.ATInternet={onTrackerLoad:function(){c.tagLoaded(e.atiOpts)}},i){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://web.archive.org/web/20180811195629/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.1-114.1e65465/reverb/smarttag.min.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]||document.getElementsByTagName("script")[0].parentNode).insertBefore(t,null)}else o=!0,this.contentLoaded()},tagLoaded:function(e){e instanceof Object||(e={}),e.cookieDomain||(e.cookieDomain=""),(n=new ATInternet.Tracker.Tag(e)).clientSideUserId.set("reverbUser"),o=!0,this.contentLoaded()},isReady:function(){return o},trackPage:function(e){o&&(i&&(n.page.set({name:e}),n.dispatch()),r&&t.log("pageview",e))},setCounterName:function(e){a=e},generateCounterName:function(){var e=window.location.pathname.replace(/\/$/,"").replace(/^\//,"").replace(/\//g,".");return""===e&&(e=document.title.replace(/ \- /,"").replace(/BBC /gi,"")),e+".page"},contentLoaded:function(){""===a&&this.setCounterName(this.generateCounterName()),this.trackPage(a)},getSiteId:function(){return n.getConfig("site")}});return c}),require(["reverb"],function(t){var e,n={};n.site=-1<(e=decodeURIComponent(document.location.href)).indexOf("bbc.com/wales")||-1<e.indexOf("bbc.com/cymru")?"595967":void 0,n.site&&window.bbcuser.allowsPerformanceCookies().then(function(e){e&&t.invoke({useAti:!0,atiOpts:n})})});</script> </body> </html> <!-- FILE ARCHIVED ON 19:56:29 Aug 11, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 13:51:46 Nov 24, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 2.797 exclusion.robots: 0.025 exclusion.robots.policy: 0.015 esindex: 0.013 cdx.remote: 55.636 LoadShardBlock: 320.569 (6) PetaboxLoader3.datanode: 332.571 (8) load_resource: 394.424 (2) PetaboxLoader3.resolve: 190.378 (2) -->