CBBC - CBBC

<!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/cbbc/shows/cbbc","20200508044239","https://web.archive.org/","web","/_static/", "1588912959"); </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" />  <link rel="schema.DCTERMS" href="https://purl.org/dc/terms/"> <script type="text/javascript"> window['optimizely'] = window['optimizely'] || []; window['optimizely'].push({'type': 'holdEvents'}); </script> <script src="https://web.archive.org/web/20200508044239js_/https://cdn.optimizely.com/public/4621041136/s/childrens_prod.js"></script> <title>CBBC - CBBC - BBC</title> <meta name="DCTERMS.title" content="CBBC - CBBC - BBC"/> <meta name="description" content="The place for amazing CBBC clips, quizzes and games."/> <meta name="DCTERMS.description" content="The place for amazing CBBC clips, quizzes and games."/> <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="DCTERMS.created" content="2018-01-29T13:18:43.736Z"/> <meta name="DCTERMS.modified" content="2020-03-26T12:05:59.536Z"/> <link rel="canonical" href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/cbbc/shows/cbbc"/> <script type="text/javascript"> var _sf_startpt = (new Date()).getTime() </script> <link rel="copyright" href="https://web.archive.org/web/20200508044239/http://www.bbc.co.uk/terms/" title="Terms of Use"/> <link href="/web/20200508044239im_/https://www.bbc.co.uk/cbbc/assets/images/favicons/apple-touch-icon.png" rel="apple-touch-icon"/> <link href="/web/20200508044239im_/https://www.bbc.co.uk/cbbc/assets/images/favicons/favicon.ico" rel="shortcut icon" type="image/x-icon"/> <link href="/web/20200508044239im_/https://www.bbc.co.uk/cbbc/assets/images/favicons/favicon-16x16.png" rel="icon" type="image/png" sizes="16x16"/> <link href="/web/20200508044239im_/https://www.bbc.co.uk/cbbc/assets/images/favicons/favicon-32x32.png" rel="icon" type="image/png" sizes="32x32"/> <link href="/web/20200508044239im_/https://www.bbc.co.uk/cbbc/assets/images/favicons/favicon-96x96.png" rel="icon" type="image/png" sizes="96x96"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20200508044239cs_/https://static.bbci.co.uk/gelstyles/0.11.0/style/core.css"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20200508044239cs_/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/stylesheets/cbbc.min.css"/>  <link rel="stylesheet" type="text/css" href="/web/20200508044239cs_/https://www.bbc.co.uk/cbbc/stylesheets/immersive/brand/1585224359/0c14be4/cbbc.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>         <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/20200508044239cs_/https://nav.files.bbci.co.uk/orbit/1b2e292884201dd13064a9204e177864/css/orb-ltr.min.css"><script type="text/javascript">/*<![CDATA[*/ window.orb = { lang: 'en', bbcBaseUrl: 'https://web.archive.org/web/20200508044239/https://www.bbc.co.uk', bbcUrlPrefix: 'https://web.archive.org/web/20200508044239/https://www.', staticHost: 'https://web.archive.org/web/20200508044239/https://nav.files.bbci.co.uk/orbit/1b2e292884201dd13064a9204e177864', figUrl: 'https://web.archive.org/web/20200508044239/https://fig.bbc.co.uk/frameworks/fig/2/fig.js', partialCookieOvenUrl: 'https://web.archive.org/web/20200508044239/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);}()); // Polyfill Event constructor for IE ref: https://jira.dev.bbc.co.uk/browse/ORBITEN-919 // see: https://stackoverflow.com/questions/26596123 (function () { if (typeof window.CustomEvent === "function") { return false; } function CustomEvent(event, params) { params = params || { bubbles: false, cancelable: false, detail: undefined }; var evt = document.createEvent('CustomEvent'); evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail); return evt; } CustomEvent.prototype = window.Event.prototype; window.Event = CustomEvent; })(); //Element.prototype.matches polyfill //from https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill if (!Element.prototype.matches) { Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; } //NodeList.forEach Polyfill //from https://developer.mozilla.org/en-US/docs/Web/API/NodeList/forEach#Polyfill if (window.NodeList && !NodeList.prototype.forEach) { NodeList.prototype.forEach = Array.prototype.forEach; } // Object.assign polyfill from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign#Polyfill if (typeof Object.assign != 'function') { // Must be writable: true, enumerable: false, configurable: true Object.defineProperty(Object, "assign", { value: function assign(target, varArgs) { // .length of function is 2 'use strict'; if (target == null) { // TypeError if undefined or null throw new TypeError('Cannot convert undefined or null to object'); } var to = Object(target); for (var index = 1; index < arguments.length; index++) { var nextSource = arguments[index]; if (nextSource != null) { // Skip over if undefined or null for (var nextKey in nextSource) { // Avoid bugs when hasOwnProperty is shadowed if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) { to[nextKey] = nextSource[nextKey]; } } } } return to; }, writable: true, configurable: true }); } // window.fetch polyfill https://github.com/github/fetch/blob/v0.11.0/fetch.js - chosen for IE9 compatibility if(typeof window.fetch !== 'function') { (function(self){"use strict";if(self.fetch){return}function normalizeName(name){if(typeof name!=="string"){name=String(name)}if(/[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(name)){throw new TypeError("Invalid character in header field name")}return name.toLowerCase()}function normalizeValue(value){if(typeof value!=="string"){value=String(value)}return value}function Headers(headers){this.map={};if(headers instanceof Headers){headers.forEach(function(value,name){this.append(name,value)},this)}else if(headers){Object.getOwnPropertyNames(headers).forEach(function(name){this.append(name,headers[name])},this)}}Headers.prototype.append=function(name,value){name=normalizeName(name);value=normalizeValue(value);var list=this.map[name];if(!list){list=[];this.map[name]=list}list.push(value)};Headers.prototype["delete"]=function(name){delete this.map[normalizeName(name)]};Headers.prototype.get=function(name){var values=this.map[normalizeName(name)];return values?values[0]:null};Headers.prototype.getAll=function(name){return this.map[normalizeName(name)]||[]};Headers.prototype.has=function(name){return this.map.hasOwnProperty(normalizeName(name))};Headers.prototype.set=function(name,value){this.map[normalizeName(name)]=[normalizeValue(value)]};Headers.prototype.forEach=function(callback,thisArg){Object.getOwnPropertyNames(this.map).forEach(function(name){this.map[name].forEach(function(value){callback.call(thisArg,value,name,this)},this)},this)};function consumed(body){if(body.bodyUsed){return Promise.reject(new TypeError("Already read"))}body.bodyUsed=true}function fileReaderReady(reader){return new Promise(function(resolve,reject){reader.onload=function(){resolve(reader.result)};reader.onerror=function(){reject(reader.error)}})}function readBlobAsArrayBuffer(blob){var reader=new FileReader;reader.readAsArrayBuffer(blob);return fileReaderReady(reader)}function readBlobAsText(blob){var reader=new FileReader;reader.readAsText(blob);return fileReaderReady(reader)}var support={blob:"FileReader"in self&&"Blob"in self&&function(){try{new Blob;return true}catch(e){return false}}(),formData:"FormData"in self,arrayBuffer:"ArrayBuffer"in self};function Body(){this.bodyUsed=false;this._initBody=function(body){this._bodyInit=body;if(typeof body==="string"){this._bodyText=body}else if(support.blob&&Blob.prototype.isPrototypeOf(body)){this._bodyBlob=body}else if(support.formData&&FormData.prototype.isPrototypeOf(body)){this._bodyFormData=body}else if(!body){this._bodyText=""}else if(support.arrayBuffer&&ArrayBuffer.prototype.isPrototypeOf(body)){}else{throw new Error("unsupported BodyInit type")}if(!this.headers.get("content-type")){if(typeof body==="string"){this.headers.set("content-type","text/plain;charset=UTF-8")}else if(this._bodyBlob&&this._bodyBlob.type){this.headers.set("content-type",this._bodyBlob.type)}}};if(support.blob){this.blob=function(){var rejected=consumed(this);if(rejected){return rejected}if(this._bodyBlob){return Promise.resolve(this._bodyBlob)}else if(this._bodyFormData){throw new Error("could not read FormData body as blob")}else{return Promise.resolve(new Blob([this._bodyText]))}};this.arrayBuffer=function(){return this.blob().then(readBlobAsArrayBuffer)};this.text=function(){var rejected=consumed(this);if(rejected){return rejected}if(this._bodyBlob){return readBlobAsText(this._bodyBlob)}else if(this._bodyFormData){throw new Error("could not read FormData body as text")}else{return Promise.resolve(this._bodyText)}}}else{this.text=function(){var rejected=consumed(this);return rejected?rejected:Promise.resolve(this._bodyText)}}if(support.formData){this.formData=function(){return this.text().then(decode)}}this.json=function(){return this.text().then(JSON.parse)};return this}var methods=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];function normalizeMethod(method){var upcased=method.toUpperCase();return methods.indexOf(upcased)>-1?upcased:method}function Request(input,options){options=options||{};var body=options.body;if(Request.prototype.isPrototypeOf(input)){if(input.bodyUsed){throw new TypeError("Already read")}this.url=input.url;this.credentials=input.credentials;if(!options.headers){this.headers=new Headers(input.headers)}this.method=input.method;this.mode=input.mode;if(!body){body=input._bodyInit;input.bodyUsed=true}}else{this.url=input}this.credentials=options.credentials||this.credentials||"omit";if(options.headers||!this.headers){this.headers=new Headers(options.headers)}this.method=normalizeMethod(options.method||this.method||"GET");this.mode=options.mode||this.mode||null;this.referrer=null;if((this.method==="GET"||this.method==="HEAD")&&body){throw new TypeError("Body not allowed for GET or HEAD requests")}this._initBody(body)}Request.prototype.clone=function(){return new Request(this)};function decode(body){var form=new FormData;body.trim().split("&").forEach(function(bytes){if(bytes){var split=bytes.split("=");var name=split.shift().replace(/\+/g," ");var value=split.join("=").replace(/\+/g," ");form.append(decodeURIComponent(name),decodeURIComponent(value))}});return form}function headers(xhr){var head=new Headers;var pairs=xhr.getAllResponseHeaders().trim().split("\n");pairs.forEach(function(header){var split=header.trim().split(":");var key=split.shift().trim();var value=split.join(":").trim();head.append(key,value)});return head}Body.call(Request.prototype);function Response(bodyInit,options){if(!options){options={}}this.type="default";this.status=options.status;this.ok=this.status>=200&&this.status<300;this.statusText=options.statusText;this.headers=options.headers instanceof Headers?options.headers:new Headers(options.headers);this.url=options.url||"";this._initBody(bodyInit)}Body.call(Response.prototype);Response.prototype.clone=function(){return new Response(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new Headers(this.headers),url:this.url})};Response.error=function(){var response=new Response(null,{status:0,statusText:""});response.type="error";return response};var redirectStatuses=[301,302,303,307,308];Response.redirect=function(url,status){if(redirectStatuses.indexOf(status)===-1){throw new RangeError("Invalid status code")}return new Response(null,{status:status,headers:{location:url}})};self.Headers=Headers;self.Request=Request;self.Response=Response;self.fetch=function(input,init){return new Promise(function(resolve,reject){var request;if(Request.prototype.isPrototypeOf(input)&&!init){request=input}else{request=new Request(input,init)}var xhr=new XMLHttpRequest;function responseURL(){if("responseURL"in xhr){return xhr.responseURL}if(/^X-Request-URL:/m.test(xhr.getAllResponseHeaders())){return xhr.getResponseHeader("X-Request-URL")}return}xhr.onload=function(){var status=xhr.status===1223?204:xhr.status;if(status<100||status>599){reject(new TypeError("Network request failed"));return}var options={status:status,statusText:xhr.statusText,headers:headers(xhr),url:responseURL()};var body="response"in xhr?xhr.response:xhr.responseText;resolve(new Response(body,options))};xhr.onerror=function(){reject(new TypeError("Network request failed"))};xhr.open(request.method,request.url,true);if(request.credentials==="include"){xhr.withCredentials=true}if("responseType"in xhr&&support.blob){xhr.responseType="blob"}request.headers.forEach(function(value,name){xhr.setRequestHeader(name,value)});xhr.send(typeof request._bodyInit==="undefined"?null:request._bodyInit)})};self.fetch.polyfill=true})(typeof self!=="undefined"?self:this); } if (typeof window.CustomEvent !== 'function') { function CustomEvent(event, params) { params = params || { bubbles: false, cancelable: false, detail: null }; var evt = document.createEvent('CustomEvent'); evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail); return evt; } CustomEvent.prototype = window.Event.prototype; window.CustomEvent = CustomEvent; } (function() { var language = 'en'; language = 'en'; var modal = false; var istatsLabels = {name: 'cbbc.shows.cbbc.page' || undefined}; istatsLabels['app_name'] = 'cbbc'; istatsLabels['app_type'] = 'responsive'; function getMetaValue(propertyName) { var metaTag = document.querySelector( "meta[property='" + propertyName + "'], " + "meta[name='" + propertyName + "']"); if (metaTag) { return metaTag.getAttribute("content"); } else { throw new Error('No meta tag called: ' + propertyName) } } function generateCountername() { if (window.location.protocol === 'file:') { return 'local.file'; } var pathName = window.location.pathname .replace(/\/$/, "") .replace(/^\//, "") .replace(/\//g, '.'); return pathName + '.page'; } var additionalPageProperties = {}; additionalPageProperties['custom_var_1'] = 'cbbc'; additionalPageProperties['custom_var_2'] = 'not-applicable'; additionalPageProperties['custom_var_3'] = 'not-applicable'; additionalPageProperties['custom_var_4'] = 'not-applicable'; additionalPageProperties['custom_var_5'] = 'not-applicable'; additionalPageProperties['custom_var_6'] = '2018-01-29T13:18:43.736Z'; additionalPageProperties['custom_var_7'] = '2020-03-26T12:05:59.536Z'; additionalPageProperties['custom_var_10'] = 'not-applicable'; additionalPageProperties['app_name'] = 'cbbc'; var page = { name: '' || istatsLabels.name || generateCountername(), destination: 'cbbc' || null, producer: 'cbbc' || null, section: 'shows' || null, site: '' || istatsLabels.bbc_site || istatsLabels.app_name || istatsLabels.prod_name || null, contentId: 'urn:bbc:isite2:0d4d97a4-c505-4e71-9671-be2cad118aee' || null, contentType: 'brand' || null, edition: '' || null, additionalProperties: additionalPageProperties }; function updatePageData(newData) { page = Object.assign(page, newData); } document.addEventListener('bbc-page-reset', function(event) { if (event.detail && event.detail.page) { updatePageData(event.detail.page); } document.dispatchEvent(new Event('bbc-page-updated')); }); 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); } }); }); }, isModal: function () { return modal; }, 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); }); }, getName: function() { return Promise.resolve(page.name); }, getDestination: function() { return Promise.resolve(page.destination); }, getProducer: function() { return Promise.resolve(page.producer); }, getSite: function() { return Promise.resolve(page.site); }, getSection: function() { return Promise.resolve(page.section); }, getContentType: function() { return Promise.resolve(page.contentType); }, getContentId: function() { return Promise.resolve(page.contentId); }, getEdition: function() { return new Promise(function (resolve, reject) { if (page.edition) { resolve(page.edition); return; } try { resolve(getMetaValue('x-audience').toLowerCase()); } catch (err){ // This property is related to Chartbeat; see http://support.chartbeat.com/docs/ if (window._sf_async_config) { resolve(window._sf_async_config.region || null); } } resolve(null); }); }, getReferrer: function() { return Promise.resolve(window.orb && window.orb.referrer !== null && window.orb.referrer !== undefined ? window.orb.referrer : document.referrer); }, getAdditionalProperties: function() { return Promise.resolve(page.additionalProperties); } }; var USERINFO_PREFIX = "www." || "www."; function initUserCache(orbitUser) { var availableAttr = [ 'X-Country', 'X-Ip_is_advertise_combined', 'X-Ip_is_uk_combined' ]; var userCache = availableAttr.reduce(function(user, curr, i) { if (!orbitUser[curr]) { return user; } var res = Object.assign({}, user); res[curr] = orbitUser[curr]; return res; }, {}); if (Object.keys(userCache).length !== availableAttr.length) { userCache._partial = true; } return userCache; } var user = initUserCache({ }); function checkStatus(response) { if (response.status >= 200 && response.status < 300) { return response; } else { var error = new Error(response.statusText); error.response = response; throw error; } } function parseJSON(response) { return response.json(); } var supportsCors = function() { return typeof XMLHttpRequest !== 'undefined' && 'withCredentials' in new XMLHttpRequest(); }; var getUserInfoFallback = function() { return window.bbcpage.loadModule(['orb/fig']) .then(function(orbFig) { return new Promise(function(resolve, reject) { orbFig.load(function(fig) { var getCountryFallback = function() { if (fig.geo.isUK()) { return 'GB'; } else if (fig.geo.isEU()) { return 'EU'; } }; resolve({ 'X-Country': user.country || getCountryFallback(), 'X-Ip_is_uk_combined': fig().uk ? 'yes' : 'no', 'X-Ip_is_advertise_combined': fig().ad ? 'yes' : 'no' }); }, function () { reject('Error determining country. Timeout?'); }); }); }); }; var _userInfoRequest; var getUserInfo = function() { var host = window.location.host.toString().match(/bbc\.com$/) ? 'bbc.com' : 'bbc.co.uk'; var userInfoUrl = "https://" + USERINFO_PREFIX + host + '/userinfo'; if (!user._partial) { return Promise.resolve(user); } if (!_userInfoRequest) { if (typeof window.fetch === 'undefined' || !supportsCors()) { _userInfoRequest = getUserInfoFallback(); } else { _userInfoRequest = window.fetch(userInfoUrl, { credentials: 'same-origin' }) .then(checkStatus) .then(parseJSON) .then(function(userInfo) { user = userInfo; return user; }); } } return _userInfoRequest; }; window.bbcuser = { getHashedId: function() { return window.bbcpage.loadModule(['idcta-v2/idcta-1']) .then(function(idcta) { return idcta.getCookieInstance().getHidFromCookie(); }); }, getCountry: function() { if (user['X-Country']) { return Promise.resolve(user['X-Country']); } return getUserInfo().then(function(userInfo) { return userInfo['X-Country'] || 'GB'; }); }, isUKCombined: function() { return getUserInfo().then(function(userInfo) { if (!userInfo['X-Ip_is_uk_combined']) { throw new Error('missing isUKCombined from userinfo response'); } return userInfo['X-Ip_is_uk_combined'].toLowerCase() === 'yes'; }) }, canSeeAdverts: function() { return getUserInfo().then(function(userInfo) { if (!userInfo['X-Ip_is_advertise_combined']) { throw new Error('missing canSeeAdverts from userinfo response'); } return userInfo['X-Ip_is_advertise_combined'].toLowerCase() === "yes"; }); }, isSignedIn: function() { return window.bbcpage.loadModule(['idcta-v2/idcta-1']) .then(function(idcta) { return (idcta && idcta.getCookieInstance().hasCookie()); }); }, 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.hasCookiesEnabled() .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/20200508044239js_/https://nav.files.bbci.co.uk/orbit/1b2e292884201dd13064a9204e177864/js/require.min.js"></script> <script src="https://web.archive.org/web/20200508044239js_/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.2-456.e308d0a/cookie-banner/cookie-library.min.js"></script><script type="text/javascript">if (window.define !== undefined) { define('orb/cookies', function() { return window.bbccookies; }); }</script> <script src="https://web.archive.org/web/20200508044239js_/https://nav.files.bbci.co.uk/orbit/1b2e292884201dd13064a9204e177864/js/api.min.js"></script><script type="text/javascript">window.bbcFlagpoles_istats="ON",require.config({paths:{"istats-1":"https://web.archive.org/web/20200508044239/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.2-456.e308d0a/istats/istats-1"}}),require(["istats-1","orb/cookies"],function(a,t){if(t.isAllowed("s1")){var e=(o=document.location.href.match(/^(?:https|http):\/\/\w*\.(?:(int|test|stage|live|)\.)?bbc\.(?:co\.uk|com)/))?void 0===o[1]||""===o[1]||"live"===o[1]?"//web.archive.org/web/20200508044239/https://sa.bbc.co.uk/bbc/bbc/s":"//web.archive.org/web/20200508044239/https://sa.bbc.co.uk/bbc/"+o[1]+"/s":"//web.archive.org/web/20200508044239/https://sa.bbc.co.uk/bbc/test/s";a.addCollector({name:"default",url:e,separator:"&"});var s="cbbc.shows.cbbc.page";a.setCountername(s),window.istats_countername&&a.setCountername(window.istats_countername),a.addLabels("ml_name=webmodule&ml_version=0.0.2-456.e308d0a&blq_e=orbit&blq_r=orbit&blq_s=orbit&blq_v=cbbc&language=en&app_name=cbbc&app_type=responsive")}var o});</script><link rel="stylesheet" href="https://web.archive.org/web/20200508044239cs_/https://static.files.bbci.co.uk/account/id-cta/1.43.0/style/id-cta.css"><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/20200508044239/https://idcta.api.bbc.co.uk';var ENDPOINT_CONFIG = ('/idcta/config?callback=&context=cbbc&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/20200508044239/https://static.files.bbci.co.uk/account/id-cta/1.43.0/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/20200508044239/https://static.files.bbci.co.uk/account/id-cta/1.8.2/modules/idcta';map['idcta-v2/idcta-1'] = 'https://web.archive.org/web/20200508044239/https://static.files.bbci.co.uk/account/id-cta/1.43.0/modules/idcta-v2/dist/idcta-1.min';map['idcta-v2/experiment-snippet'] = 'https://web.archive.org/web/20200508044239/https://cdn.optimizely.com/public/4621041136/s/idcta_live';const idctaShim = {deps: ['idcta-v2/idcta-1'],};require({shim: {'idcta-v2/statusbar': idctaShim,'idcta-v2/id-config': idctaShim},map: {'*': {'idcta/idcta-1': 'idcta-v2/idcta-1','idcta': 'idcta-v2',}},paths: map});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">/*<![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 = [], tp = window.tp || []; var bbcdotcom = false; (function(){ if(typeof require !== 'undefined') { require({ paths:{ "bbcdotcom":"https://web.archive.org/web/20200508044239/https://static.bbc.co.uk/bbcdotcom/4.2.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() {}, setFlagpoles: function() {}, setVersion: function () {}, setJsPrefix: function() {}, setSwfPrefix: function() {}, setCssPrefix: function() {}, setConfig: function() {}, getAssetPrefix: function() {}, getJsPrefix: function () {}, getSwfPrefix: function () {}, getCssPrefix: function () {}, isOptimizelyEnabled: function() {}, isThirdPartyDisabled: function() {}, isThirdPartyDisabledEU: function() {}, setEU: 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://web.archive.org/web/20200508044239/https://www.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://web.archive.org/web/20200508044239/https://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/20200508044239/https://static.bbc.co.uk/bbcdotcom/4.2.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/20200508044239/https://static.bbc.co.uk/bbcdotcom/4.2.0/script/dist/bbcdotcom.dev.js">\x3C/script>'); } else { document.write('<script type="text/javascript" src="https://web.archive.org/web/20200508044239/https://static.bbc.co.uk/bbcdotcom/4.2.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/20200508044239/https://secure-us.imrworldwide.com/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20200508044239/https://me-cdn.effectivemeasure.net/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20200508044239/https://ssc.api.bbc.com/">'); } if (window.bbcdotcom && bbcdotcom.data.ads == 1) { document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20200508044239/https://www.googletagservices.com/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20200508044239/https://bbc.gscontxt.net/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20200508044239/https://tags.crwdcntrl.net/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20200508044239/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(){ var GDPR_COUNTRIES = ['AT', 'BE', 'BG', 'HR', 'CY', 'CZ', 'DK', 'EE', 'FI', 'FR', 'DE', 'GR', 'HU', 'IE', 'IT', 'LV', 'LT', 'LU', 'MT', 'NL', 'PL', 'PT', 'RO', 'SK', 'SI', 'ES', 'SE', 'IS', 'LI', 'NO', 'CH']; 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\/20200508044239\/https:\/\/www.bbc.com\/privacy\/cookies\/international\/","advertisementText":"Advertisement","analyticsEnabled":true,"thirdPartyDisabled":false,"sherlockEnabled":false,"appName":"cbbc","assetPrefix":"https:\/\/web.archive.org\/web\/20200508044239\/https:\/\/static.bbc.co.uk\/bbcdotcom\/4.2.0\/","customAdParams":[],"customStatsParams":[],"headline":"","id":"","inAssociationWithText":"in association with","keywords":"","language":"","orbTransitional":false,"optimizelyEnabled":true,"palEnv":"live","productName":"cbbc","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\/20200508044239\/https:\/\/static.bbc.co.uk","staticVersion":"4.2.0","staticPrefix":"https:\/\/web.archive.org\/web\/20200508044239\/https:\/\/static.bbc.co.uk\/bbcdotcom\/4.2.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/20200508044239/https://static.bbc.co.uk/bbcdotcom/4.2.0/"); bbcdotcom.config.setVersion("4.2.0"); if (window.bbcuser && window.bbcuser.getCountry && typeof(window.bbcuser.getCountry) === 'function') { window.bbcuser.getCountry().then(function(countryCode) { var isEU = countryCode ? GDPR_COUNTRIES.indexOf(countryCode.toUpperCase()) !== -1 : false; bbcdotcom.config.setEU(isEU); }); } else if (window.orb && window.orb.fig && typeof(window.orb.fig) === 'function') { bbcdotcom.config.setEU(window.orb.fig('eu')); } document.write(''); document.write(''); document.write(''); 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){ /* set correct OptimizelyURL for prod or sandbox */ var optimizelyURL = "https://web.archive.org/web/20200508044239/https://cdn.optimizely.com/public/4621041136/s/bbccom_sandbox.js"; if(window.location.hostname === 'www.bbc.com') { optimizelyURL = "https://web.archive.org/web/20200508044239/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 }); document.write('<script type="text/javascript" src="'+optimizelyURL+'">\x3C/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/20200508044239/https://bbc.gscontxt.net/?url='+encodeURIComponent(gsurl)}); })(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.config && bbcdotcom.config.isLotameActive && bbcdotcom.config.isLotameActive()&& bbcdotcom.config.isLotameEnabled && bbcdotcom.config.isLotameEnabled()){ (function () { var clientId, lotameUrl, lotameAudienceUrl; clientId = (bbcdotcom.config.isWorldService && bbcdotcom.config.isWorldService()) ? '10826' : '10816'; lotameUrl = 'https://web.archive.org/web/20200508044239/https://tags.crwdcntrl.net/c/'+clientId+'/cc.js?ns='+clientId; lotameAudienceUrl = 'https://web.archive.org/web/20200508044239/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() && bbcdotcom.config.isAdsEnabled && bbcdotcom.config.isAdsEnabled() ) { (function () { bbcdotcomScripts.push({src:'https://web.archive.org/web/20200508044239/https://securepubads.g.doubleclick.net/tag/js/gpt.js'}); })(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ /* Load Lotame, Grapeshot and GPT without blocking rendering but executing in order */ if ( window.bbcdotcom && bbcdotcom.config && bbcdotcomScripts.length > 0 ) { (function () { bbcdotcom.checkThirdPartyFirst(function(){ if (!bbcdotcom.config.isThirdPartyDisabledEU()){ 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">/*<![CDATA[*/ (function() { window.bbcdotcom.head = true; }()); /*]]>*/</script><script type="text/javascript">// Globally available search context window.SEARCHBOX={"variant":"cbbc","locale":"en","feature":"akamai-idcta","navSearchboxStaticPrefix":"https://web.archive.org/web/20200508044239/https://nav.files.bbci.co.uk/searchbox/98f174438ebc473063e6dde132503cbb/","searchboxAppStaticPrefix":"https://web.archive.org/web/20200508044239/https://nav.files.bbci.co.uk/searchbox/98f174438ebc473063e6dde132503cbb/drawer","searchFormHtml":"<div tabindex=\"-1\" data-reactroot=\"\"><div><section class=\"se-searchbox-panel\"><div class=\"se-g-wrap\"><div class=\"se-g-layout\"><div class=\"se-g-layout__item se-searchbox-title\" aria-hidden=\"true\">search</div><div class=\"se-g-layout__item se-searchbox\"><form accept-charset=\"utf-8\" id=\"searchboxDrawerForm\" method=\"get\" action=\"https://search.bbc.co.uk/search\"><label class=\"se-searchbox__input\" for=\"se-searchbox-input-field\"><span class=\"se-sr-only\">Search Term</span><input type=\"text\" name=\"q\" value=\"\" id=\"se-searchbox-input-field\" class=\"se-searchbox__input__field\" maxLength=\"512\" autoComplete=\"off\" autoCorrect=\"off\" autoCapitalize=\"off\" spellcheck=\"false\" tabindex=\"0\"/></label><input type=\"hidden\" name=\"scope\" value=\"\"/><button type=\"submit\" class=\"se-searchbox__submit\" tabindex=\"0\" data-bbc-container=\"se-searchbox-panel\" data-bbc-title=\"search-icon\" data-bbc-metadata=\"{"PAR":"form::1","CHD":"button::1"}\">Search</button><button type=\"button\" class=\"se-searchbox__clear se-searchbox__clear--visible\" tabindex=\"0\" data-bbc-container=\"se-searchbox-panel\" data-bbc-title=\"clear-icon\" data-bbc-metadata=\"{"PAR":"form::1","CHD":"button::2"}\">Close</button></form></div></div></div></section><div aria-live=\"polite\" aria-atomic=\"true\" class=\"se-suggestions-container\"><section class=\"se-g-wrap\"></section></div></div></div>","searchScopePlaceholder":"<input type=\"hidden\" name=\"scope\" id=\"orb-search-scope\" value=\"cbbc\">","searchScopeParam":"?scope=cbbc","searchScopeTemplate":"cbbc","searchPlaceholderWrapperStart":"","searchPlaceholderWrapperEnd":""}; window.SEARCHBOX.suppress = false; window.SEARCHBOX.searchScope = SEARCHBOX.searchScopeTemplate.split('-')[0];</script><link rel="stylesheet" href="https://web.archive.org/web/20200508044239cs_/https://nav.files.bbci.co.uk/searchbox/98f174438ebc473063e6dde132503cbb/css/main.css"><script type="text/javascript">require.config({ "paths": { "orb/async/_footerpromo": 'https://web.archive.org/web/20200508044239/https://nav.files.bbci.co.uk/navpromo/1a758b67be1b457163af81ff41c92946/js/async/_footerpromo' } });</script> <script type="text/javascript">"use strict";!function(){window.__reverbStaticLocation="https://web.archive.org/web/20200508044239/https://mybbc-analytics.files.bbci.co.uk/reverb-client-js/",window.__smarttagVersion="5.18.2",window.__reverb={},window.__reverb.__reverbLoadedPromise=new Promise(function(e,n){window.__reverb.__resolveReverbLoaded=e,window.__reverb.__rejectReverbLoaded=n}),window.__reverb.__reverbTimeout=setTimeout(function(){window.__reverb.__rejectReverbLoaded()},5e3);var n=function(r,d){window.__reverb.__reverbLoadedPromise.then(function(e){if(r&&r.detail){var n=r.detail.label,t=r.detail.type,i=r.detail.elem,o=r.detail.originalEvent;r.detail.isClick&&(d=r.detail.isClick),e.userActionEvent(t,n,r.detail,i,o,d)}},function(){console.log("Reverb failed to load. Event not sent")})};document.addEventListener("bbc-user-event",function(e){n(e,!1)}),document.addEventListener("bbc-user-click",function(e){n(e,!0)}),document.addEventListener("bbc-page-updated",function(){window.__reverb.__reverbLoadedPromise.then(function(e){e.initialise().then(function(){return e.viewEvent()})},function(){console.log("Reverb failed to load. Event not sent")})})}();</script><script type="text/javascript" src="https://web.archive.org/web/20200508044239js_/https://mybbc-analytics.files.bbci.co.uk/reverb-client-js/reverb-1.4.0.js" async=""></script><script type="text/javascript">window.__detectview={clickManagementEnabled:false};</script> <script> require.config({ paths: { 'optimizely-ati': ['https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/stats/optimizely-ati'] } }); require(['optimizely-ati'], function (optimizelyATI) { window['optimizely'] = window['optimizely'] || []; window['optimizely'].push({'type': 'sendEvents'}); optimizelyATI.init(); }); </script> <script type="text/javascript"> if(window.bbcuser && window.bbcuser.isUKCombined) { window.bbcuser.isUKCombined().then(function (isUK) { if (!isUK) { window.location = "https://web.archive.org/web/20200508044239/https://www.bbcchannels.com/cbbc"; } }).catch(function(error) { console.error(error) }) } </script> <script type="text/javascript" src="https://web.archive.org/web/20200508044239js_/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/libraries/modernizr.js"></script> <script> define('modernizr', [], Modernizr); </script> <script type="text/javascript" src="https://web.archive.org/web/20200508044239js_/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/libraries/matchMedia.js"></script> <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': 'cbbc', 'env': 'live', 'uasKey': 'ocivkho3fups2', 'uasEnv': 'live', 'uasUrl': '', 'uasDomainSuffix': currentTLD, 'currentTLD': currentTLD, 'comscoreSiteOverride': '', 'comscoreTestServiceUrl': '', 'oneTooltipPerPageEnabled': 'true', 'analyticsReclassificationEnabled': 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/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts', 'cbeebies': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/cbeebies', 'cbbc': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/cbbc', 'jquery': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/libraries/jquery', 'jquery-1': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/libraries/jquery/jquery', 'jquery-1.9': 'https://web.archive.org/web/20200508044239/https://static.bbci.co.uk/frameworks/jquery/0.4.1/sharedmodules/jquery-1.9.1', 'lib': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/libraries', 'bump-3': 'https://web.archive.org/web/20200508044239/https://emp.bbci.co.uk/emp/bump-3/bump-3', 'bump-4': 'https://web.archive.org/web/20200508044239/https://emp.bbci.co.uk/emp/bump-4/bump-4', 'embed': 'https://web.archive.org/web/20200508044239/https://play.bbc.co.uk/play/sdk/embed/v1/latest', 'lib/Imager': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/libraries/Imager.min', 'TweenMax': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/libraries/gsap/TweenMax.min', 'TimelineMax': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/libraries/gsap/TweenMax.min', 'echo-11.2.2': 'https://web.archive.org/web/20200508044239/https://mybbc-analytics.files.bbci.co.uk/echo-client-js/echo-11.2.2.min', 'lib/riddle': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/libraries/riddle/embed-3.3.min', 'lib/minpubsub': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/libraries/minpubsub.min', 'uasclient': 'https://web.archive.org/web/20200508044239/https://static.bbci.co.uk/uasclient/0.1.40/modules/uasclient', 'activity-button': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/activity-button', 'activity-button/activity-button': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/personalisation/personalisation.min', 'reads': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/reads', 'reads/reads': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/personalisation/personalisation.min', 'reads-carousel': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/reads-carousel', 'reads-carousel/reads-carousel': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/personalisation/personalisation.min', 'angular': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/angular', 'angular/app': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/angular/app.min', 'stats': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/stats', 'stats/riddle-events': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/stats/riddle-events.min', 'stats/stats': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/stats/stats.min', 'confetti': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/confetti', 'confetti/confetti': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/confetti/confetti.min', 'follows-panel': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/follows-panel', 'follows-panel/childrens-follows-panel': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/personalisation/personalisation.min', 'personalisation': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/personalisation', 'domReady': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/libraries/require/domReady.min', 'relay-1': 'https://web.archive.org/web/20200508044239/https://static.bbci.co.uk/frameworks/relay/0.2.6/sharedmodules/relay-1', 'jssignals-1': 'https://web.archive.org/web/20200508044239/https://static.bbci.co.uk/frameworks/jssignals/0.3.6/modules/jssignals-1', 'vote-wrapper': 'https://web.archive.org/web/20200508044239/https://account-wrapper.files.bbci.co.uk/vote-wrapper.min', 'event-stream': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/event-stream/event-stream.min', 'riddle/auto-scroll': 'https://web.archive.org/web/20200508044239/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/javascripts/riddle/auto-scroll.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('cbbc'); } istats.addLabels({ "page_type" : "show", "children_show" : "cbbc" }); }); </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/20200508044239im_/https://a1.api.bbc.co.uk/hit.xiti?&col=1&from=p&ptag=js&s=598253&p=shows::unknown&x1=[urn:bbc:isite2:0d4d97a4-c505-4e71-9671-be2cad118aee]&x2=[responsive]&x3=[bbc_website]&x4=[en]&x7=[brand]&x8=[reverb-1.4.0-nojs]&x11=[cbbc]&x12=[cbbc]" height="1" width="1" alt=""></p></noscript> <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.isAdsEnabled()) { 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.isAdsEnabled()) { 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.isAdsEnabled()) { document.write(unescape('%3Cscript id="gnlAdsEnabled" class="bbccom_display_none"%3E%3C/script%3E')); } if (window.bbcdotcom && bbcdotcom.config.isAnalyticsEnabled()) { 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> <header id="orb-banner" role="banner" aria-label="BBC"><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/20200508044239/https://www.bbc.co.uk/">Homepage</a></div><section><div class="orb-skip-links"><h2>Accessibility links</h2><ul><li><a href="#main-content">Skip to content</a></li><li><a id="orb-accessibility-help" href="https://web.archive.org/web/20200508044239/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" data-bbc-container="id-cta" data-bbc-event-type="click" data-bbc-ignore-views="1" data-bbc-metadata="{"id-cta-type": "statusbar-orb"}" data-bbc-source="responsive_web" data-bbc-title="id-cta-sign-in"><a id="idcta-link" href="https://web.archive.org/web/20200508044239/https://account.bbc.com/account?context=cbbc&ptrt=https://www.bbc.co.uk/cbbc/shows/cbbc"><span id="idcta-username">BBC Account</span></a></div><script type="text/javascript">require(['idcta/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-cbbc"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/cbbc">CBBC</a></li><li class="orb-nav-iplayer orb-d"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/tv/cbbc">CBBC iPlayer</a></li><li class="orb-nav-newsround"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/newsround">Newsround</a></li><li class="orb-nav-bitesize orb-d"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/bitesize">Bitesize</a></li><li class="orb-nav-ownit orb-d"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.com/ownit">Own It</a></li><li class="orb-nav-cbeebies"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/cbeebies">CBeebies</a></li><li class="orb-nav-cbbctv"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/iplayer/guide/cbbc">CBBC on TV</a></li><li class="orb-nav-cbbchelp orb-d"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/cbbc/curations/cbbc-help">CBBC Help</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/20200508044239/https://search.bbc.co.uk/search?scope=cbbc" title="Search the BBC">Search</a><form class="b-f" id="orb-search-form" role="search" method="get" action="https://web.archive.org/web/20200508044239/https://search.bbc.co.uk/search" accept-charset="utf-8"><div><input type="hidden" name="scope" id="orb-search-scope" value="cbbc"><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>  <div id="orb-modules"> <div id="unsupported-browser-banner-wrapper">  </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 = ''.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--cbbc childrens-wrapper--show childrens-wrapper--shows childrens-wrapper--background feature-flag feature-flag--search-bar feature-flag--new-vote-styling feature-flag--episode-prominence-on-brand-pages feature-flag--reactions feature-flag--reith-font" data-stats-page-type="show" data-stats-children-show="cbbc" data-stats-children-has-promos="false" data-stats-children-promo-count="0" data-stats-children-has-content="true" data-stats-children-content-count="187" data-stats-children-has-episodes="false" data-stats-children-episode-count="0" data-stats-children-schedule-info="none"> <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/20200508044239/https://www.bbc.co.uk/cbbc" data-stats-interaction="navigation" data-stats-interaction-variant="home_logo"> <svg version="1.1" id="small-menu-logo" class="logo logo--cbbc 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 60 60" enable-background="new 0 0 60 60" xml:space="preserve" preserveaspectratio="xMaxYMin meet"> <defs> <clippath id="small-menu-logo-outer-logo-path"> <ellipse cx="31.5" cy="30" rx="30.5" ry="30"></ellipse> </clippath> </defs> <g style="clip-path: url(/web/20200508044239im_/https://www.bbc.co.uk/cbbc/shows/cbbc#small-menu-logo-outer-logo-path);"> <path class="logo__part logo__part--pink" fill="#FF2C9F" d="M18.2,2.9v13.6v1.1v0.4c0,0,0,0,0.1,0c1.1,0,2.2-0.1,3.3-0.4c3.6-0.9,6.5-3.4,8.1-6.7 c0.6-1.3,1.1-2.8,1.2-4.3V0C26.3,0.1,22.1,1.1,18.2,2.9"></path> <path class="logo__part logo__part--raspberry" fill="#D41C6F" d="M21.5,18.5c-1-0.3-2.2-0.4-3.3-0.4c0,0-0.1,0-0.1,0v0.4v23.6v15c3.9,1.8,8.1,2.9,12.6,2.9 V47.7V29.4C30.3,24.2,26.5,19.8,21.5,18.5"></path> <path class="logo__part logo__part--blue" fill="#008AAA" d="M32.6,0v40.9v1.1v0.4c0,0,0,0,0,0c1.1,0,2.2-0.1,3.3-0.4c3.6-0.9,6.5-3.4,8.1-6.7 c0.6-1.3,1.1-2.8,1.2-4.3V3.4C41.4,1.4,37.1,0.2,32.6,0"></path> <path class="logo__part logo__part--turquoise" fill="#00D2A9" d="M35.9,42.9c-1-0.3-2.2-0.4-3.3-0.4c0,0,0,0,0,0v0.4v2.9V60c4.5-0.2,8.7-1.4,12.6-3.4v-2.7 C44.6,48.6,40.9,44.3,35.9,42.9"></path> <path class="logo__part logo__part--green" fill="#9FE600" d="M16.4,17.9V3.9C7.3,9.2,1.2,18.9,1.2,29.9S7.3,50.7,16.4,56v-14c-2.8-3.3-4.3-7.5-4.3-12.1 S13.7,21.2,16.4,17.9"></path> <path class="logo__part logo__part--pink-replacement" fill="#FF2C9F" d="M18.2,2.9v38v1.1v0.4c0,0,0,0,0.1,0c1.1,0,2.2-0.1,3.3-0.4c3.6-0.9,6.5-3.4,8.1-6.7 c0.6-1.3,1.1-2.8,1.2-4.3V0C26.3,0.1,22.1,1.1,18.2,2.9"></path> <path class="logo__part logo__part--turquoise-replacement" fill="#00D2A9" d="M35.9,18.5c-1-0.3-2.2-0.4-3.3-0.4c0,0,0,0,0,0v0.4v2.9V60c4.5-0.2,8.7-1.4,12.6-3.4V29.4 C44.6,24.2,40.9,19.8,35.9,18.5"></path> <path class="logo__part logo__part--orange" fill="#F76C06" d="M58.8,17.2C58.8,17.2,58.8,17.2,58.8,17.2C58.2,16.1,57.6,15,57,14 c-2.4-3.9-5.7-7.2-9.6-9.6v19.3C52.2,23.6,56.4,21.1,58.8,17.2"></path> <path class="logo__part logo__part--dark-orange" fill="#F63400" d="M47.3,36.3v19.3c3.9-2.4,7.2-5.7,9.6-9.6c0.3-0.5,0.6-1.1,0.9-1.6c0.3-0.5,0.6-1.1,0.8-1.7 l0,0C56.4,38.8,52.2,36.3,47.3,36.3"></path> </g> </svg> <script> require(['jquery-1', 'modernizr', 'childrens/logo/animated-cbbc-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"> <a class="menu__link" href="/web/20200508044239/https://www.bbc.co.uk/cbbc" data-stats-interaction="navigation" data-stats-interaction-variant="home" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"home::1"}" data-bbc-title="Home" data-bbc-source="cbbc"> <span class="menu__link-icon"> <svg version="1.1" id="large-menu-logo" class="logo logo--cbbc 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 60 60" enable-background="new 0 0 60 60" xml:space="preserve" preserveaspectratio="xMaxYMin meet"> <defs> <clippath id="large-menu-logo-outer-logo-path"> <ellipse cx="31.5" cy="30" rx="30.5" ry="30"></ellipse> </clippath> </defs> <g style="clip-path: url(/web/20200508044239im_/https://www.bbc.co.uk/cbbc/shows/cbbc#large-menu-logo-outer-logo-path);"> <path class="logo__part logo__part--pink" fill="#FF2C9F" d="M18.2,2.9v13.6v1.1v0.4c0,0,0,0,0.1,0c1.1,0,2.2-0.1,3.3-0.4c3.6-0.9,6.5-3.4,8.1-6.7 c0.6-1.3,1.1-2.8,1.2-4.3V0C26.3,0.1,22.1,1.1,18.2,2.9"></path> <path class="logo__part logo__part--raspberry" fill="#D41C6F" d="M21.5,18.5c-1-0.3-2.2-0.4-3.3-0.4c0,0-0.1,0-0.1,0v0.4v23.6v15c3.9,1.8,8.1,2.9,12.6,2.9 V47.7V29.4C30.3,24.2,26.5,19.8,21.5,18.5"></path> <path class="logo__part logo__part--blue" fill="#008AAA" d="M32.6,0v40.9v1.1v0.4c0,0,0,0,0,0c1.1,0,2.2-0.1,3.3-0.4c3.6-0.9,6.5-3.4,8.1-6.7 c0.6-1.3,1.1-2.8,1.2-4.3V3.4C41.4,1.4,37.1,0.2,32.6,0"></path> <path class="logo__part logo__part--turquoise" fill="#00D2A9" d="M35.9,42.9c-1-0.3-2.2-0.4-3.3-0.4c0,0,0,0,0,0v0.4v2.9V60c4.5-0.2,8.7-1.4,12.6-3.4v-2.7 C44.6,48.6,40.9,44.3,35.9,42.9"></path> <path class="logo__part logo__part--green" fill="#9FE600" d="M16.4,17.9V3.9C7.3,9.2,1.2,18.9,1.2,29.9S7.3,50.7,16.4,56v-14c-2.8-3.3-4.3-7.5-4.3-12.1 S13.7,21.2,16.4,17.9"></path> <path class="logo__part logo__part--pink-replacement" fill="#FF2C9F" d="M18.2,2.9v38v1.1v0.4c0,0,0,0,0.1,0c1.1,0,2.2-0.1,3.3-0.4c3.6-0.9,6.5-3.4,8.1-6.7 c0.6-1.3,1.1-2.8,1.2-4.3V0C26.3,0.1,22.1,1.1,18.2,2.9"></path> <path class="logo__part logo__part--turquoise-replacement" fill="#00D2A9" d="M35.9,18.5c-1-0.3-2.2-0.4-3.3-0.4c0,0,0,0,0,0v0.4v2.9V60c4.5-0.2,8.7-1.4,12.6-3.4V29.4 C44.6,24.2,40.9,19.8,35.9,18.5"></path> <path class="logo__part logo__part--orange" fill="#F76C06" d="M58.8,17.2C58.8,17.2,58.8,17.2,58.8,17.2C58.2,16.1,57.6,15,57,14 c-2.4-3.9-5.7-7.2-9.6-9.6v19.3C52.2,23.6,56.4,21.1,58.8,17.2"></path> <path class="logo__part logo__part--dark-orange" fill="#F63400" d="M47.3,36.3v19.3c3.9-2.4,7.2-5.7,9.6-9.6c0.3-0.5,0.6-1.1,0.9-1.6c0.3-0.5,0.6-1.1,0.8-1.7 l0,0C56.4,38.8,52.2,36.3,47.3,36.3"></path> </g> </svg> <script> require(['jquery-1', 'modernizr', 'childrens/logo/animated-cbbc-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 menu__item--current"> <a class="menu__link" href="/web/20200508044239/https://www.bbc.co.uk/cbbc/shows" data-stats-interaction="navigation" data-stats-interaction-variant="shows" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"shows::2"}" data-bbc-title="Shows" data-bbc-source="cbbc"> <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/20200508044239/https://www.bbc.co.uk/cbbc/games" data-stats-interaction="navigation" data-stats-interaction-variant="games" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"games::3"}" data-bbc-title="Games" data-bbc-source="cbbc"> <span class="menu__link-icon"></span><span class="menu__link-label">Games</span> </a> </li><li class="menu__item menu__item--quizzes"> <a class="menu__link" href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes" data-stats-interaction="navigation" data-stats-interaction-variant="quizzes" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"quizzes::4"}" data-bbc-title="Quizzes" data-bbc-source="cbbc"> <span class="menu__link-icon"></span><span class="menu__link-label">Quizzes</span> </a> </li><li class="menu__item menu__item--watch"> <a class="menu__link" href="/web/20200508044239/https://www.bbc.co.uk/cbbc/watch" data-stats-interaction="navigation" data-stats-interaction-variant="watch" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"watch::5"}" data-bbc-title="Watch" data-bbc-source="cbbc"> <span class="menu__link-icon"></span><span class="menu__link-label">Watch</span> </a> </li><li class="menu__item menu__item--joinin"> <a class="menu__link" href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin" data-stats-interaction="navigation" data-stats-interaction-variant="joinin" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"joinin::6"}" data-bbc-title="Join In" data-bbc-source="cbbc"> <span class="menu__link-icon"></span><span class="menu__link-label">Join In</span> </a> </li><li class="menu__item menu__item--puzzles"> <a class="menu__link" href="/web/20200508044239/https://www.bbc.co.uk/cbbc/puzzles" data-stats-interaction="navigation" data-stats-interaction-variant="puzzles" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"puzzles::7"}" data-bbc-title="Puzzles" data-bbc-source="cbbc"> <span class="menu__link-icon"></span><span class="menu__link-label">Puzzles</span> </a> </li><li class="menu__item menu__item--newsround"> <a class="menu__link" href="/web/20200508044239/https://www.bbc.co.uk/newsround" data-stats-interaction="navigation" data-stats-interaction-variant="newsround" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"newsround::8"}" data-bbc-title="Newsround" data-bbc-source="cbbc"> <span class="menu__link-icon"></span><span class="menu__link-label">Newsround</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/20200508044239/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="cbbc"> <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 config.analyticsReclassificationEnabled || (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/20200508044239/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="cbbc"> <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 config.analyticsReclassificationEnabled || (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="page-hero page-hero--brand"> <div class="page-hero__inner window"> <div class="page-hero__characters"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/cbbc-logo-onward-journey.png" data-alt="CBBC Logo"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/cbbc-logo-onward-journey.png" alt="CBBC Logo"/> </noscript> </span> </div><div class="page-hero__logo"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/blank_onward_journey_image_bid.png" data-alt="Nothing."></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/blank_onward_journey_image_bid.png" alt="Nothing."/> </noscript> </span> </div></div> </div> <h1 class="vh" id="main-content">CBBC</h1> <div class="content-collection-page content-collection-page--show" role="main" itemscope> <div class="window grid-container"> <div class="programme-info"> <div class="programme-info__details programme-info__details--no-availability "> <div class="programme-info__text-container"> <h2 class="programme-info__title">CBBC</h2> <p class="programme-info__description">The place for amazing CBBC clips, quizzes and games.</p> <ul class="programme-info__buttons"> <li class="programme-info__button"> <div class="add-to"> <div class="button button--add-to"> <button class="add-to__button add-to__button--shows add-to__button--cbbc button__link" aria-pressed="false" aria-live="polite" aria-labelledby="add-to__labels" data-add-to-state="unselected" data-resource-id="cbbc"> <span class="button__inner"> <span class="add-to__icons add-to__s"> <i aria-hidden="true" class="gelicon gelicon--add add-to__gelicon add-to__icon add-to__icon--unselected"></i> <i aria-hidden="true" class="gelicon gelicon--load add-to__gelicon add-to__icon add-to__icon--in-progress"></i> <i aria-hidden="true" class="gelicon gelicon--yes add-to__gelicon add-to__icon add-to__icon--selected"></i> <i aria-hidden="true" class="gelicon gelicon--no add-to__gelicon add-to__icon add-to__icon--remove"></i> </span> <span class="add-to__labels"> <span class="add-to__label add-to__s add-to__label--add" role="presentation">Add to My Shows</span> <span class="add-to__label add-to__s add-to__label--added" role="presentation">Added to My Shows</span> <span class="add-to__label add-to__s add-to__label--remove" role="presentation">Remove</span> </span> </span> </button> <span class="add-to__count"> <span class="button__add-on-container"> <span class="button__add-on ">17836</span> </span> </span> </div> <div class="add-to__tooltip"></div> <script> require(['activity-button/add-to'], function (AddTo) { AddTo('cbbc', 'brand'); }); </script> </div> </li> </ul> </div> </div><div class="programme-info__availability"> </div></div> </div> <div class="content-collection-page__sections"> <div class="window window--extra-wide grid-container"> <div class="content-collection-sections grid"> <ul class="content-collection-sections__list"> <li> <div id="all-container" class="content-collection-sections__item content-collection-section content-collection-section--all" data-stats-children-index=""> <span class="anchor" id="all"></span> <div class="content-collection-section__portal"> <div class="content-collection-section__panel"> <ul class="content-list"> <li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/games/cbbc-picture-maker#challenge" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="0" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/picture_maker_challenge_animals_hobbies_index.jpg" data-alt="CBBC - Picture Maker Challenge - Fun Animals"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/picture_maker_challenge_animals_hobbies_index.jpg" alt="CBBC - Picture Maker Challenge - Fun Animals"/> </noscript> </span> </div> <div class="content-card__flag flag flag--auto-new flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">NEW!</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Picture Maker Challenge - Fun Animals"> Picture Maker Challenge - Fun Animals </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/superhero-name-generator-2020" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="1" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Super_Hero_Name_Generator_Index_Image.jpg" data-alt="CBBC - Superhero Name Generator"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Super_Hero_Name_Generator_Index_Image.jpg" alt="CBBC - Superhero Name Generator"/> </noscript> </span> </div> <div class="content-card__flag flag flag--auto-new flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text">NEW!</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Superhero Name Generator"> Superhero Name Generator </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">378</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">582</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin/playlist-cartoonify-your-comments" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="2" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/cartoonify-planets-index-image.jpg" data-alt="CBBC - Your Comments Cartoonified"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/cartoonify-planets-index-image.jpg" alt="CBBC - Your Comments Cartoonified"/> </noscript> </span> </div> <div class="content-card__flag flag flag--auto-new flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">NEW!</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Your Comments Cartoonified"> Your Comments Cartoonified </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">2426</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">690</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/watch/andy-and-the-band-tutorial-vocals" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="3" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/andy-and-the-band-voice-index.jpg" data-alt="CBBC - How to get singing with Andy"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/andy-and-the-band-voice-index.jpg" alt="CBBC - How to get singing with Andy"/> </noscript> </span> </div> <div class="content-card__flag flag flag--auto-new flag--watch"> <span class="flag__icon"></span> <span class="flag__text">NEW!</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="How to get singing with Andy"> How to get singing with Andy </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">20</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">211</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/watch/andy-and-the-band-tutorial-keyboard" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="4" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/andy-and-the-band-keyboard-index.jpg" data-alt="CBBC - How to play the keyboard with Mac"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/andy-and-the-band-keyboard-index.jpg" alt="CBBC - How to play the keyboard with Mac"/> </noscript> </span> </div> <div class="content-card__flag flag flag--auto-new flag--watch"> <span class="flag__icon"></span> <span class="flag__text">NEW!</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="How to play the keyboard with Mac"> How to play the keyboard with Mac </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">22</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">134</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/watch/andy-and-the-band-tutorial-ukulele" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="5" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/andy-and-the-band-ukulele-index2.jpg" data-alt="CBBC - How to play the ukulele with Rio"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/andy-and-the-band-ukulele-index2.jpg" alt="CBBC - How to play the ukulele with Rio"/> </noscript> </span> </div> <div class="content-card__flag flag flag--auto-new flag--watch"> <span class="flag__icon"></span> <span class="flag__text">NEW!</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="How to play the ukulele with Rio"> How to play the ukulele with Rio </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">16</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">49</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/watch/andy-and-the-band-tutorial-drums" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="6" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/andy-and-the-band-drums-index.jpg" data-alt="CBBC - How to play the drums with Moxy"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/andy-and-the-band-drums-index.jpg" alt="CBBC - How to play the drums with Moxy"/> </noscript> </span> </div> <div class="content-card__flag flag flag--auto-new flag--watch"> <span class="flag__icon"></span> <span class="flag__text">NEW!</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="How to play the drums with Moxy"> How to play the drums with Moxy </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">7</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">101</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/watch/andy-and-the-band-tutorial-air-guitar" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="7" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/andy-and-the-band-guitar-index2.jpg" data-alt="CBBC - How to play the air guitar with Blu & Rio"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/andy-and-the-band-guitar-index2.jpg" alt="CBBC - How to play the air guitar with Blu & Rio"/> </noscript> </span> </div> <div class="content-card__flag flag flag--auto-new flag--watch"> <span class="flag__icon"></span> <span class="flag__text">NEW!</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="How to play the air guitar with Blu & Rio"> How to play the air guitar with Blu & Rio </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">3</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">73</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/what-should-i-do-today-activity-generator" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="8" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/activity-generator_index-image.jpg" data-alt="CBBC - The CBBC Activity Generator"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/activity-generator_index-image.jpg" alt="CBBC - The CBBC Activity Generator"/> </noscript> </span> </div> <div class="content-card__flag flag flag--auto-new flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text">NEW!</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="The CBBC Activity Generator"> The CBBC Activity Generator </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">134</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">238</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/watch/gymstars-guide-to-gymnastics" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="9" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/GymStars-Howto.jpg" data-alt="CBBC - Gym Stars: Gymnastics you can try at home"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/GymStars-Howto.jpg" alt="CBBC - Gym Stars: Gymnastics you can try at home"/> </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="Gym Stars: Gymnastics you can try at home"> Gym Stars: Gymnastics you can try at home </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">175</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">164</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin/whats-in-your-fridge-recipe-picker" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="10" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/whats-in-your-fridge-cu-index.jpg" data-alt="CBBC - What's in the fridge?"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/whats-in-your-fridge-cu-index.jpg" alt="CBBC - What's in the fridge?"/> </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="What's in the fridge?"> What's in the fridge? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">231</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">793</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/games/cbbc-picture-maker" class="content-card content-card--games content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="11" data-site-section="games"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/cbbc_picture_maker_index_2.jpg" data-alt="CBBC - CBBC Picture Maker: Spring Edition"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/cbbc_picture_maker_index_2.jpg" alt="CBBC - CBBC Picture Maker: Spring Edition"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--games"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="CBBC Picture Maker: Spring Edition"> CBBC Picture Maker: Spring Edition </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">3381</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">52453</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/which-classic-childrens-book-should-you-read" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="12" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/who-do-you-wanna-meet-.jpg" data-alt="CBBC - Which book should you read next?"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/who-do-you-wanna-meet-.jpg" alt="CBBC - Which book should you read next?"/> </noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text">Play now</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Which book should you read next?"> Which book should you read next? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">551</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">1909</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/what-is-an-equinox-quiz" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="13" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/what-is-the-equinox-quiz.jpg" data-alt="CBBC - Quiz: What is an Equinox?"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/what-is-the-equinox-quiz.jpg" alt="CBBC - Quiz: What is an Equinox?"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Quiz: What is an Equinox?"> Quiz: What is an Equinox? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">27</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">94</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin/picture-maker-collection#current-gallery" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="14" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/pmg-Xanthe-index.jpg" data-alt="CBBC - Your Picture Maker Gallery"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/pmg-Xanthe-index.jpg" alt="CBBC - Your Picture Maker Gallery"/> </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="Your Picture Maker Gallery"> Your Picture Maker Gallery </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/rainy-day-movie-generator" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="15" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/movie-generator-quiz-index.jpg" data-alt="CBBC - Movie Generator "></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/movie-generator-quiz-index.jpg" alt="CBBC - Movie Generator "/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Movie Generator "> Movie Generator </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">352</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">1434</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/games/plastic-planet-marine-rescue-game" class="content-card content-card--games content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="16" data-site-section="games"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/plastic-planet-index-image.jpg" data-alt="CBBC - Plastic Planet Marine Rescue"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/plastic-planet-index-image.jpg" alt="CBBC - Plastic Planet Marine Rescue"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--games"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Plastic Planet Marine Rescue"> Plastic Planet Marine Rescue </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">253</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">2472</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin/send-us-your-stuff" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="17" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/SMU_HP_SEND_US_YOUR_STUFF.jpg" data-alt="CBBC - Send us your stuff for Saturday Mash-Up!"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/SMU_HP_SEND_US_YOUR_STUFF.jpg" alt="CBBC - Send us your stuff for Saturday Mash-Up!"/> </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="Send us your stuff for Saturday Mash-Up!"> Send us your stuff for Saturday Mash-Up! </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">324</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">301</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin/cbbc-book-february-2020-book-of-the-month" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="18" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/cbbc-book-club-february-2020-main-bfg.jpg" data-alt="CBBC - CBBC Book of the Month - February 2020"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/cbbc-book-club-february-2020-main-bfg.jpg" alt="CBBC - CBBC Book of the Month - February 2020"/> </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="CBBC Book of the Month - February 2020"> CBBC Book of the Month - February 2020 </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">83</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">72</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/periodic-table-element-hunter-quiz" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="19" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/periodic-table-result2.jpg" data-alt="CBBC - Can you hunt down the elements?"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/periodic-table-result2.jpg" alt="CBBC - Can you hunt down the elements?"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Can you hunt down the elements?"> Can you hunt down the elements? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">114</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">172</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin/cbbc-book-january-2020-book-of-the-month" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="20" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/CBBCBookClub-January-2020-FlatStanley.jpg" data-alt="CBBC - CBBC Book of the Month - January 2020"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/CBBCBookClub-January-2020-FlatStanley.jpg" alt="CBBC - CBBC Book of the Month - January 2020"/> </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="CBBC Book of the Month - January 2020"> CBBC Book of the Month - January 2020 </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">34</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">24</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/can-you-name-the-past-cbbc-theme-tunes" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="21" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/can-you-name-the-past-cbbc-shows-theme-tunes-index.jpg" data-alt="CBBC - Can you name these classic CBBC theme tunes?"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/can-you-name-the-past-cbbc-shows-theme-tunes-index.jpg" alt="CBBC - Can you name these classic CBBC theme tunes?"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Can you name these classic CBBC theme tunes?"> Can you name these classic CBBC theme tunes? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">170</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">224</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/cbbc-hq-find-the-hidden-show" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="22" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/hidden_brands_index_3.jpg" data-alt="CBBC - Can you find the hidden CBBC shows?"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/hidden_brands_index_3.jpg" alt="CBBC - Can you find the hidden CBBC shows?"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Can you find the hidden CBBC shows?"> Can you find the hidden CBBC shows? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">103</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">440</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin/cartoonify-chrisrtmas-solicit" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="23" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/edna-and-emmett.jpg" data-alt="CBBC - Cartoonify Your Comments: Christmas Special"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/edna-and-emmett.jpg" alt="CBBC - Cartoonify Your Comments: Christmas Special"/> </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="Cartoonify Your Comments: Christmas Special"> Cartoonify Your Comments: Christmas Special </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">120</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">119</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/slime-academy-slime-quiz" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="24" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/sg-slime-quiz.jpg" data-alt="CBBC - Do you know your slime?"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/sg-slime-quiz.jpg" alt="CBBC - Do you know your slime?"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Do you know your slime?"> Do you know your slime? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">31</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">160</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin/what-vegan-food-should-you-make" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="25" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/vegan-recipe-picker.jpg" data-alt="CBBC - What vegan food should you make?"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/vegan-recipe-picker.jpg" alt="CBBC - What vegan food should you make?"/> </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="What vegan food should you make?"> What vegan food should you make? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">116</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">180</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin/picture-maker-tutorials" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="26" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/tutorial-index.jpg" data-alt="CBBC - Picture Maker Tutorials"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/tutorial-index.jpg" alt="CBBC - Picture Maker Tutorials"/> </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="Picture Maker Tutorials"> Picture Maker Tutorials </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">89</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">212</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin/cbbc-book-november-2019-book-of-the-month" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="27" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/CBBCBookClub-WarHorse-MainImage.jpg" data-alt="CBBC - CBBC Book of the Month - November 2019"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/CBBCBookClub-WarHorse-MainImage.jpg" alt="CBBC - CBBC Book of the Month - November 2019"/> </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="CBBC Book of the Month - November 2019"> CBBC Book of the Month - November 2019 </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">61</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">26</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/which-halloween-monster-are-you" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="28" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/What-Halloween-Monster-Are-You-index-2.jpg" data-alt="CBBC - Which Halloween monster are you?"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/What-Halloween-Monster-Are-You-index-2.jpg" alt="CBBC - Which Halloween monster are you?"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Which Halloween monster are you?"> Which Halloween monster are you? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">126</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">693</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/games/slime-academy-game" class="content-card content-card--games content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="29" data-site-section="games"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/slime-academy-index.jpg" data-alt="CBBC - Quick Play: Slime Academy"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/slime-academy-index.jpg" alt="CBBC - Quick Play: Slime Academy"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--games"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Quick Play: Slime Academy"> Quick Play: Slime Academy </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">253</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">5827</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/halloween-pumpkin-builder" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="30" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Halloween-Pumpkin-Builder-Index.jpg" data-alt="CBBC - Can you make a spook-tacular pumpkin?"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Halloween-Pumpkin-Builder-Index.jpg" alt="CBBC - Can you make a spook-tacular pumpkin?"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Can you make a spook-tacular pumpkin?"> Can you make a spook-tacular pumpkin? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">67</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">969</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/what-chocolate-bar-are-you-quiz" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="31" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/What-chocolate-bar-are-you-index-3.jpg" data-alt="CBBC - Quiz: Which chocolate bar are you?"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/What-chocolate-bar-are-you-index-3.jpg" alt="CBBC - Quiz: Which chocolate bar are you?"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Quiz: Which chocolate bar are you?"> Quiz: Which chocolate bar are you? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">406</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">1199</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/world-food-day-quiz-usa-uk-food-name-differences" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="32" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/food-flag-index.jpg" data-alt="CBBC - Quiz: Food in the U.S. of Ay?!"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/food-flag-index.jpg" alt="CBBC - Quiz: Food in the U.S. of Ay?!"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Quiz: Food in the U.S. of Ay?!"> Quiz: Food in the U.S. of Ay?! </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">94</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">365</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/watch/cbbc-hq-hackers-music-day-song" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="33" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Hacker-Rhys-HQSong-Main.jpg" data-alt="CBBC - Hacker's Music Day Song"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Hacker-Rhys-HQSong-Main.jpg" alt="CBBC - Hacker's Music Day Song"/> </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="Hacker's Music Day Song"> Hacker's Music Day Song </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">22</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">157</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/create-your-ultimate-band-name" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="34" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/bbc-music-day-band-name-generator-index.jpg" data-alt="CBBC - What is Your Ultimate Band Name?"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/bbc-music-day-band-name-generator-index.jpg" alt="CBBC - What is Your Ultimate Band Name?"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="What is Your Ultimate Band Name?"> What is Your Ultimate Band Name? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">264</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">491</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/games/monster-pedicure#gallery" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="35" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/monster-pedicure-index.jpg" data-alt="CBBC - Your Monster Pedicure gallery"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/monster-pedicure-index.jpg" alt="CBBC - Your Monster Pedicure gallery"/> </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="Your Monster Pedicure gallery"> Your Monster Pedicure gallery </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/create-your-ultimate-pirate-name" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="36" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/create-your-ultimate-pirate-name-index.jpg" data-alt="CBBC - What is Your Ultimate Pirate Name?"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/create-your-ultimate-pirate-name-index.jpg" alt="CBBC - What is Your Ultimate Pirate Name?"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="What is Your Ultimate Pirate Name?"> What is Your Ultimate Pirate Name? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">268</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">564</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/watch/cbbc-hq-seagull-video-compilation" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="37" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Seagull-Compilation-Main-Image-Lauren.jpg" data-alt="CBBC - The seagull game highlights"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Seagull-Compilation-Main-Image-Lauren.jpg" alt="CBBC - The seagull game highlights"/> </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="The seagull game highlights"> The seagull game highlights </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">28</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">143</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin/summer-showdown-top-cbbc-game" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="38" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/summer-showdown-games-end-index.jpg" data-alt="CBBC - Summer Showdown: Top CBBC Game"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/summer-showdown-games-end-index.jpg" alt="CBBC - Summer Showdown: Top CBBC Game"/> </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="Summer Showdown: Top CBBC Game"> Summer Showdown: Top CBBC Game </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">115</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">158</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/games/monster-pedicure" class="content-card content-card--games content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="39" data-site-section="games"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/monster-pedicure-index.jpg" data-alt="CBBC - Quick Play: Monster Pedicure"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/monster-pedicure-index.jpg" alt="CBBC - Quick Play: Monster Pedicure"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--games"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Quick Play: Monster Pedicure"> Quick Play: Monster Pedicure </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">518</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">13314</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin/cbbc-book-september-2019-book-of-the-month" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="40" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Book-Of-The-Month-September-2019.jpg" data-alt="CBBC - CBBC Book of the Month - September 2019"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Book-Of-The-Month-September-2019.jpg" alt="CBBC - CBBC Book of the Month - September 2019"/> </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="CBBC Book of the Month - September 2019"> CBBC Book of the Month - September 2019 </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">71</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">49</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/cbbc-character-spotter" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="41" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Character_spotter_index5.jpg" data-alt="CBBC - CBBC Character Spotter"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Character_spotter_index5.jpg" alt="CBBC - CBBC Character Spotter"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="CBBC Character Spotter"> CBBC Character Spotter </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">102</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">293</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/puzzles/spot-the-spotty-dog" class="content-card content-card--puzzles content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="42" data-site-section="puzzles"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Spot-the-spotty-dog-index-image.jpg" data-alt="CBBC - Race the Clock: Spot the Spotty Dog"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Spot-the-spotty-dog-index-image.jpg" alt="CBBC - Race the Clock: Spot the Spotty Dog"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--puzzles"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Race the Clock: Spot the Spotty Dog"> Race the Clock: Spot the Spotty Dog </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">45</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">307</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/whats-your-photo-style-quiz" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="43" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/photo_quiz_index.jpg" data-alt="CBBC - Quiz: What's your photo style?"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/photo_quiz_index.jpg" alt="CBBC - Quiz: What's your photo style?"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Quiz: What's your photo style?"> Quiz: What's your photo style? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">76</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">416</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/relaxation-choose-your-own-adventure" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="44" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/choose-your-relaxation-quiz-index.jpg" data-alt="CBBC - Choose Your Own Relaxation Adventure"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/choose-your-relaxation-quiz-index.jpg" alt="CBBC - Choose Your Own Relaxation Adventure"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Choose Your Own Relaxation Adventure"> Choose Your Own Relaxation Adventure </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">50</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">178</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/music-behaving-badly" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="45" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/beethoven-deal-with-it-index.jpg" data-alt="CBBC - Quiz: Music Behaving Badly"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/beethoven-deal-with-it-index.jpg" alt="CBBC - Quiz: Music Behaving Badly"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Quiz: Music Behaving Badly"> Quiz: Music Behaving Badly </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">25</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">92</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin/summer-showdown-best-brainbox" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="46" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/summer-showdown-brainbox-index.jpg" data-alt="CBBC - Summer Showdown: Best Brainbox"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/summer-showdown-brainbox-index.jpg" alt="CBBC - Summer Showdown: Best Brainbox"/> </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="Summer Showdown: Best Brainbox"> Summer Showdown: Best Brainbox </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">115</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">101</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin/cbbc-book-august-2019-book-of-the-month" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="47" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Book-Of-The-Month-August-2019-The-Explorer.jpg" data-alt="CBBC - CBBC Book of the Month - August 2019"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Book-Of-The-Month-August-2019-The-Explorer.jpg" alt="CBBC - CBBC Book of the Month - August 2019"/> </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="CBBC Book of the Month - August 2019"> CBBC Book of the Month - August 2019 </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">69</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">31</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/watch/cbbc-hq-hacker-red-carpet-horrible-histories" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="48" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Horrible-Histories-Hacker-Warwick.jpg" data-alt="CBBC - Hacker meets Horrible Histories stars"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Horrible-Histories-Hacker-Warwick.jpg" alt="CBBC - Hacker meets Horrible Histories stars"/> </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="Hacker meets Horrible Histories stars"> Hacker meets Horrible Histories stars </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">35</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">340</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/orchestra-intstrument-close-up-quiz" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="49" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/orchestra-intstrument-quiz-index.jpg" data-alt="CBBC - Can you guess these close up instruments?"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/orchestra-intstrument-quiz-index.jpg" alt="CBBC - Can you guess these close up instruments?"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Can you guess these close up instruments?"> Can you guess these close up instruments? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">125</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">372</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin/cbbc-summer-bingo" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="50" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/cbbc-summer-bingo-logo-index2.jpg" data-alt="CBBC - CBBC Summer Bingo"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/cbbc-summer-bingo-logo-index2.jpg" alt="CBBC - CBBC Summer Bingo"/> </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="CBBC Summer Bingo"> CBBC Summer Bingo </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">56</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">81</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/whats-your-holiday-must-have" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="51" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/must-have-holiday-item-index-1.jpg" data-alt="CBBC - What's your holiday must have?"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/must-have-holiday-item-index-1.jpg" alt="CBBC - What's your holiday must have?"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="What's your holiday must have?"> What's your holiday must have? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">145</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">739</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/games/man-on-the-moon-game" class="content-card content-card--games content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="52" data-site-section="games"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/moongameindex.jpg" data-alt="CBBC - Quick Play: The Man on the Moon game"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/moongameindex.jpg" alt="CBBC - Quick Play: The Man on the Moon game"/> </noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--games"> <span class="flag__icon"></span> <span class="flag__text">Play now</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Quick Play: The Man on the Moon game"> Quick Play: The Man on the Moon game </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">134</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">5179</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/your-ice-cream-personality" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="53" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Icecreams_INDEX3.jpg" data-alt="CBBC - Which ice cream flavour are you?"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Icecreams_INDEX3.jpg" alt="CBBC - Which ice cream flavour are you?"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Which ice cream flavour are you?"> Which ice cream flavour are you? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">383</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">3599</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin/cbbc-book-july-2019-book-of-the-month" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="54" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Book-Of-The-Month-July-2019-Secret7-Main.jpg" data-alt="CBBC - CBBC Book of the Month - July 2019"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Book-Of-The-Month-July-2019-Secret7-Main.jpg" alt="CBBC - CBBC Book of the Month - July 2019"/> </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="CBBC Book of the Month - July 2019"> CBBC Book of the Month - July 2019 </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">45</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">24</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/watch/cbbc-hq-hacker-meets-lionesses" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="55" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Lionesses-Meet-Hacker.jpg" data-alt="CBBC - Hacker meets the Lionesses"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Lionesses-Meet-Hacker.jpg" alt="CBBC - Hacker meets the Lionesses"/> </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="Hacker meets the Lionesses"> Hacker meets the Lionesses </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">6</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">51</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/watch/cbbc-hq-hacker-meets-ethan-gamer" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="56" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Ethan-Gamer-Landscape.jpg" data-alt="CBBC - Ethan's Top Tips To Be A Gamer"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Ethan-Gamer-Landscape.jpg" alt="CBBC - Ethan's Top Tips To Be A Gamer"/> </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="Ethan's Top Tips To Be A Gamer"> Ethan's Top Tips To Be A Gamer </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">15</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">167</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/quizzes/dad-joke-generator" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="57" data-site-section="quizzes"> <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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/new-dad-joke-generator-index.jpg" data-alt="CBBC - The Dad Joke Generator"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/new-dad-joke-generator-index.jpg" alt="CBBC - The Dad Joke Generator"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="The Dad Joke Generator"> The Dad Joke Generator </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">118</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">1071</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin/cbbc-book-june-2019-book-of-the-month" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="58" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Book-Of-The-Month-June-2019-Omar.jpg" data-alt="CBBC - CBBC Book of the Month - June 2019"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Book-Of-The-Month-June-2019-Omar.jpg" alt="CBBC - CBBC Book of the Month - June 2019"/> </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="CBBC Book of the Month - June 2019"> CBBC Book of the Month - June 2019 </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">39</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">12</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20200508044239/https://www.bbc.co.uk/cbbc/joinin/cbbc-book-may-2019-book-of-the-month" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="59" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Book-Of-The-Month-May-2019.jpg" data-alt="CBBC - CBBC Book of the Month - May 2019"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Book-Of-The-Month-May-2019.jpg" alt="CBBC - CBBC Book of the Month - May 2019"/> </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="CBBC Book of the Month - May 2019"> CBBC Book of the Month - May 2019 </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count"> <span class="content-card__count-description">Number of comments </span> <span class="content-card__count-number">63</span> </span> </li><li class="content-card__count-divider" aria-hidden="true">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">33</span> </span> </li></ul> </div> </div> </a> </li> </ul> </div> </div> <div class="content-collection-section__mask pocket__mask button-parent"> <div class="content-collection-section__controls"> <div class="content-collection-section__toggle-button button button--large button--center button--immersive "><a class="button__link" href="/web/20200508044239/https://www.bbc.co.uk/cbbc/shows/cbbc?page=2" rel="next" data-stats-interaction="pagination" data-stats-interaction-variant="show_more" data-stats-interaction-action="button" data-stats-page-number="1"><span class="button__inner"> <span class="button__text"></span> </span></a></div> </div> </div> </div> <script> require(['childrens/showMore', 'lib/minpubsub', 'jquery-1', 'domReady!'], function (ShowMore, pubsub, $) { ShowMore.create({ containerId: 'all-container', portal: '.content-collection-section__portal', panel: '.content-collection-section__panel', items: '.content-list__item', mask: '.content-collection-section__mask', controls: '.content-collection-section__controls', toggleButton: '.content-collection-section__toggle-button .button__link', toggleButtonContainer: '.content-collection-section__toggle-button', toggleButtonLabel: '.content-collection-section__toggle-button .button__text', itemType: '', collapseLabelPrefix: 'less', animationEnabled: false, maxInitialItemsShown: 25 }); //Get initial items show from the config pubsub.subscribe('/showMore/loadedContent/all', function (addedPage) { var content = $(addedPage); angular.element(document).injector().invoke(function($compile) { var scope = angular.element(content).scope(); $compile(content)(scope); }); }); }); </script> </li> </ul> </div> </div> </div> </div> <section class="brand-shelf-section"> <p class="brand-shelf__title window window--extra-wide grid-container" hidden></p> <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/20200508044239/https://www.bbc.co.uk/cbbc/shows/the-next-step" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/the_next_step_s7_a_z_index.png" data-alt="The Next Step Dancers smiling, two stood back to back (Kingston and Summer)."></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/the_next_step_s7_a_z_index.png" alt="The Next Step Dancers smiling, two stood back to back (Kingston and Summer)."/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20200508044239/https://www.bbc.co.uk/cbbc/shows/saturday-mash-up" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/BSP_a_z_index_template_SMU_S3_1.png"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/BSP_a_z_index_template_SMU_S3_1.png" alt=""/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20200508044239/https://www.bbc.co.uk/cbbc/shows/horrible-histories" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/horrible-histories-2019-az.png" data-alt="Henry VII and the Horrible Histories logo."></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/horrible-histories-2019-az.png" alt="Henry VII and the Horrible Histories logo."/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20200508044239/https://www.bbc.co.uk/cbbc/shows/the-dumping-ground" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/the_dumping_ground_s8a_shows_index.png" data-alt="A boy and girl standing together smiling, Tyler and Jody from Series 8 of The Dumping Ground."></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/the_dumping_ground_s8a_shows_index.png" alt="A boy and girl standing together smiling, Tyler and Jody from Series 8 of The Dumping Ground."/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20200508044239/https://www.bbc.co.uk/cbbc/shows/danger-mouse" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/dm-title_az_image_bid.png" data-alt="Danger Mouse"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/dm-title_az_image_bid.png" alt="Danger Mouse"/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20200508044239/https://www.bbc.co.uk/cbbc/shows/blue-peter" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/BP-Shows-Brand-Shelf-2019-V2.png" data-alt="The Blue Peter team: Lindsey, Henry and Richie."></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/BP-Shows-Brand-Shelf-2019-V2.png" alt="The Blue Peter team: Lindsey, Henry and Richie."/> </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/20200508044239/https://www.bbc.co.uk/cbbc/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_cbbc_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/20200508044239/https://www.bbc.co.uk/cbeebies" data-istats-click="cross_channel_logo" data-stats-interaction="channel_banner" data-stats-interaction-variant="logo"> <img class="channel-banner__logo-image" alt="CBeebies logo" src="https://web.archive.org/web/20200508044239im_/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/images/channel-banner/logo.png"/> </a> <span class="channel-banner__title">Looking for CBeebies shows?</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/20200508044239/https://www.bbc.co.uk/cbeebies/shows/molly-and-mack" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/molly-and-mack-cross-channel-banner.png" data-alt="Molly and Mack on a red background. "></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/molly-and-mack-cross-channel-banner.png" alt="Molly and Mack on a red background. "/> </noscript> </span> </span> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20200508044239/https://www.bbc.co.uk/cbeebies/shows/octonauts" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/octonauts-brand-index.png" data-alt="Octonauts"></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/octonauts-brand-index.png" alt="Octonauts"/> </noscript> </span> </span><span class="channel-banner-link__title"></span> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20200508044239/https://www.bbc.co.uk/cbeebies/shows/peter-rabbit" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/peter-rabbit-brand-index.png" data-alt="Peter Rabbit."></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/peter-rabbit-brand-index.png" alt="Peter Rabbit."/> </noscript> </span> </span> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20200508044239/https://www.bbc.co.uk/cbeebies/shows/andys-aquatic-adventures" 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/20200508044239/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/andys-aquatic-adventures-crossover-banner.png" data-alt="Andy is in his scuba gear ready for an aquatic adventure. "></span> <noscript> <img src="https://web.archive.org/web/20200508044239im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/andys-aquatic-adventures-crossover-banner.png" alt="Andy is in his scuba gear ready for an aquatic adventure. "/> </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">Looking for CBeebies shows?</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鈥檒l hide these CBeebies 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>I don'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="1" data-stats-interaction-action="button" data-istats-pos="1" data-istats-click="cross_channel_feedback"> <span>I'm too old for CBeebies</span> </li> </ul> <div class="feedback-banner__image"> <img class="feedback-banner__image-inner" src="https://web.archive.org/web/20200508044239im_/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/0c14be4/images/feedback/feedbackImage.png" alt=""/> </div> </div> </div> </section> </div> <div id="add-to-brand-tooltip"> <div class="tooltip add-to__tooltip" data-active-tooltip=""> <span class="tooltip__pointer"></span> <div class="tooltip__inner"> <div class="tooltip__content tooltip__content--upsell"> <p class="tooltip__subtitle"> Sign in or register to add this to <span class="tooltip__nowrap">My Shows</span> </p> <div class="tooltip__idcta"> <p class="id4-cta"> <span class="id4-cta-size-medium id4-cta-color-blue id4-cta-medium-blue"> <a href="" class="id4-cta-signin id4-cta-button">Sign in</a> <span class="id4-cta-with"> with your BBC iD,</span> or <a href="" class="id4-cta-register">Register</a> </span> <script> require(['jquery-1', 'idcta-v2/id-config'], ($, idctaConfig) => { idctaConfig.getConfigAsync() .then((idConfig) => { $('.id4-cta-signin').each(function () { if (idConfig.signin_url) { this.href = idConfig.signin_url; } }); $('.id4-cta-register').each(function () { if (idConfig.register_url) { this.href = idConfig.register_url; } }); }); }); </script> </p> </div> </div> <div class="tooltip__content tooltip__content--error"> <p class="tooltip__title"> <span class="add-to__icons add-to__s"> <i aria-hidden="true" class="gelicon gelicon--alert add-to__gelicon add-to__icon"></i> </span>Something's gone wrong </p> <p class="tooltip__body tooltip__try-again">Please try again later</p> </div> <button href="#" class="tooltip__close add-to__tab" title="Close" aria-label="Close Tooltip"> <span class="tooltip__close-icon"> <i aria-hidden="true" class="gelicon gelicon--no"></i> </span> </button> </div> </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 (true || cookiePolicy.performance) { var _sf_async_config = {"domain":"bbc.co.uk","region":"domestic","uid":50924,"sections":"childrens, cbbc"}; _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/20200508044239/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-cbbc"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/cbbc">CBBC</a></li><li class="orb-nav-iplayer orb-d"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/tv/cbbc">CBBC iPlayer</a></li><li class="orb-nav-newsround"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/newsround">Newsround</a></li><li class="orb-nav-bitesize orb-d"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/bitesize">Bitesize</a></li><li class="orb-nav-ownit orb-d"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.com/ownit">Own It</a></li><li class="orb-nav-cbeebies"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/cbeebies">CBeebies</a></li><li class="orb-nav-cbbctv"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/iplayer/guide/cbbc">CBBC on TV</a></li><li class="orb-nav-cbbchelp orb-d"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/cbbc/curations/cbbc-help">CBBC Help</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/20200508044239/https://advertising.bbcworldwide.com/">Advertise with us<'+'/a><'+'/li><li class="orb-footer-adchoices"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.com/usingthebbc/cookies/how-can-i-change-my-bbc-cookie-settings/">AdChoices / Do Not Sell My Info<'+'/a><'+'/li>';</script><div class="orb-footer-inner"> <ul><li class="orb-footer-terms"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/usingthebbc/terms/">Terms of Use</a></li><li class="orb-footer-about"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/aboutthebbc">About the BBC</a></li><li class="orb-footer-privacy"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/usingthebbc/privacy/">Privacy Policy</a></li><li class="orb-footer-cookies"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/usingthebbc/cookies/">Cookies</a></li><li class="orb-footer-accessibility"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/accessibility/">Accessibility Help</a></li><li class="orb-footer-parental"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/guidance">Parental Guidance</a></li><li class="orb-footer-contact"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/contact">Contact the BBC</a></li><li class="orb-footer-newsletter"><a href="https://web.archive.org/web/20200508044239/https://www.bbc.co.uk/bbcnewsletter">Get Personalised Newsletters</a></li></ul><small><em class="orb-hilight">Copyright © 2020 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/20200508044239/https://www.bbc.co.uk/help/web/links/" class="orb-hilight">Read about our approach to external linking.</a></span></small></div></div></div></footer></div><script id="orb-js-script" data-assetpath="https://nav.files.bbci.co.uk/orbit/1b2e292884201dd13064a9204e177864/" src="https://web.archive.org/web/20200508044239js_/https://nav.files.bbci.co.uk/orbit/1b2e292884201dd13064a9204e177864/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) { window.bbcuser.isUKCombined().then(function(isUK) { if (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/20200508044239/https://navpromo.api.bbci.co.uk', 'cbbc'); }); } 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/nav'], function(nav) { window.bbcuser.isUKCombined().then(function(isUK) { if (isUK) { nav.loadJs('https://web.archive.org/web/20200508044239/https://nav.files.bbci.co.uk/orbit/1b2e292884201dd13064a9204e177864/js/edr.min.js'); } }); }); /*]]>*/</script> <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.checkThirdPartyFirst(bbcdotcom.analytics.page, bbcdotcom.analytics); } /*]]>*/</script><noscript><img src="//web.archive.org/web/20200508044239im_/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.checkThirdPartyFirst(bbcdotcom.currencyProviders.write, bbcdotcom.currencyProviders); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.currencyProviders) { bbcdotcom.checkThirdPartyFirst(bbcdotcom.currencyProviders.postWrite, bbcdotcom.currencyProviders); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.data && bbcdotcom.data.stats && bbcdotcom.data.stats === 1 && bbcdotcom.utils && window.location.pathname === '/') { 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/20200508044239/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><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, } }); if (bbcuser && bbcuser.isUKCombined) { bbcuser.isUKCombined().then(function (isUK) { if (isUK) { require(['search/searchbox/searchboxDrawer'], function (SearchboxDrawer) { SearchboxDrawer.run(window.SEARCHBOX); }); } }); } }</script> <script type="text/javascript">window.COOKIES_STATIC_HOST = 'https://web.archive.org/web/20200508044239/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.2-456.e308d0a/cookie-banner/cookie-prompt/';</script><script src="https://web.archive.org/web/20200508044239js_/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.2-456.e308d0a/cookie-banner/cookie-banners.bundle.js" async=""></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">"use strict";window.__reverb.__reverbLoadedPromise.then(function(e){return e.initialise().then(function(){return e.viewEvent()})},function(){console.log("Failed to load reverb. No event sent")});</script><script src="https://web.archive.org/web/20200508044239js_/https://nav.files.bbci.co.uk//user-activity-helper/1d5fa47d9ba60d5c52b377ec3208b7be/js/detectview.bundle.js" async=""></script> </body> </html>

CINXE.COM

CBBC - CBBC - BBC