The Official Home of 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","20240604201121","https://web.archive.org/","web","/_static/", "1717531881"); </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/20240604201121js_/https://cdn.optimizely.com/public/4621041136/s/childrens_prod.js"></script> <title>The Official Home of CBBC - CBBC - BBC</title> <meta name="DCTERMS.title" content="The Official Home of CBBC - CBBC - BBC"/> <meta name="description" content="Welcome to CBBC. Here you can play free online kids games, watch your favourite shows, chat with celebrities and join in with the fun."/> <meta name="DCTERMS.description" content="Welcome to CBBC. Here you can play free online kids games, watch your favourite shows, chat with celebrities and join in with the fun."/> <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"/> <link rel="canonical" href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/cbbc"/> <script type="text/javascript"> var _sf_startpt = (new Date()).getTime() </script> <link rel="copyright" href="https://web.archive.org/web/20240604201121/http://www.bbc.co.uk/terms/" title="Terms of Use"/> <link href="/web/20240604201121im_/https://www.bbc.co.uk/cbbc/assets/images/favicons/apple-touch-icon.png" rel="apple-touch-icon"/> <link href="/web/20240604201121im_/https://www.bbc.co.uk/cbbc/assets/images/favicons/favicon-16x16.png" rel="icon" type="image/png" sizes="16x16"/> <link href="/web/20240604201121im_/https://www.bbc.co.uk/cbbc/assets/images/favicons/favicon-32x32.png" rel="icon" type="image/png" sizes="32x32"/> <link href="/web/20240604201121im_/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/20240604201121cs_/https://static.bbci.co.uk/gelstyles/0.11.0/style/core.css"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20240604201121cs_/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/stylesheets/cbbc.min.css"/>  <link rel="stylesheet" type="text/css" href="/web/20240604201121cs_/https://www.bbc.co.uk/cbbc/stylesheets/immersive/section/1717144635/f62a1df/home.css"/> <script type="text/javascript"> var allForwardSlashes = /\//g; var anythingNotAWordOrFullStop = /[^\w^\.]/g; var allMultipleUnderscores = /_+/g; var fullStopAtEnd = /\.$/; var pageDescriptor = window.location.pathname.substring(1) .replace(allForwardSlashes, '.') .replace(anythingNotAWordOrFullStop, '_') .replace(allMultipleUnderscores, '_') .replace(fullStopAtEnd, ''); window.istats_countername = pageDescriptor.toLowerCase() + '.page'; </script>   <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> :root { --bbc-font: ReithSans, Arial, Helvetica, freesans, sans-serif; --bbc-font-legacy: Arial, Helvetica, freesans, sans-serif; } </style> <script nomodule type="text/javascript" src="https://web.archive.org/web/20240604201121js_/https://static.files.bbci.co.uk/orbit/9c71430d82e66e12ef04949344bc5cf6/js/polyfills.js"></script> <link rel="stylesheet" href="https://web.archive.org/web/20240604201121cs_/https://static.files.bbci.co.uk/orbit/9c71430d82e66e12ef04949344bc5cf6/css/orbit-v4-ltr.min.css"> <script src="https://web.archive.org/web/20240604201121js_/https://static.files.bbci.co.uk/orbit/9c71430d82e66e12ef04949344bc5cf6/js/require.min.js"></script> <script type="text/javascript"> window.orbitData = {}; var additionalPageProperties = {}; additionalPageProperties['custom_var_1'] = 'not-applicable' || null; additionalPageProperties['custom_var_2'] = 'not-applicable' || null; additionalPageProperties['custom_var_3'] = 'not-applicable' || null; additionalPageProperties['custom_var_4'] = 'not-applicable' || null; additionalPageProperties['custom_var_5'] = 'not-applicable' || null; additionalPageProperties['custom_var_6'] = 'not-applicable' || null; additionalPageProperties['custom_var_7'] = 'not-applicable' || null; additionalPageProperties['custom_var_10'] = 'not-applicable' || null; additionalPageProperties['app_name'] = 'cbbc' || null; additionalPageProperties['experience_global_platform'] = 'orbit'; window.orbitData.suppressView = additionalPageProperties['suppressView']; additionalPageProperties['suppressView'] = true; window.orbitData.userProfileUrl = "https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/userprofile"; window.page = { name: '' || null, destination: 'cbbc' || null, producer: 'cbbc' || null, section: '' || null, site: '' || null, contentId: 'urn:bbc:childrens:cbbc.page' || null, contentType: 'index-home' || null, edition: '' || null, additionalProperties: additionalPageProperties }; window.page.language = 'en'; window.page.language = 'en'; window.page.headless = false; window.page.modal = false; </script> <script type="text/javascript">!function(){var t={112:function(t,e,r){function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function o(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function i(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?o(Object(r),!0).forEach((function(e){c(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function c(t,e,r){var o;return o=function(t,e){if("object"!=n(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var o=r.call(t,e||"default");if("object"!=n(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(e,"string"),(e="symbol"==n(o)?o:String(o))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var a=r(203),u=r(707);window.bbcpage=a.init(i({},window.page)),window.page=void 0,window.bbcuser=u.init(window,i({},window.user)),window.user=void 0,window.orbitData.experience={global_platform:"orbit"}},203:function(t){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}function r(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function n(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?r(Object(n),!0).forEach((function(e){o(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function o(t,r,n){var o;return o=function(t,r){if("object"!=e(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,r||"default");if("object"!=e(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(r,"string"),(r="symbol"==e(o)?o:String(o))in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n,t}t.exports={init:function(t){var e=n({},t);return document.addEventListener("bbc-page-reset",(function(t){var r={};t.detail&&t.detail.page&&(r=t.detail.page);var n=document.getElementById("orb-banner"),o=0;if(n)for(var i=n.querySelectorAll("a"),c=0;c<i.length;c++){var a=i[c];null!==a.offsetParent&&"hidden"!==window.getComputedStyle(a).visibility&&!a.closest(".orb-skip-links")&&o++}var u,f="";if(e.headless)f="Headless";else if(e.modal)f="Modal";else{var s=document.querySelectorAll("[data-orbit-navtype]");if(s){var l=Array.from(s).filter((function(t){return"hidden"!==window.getComputedStyle(t).visiblity&&t.offsetParent}));l.length>0&&l[0].hasAttribute("data-orbit-navtype")&&(f=l[0].getAttribute("data-orbit-navtype"))}}r.additionalProperties||(r.additionalProperties=e.additionalProperties||{}),r.additionalProperties.experience_global_nav_count=o.toString(),r.additionalProperties.experience_global_nav_type=f,r.additionalProperties.experience_global_platform=window.orbitData.experience.global_platform,u=r,e=Object.assign(e,u),document.dispatchEvent(new Event("bbc-page-updated"))})),{getName:function(){return Promise.resolve(e.name||function(){if("file:"===window.location.protocol)return"local.file";var t=window.location.pathname.replace(/\/$/,"").replace(/^\//,"").replace(/\//g,".");return"".concat(t,".page")}())},getLanguage:function(){return Promise.resolve(e.language)},getDestination:function(){return Promise.resolve(e.destination)},getProducer:function(){return Promise.resolve(e.producer)},getSection:function(){return Promise.resolve(e.section)},getContentType:function(){return Promise.resolve(e.contentType)},getContentId:function(){return Promise.resolve(e.contentId)},getReferrer:function(){return Promise.resolve(document.referrer)},getAdditionalProperties:function(){return Promise.resolve(n({},e.additionalProperties))},loadCSS:function(t){return new Promise((function(e){var r=document.createElement("link");r.type="text/css",r.rel="stylesheet",r.onload=function(){e()},r.href=t,document.getElementsByTagName("head")[0].appendChild(r)}))},isHeadless:function(){return Promise.resolve(e.headless)},isModal:function(){return Promise.resolve(e.modal)}}}}},707:function(t,e,r){function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function o(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function i(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?o(Object(r),!0).forEach((function(e){c(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function c(t,e,r){return(e=u(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function a(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,u(n.key),n)}}function u(t){var e=function(t,e){if("object"!=n(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var o=r.call(t,e||"default");if("object"!=n(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==n(e)?e:String(e)}function f(t,e,r){return e=y(e),function(t,e){if(e&&("object"===n(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,l()?Reflect.construct(e,r||[],y(t).constructor):e.apply(t,r))}function s(t){var e="function"==typeof Map?new Map:void 0;return s=function(t){if(null===t||!function(t){try{return-1!==Function.toString.call(t).indexOf("[native code]")}catch(e){return"function"==typeof t}}(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,r)}function r(){return function(t,e,r){if(l())return Reflect.construct.apply(null,arguments);var n=[null];n.push.apply(n,e);var o=new(t.bind.apply(t,n));return r&&p(o,r.prototype),o}(t,arguments,y(this).constructor)}return r.prototype=Object.create(t.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),p(r,t)},s(t)}function l(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(l=function(){return!!t})()}function p(t,e){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},p(t,e)}function y(t){return y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},y(t)}var d=r(640).loadModule,h=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),f(this,e,arguments)}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&p(t,e)}(e,t),r=e,n&&a(r.prototype,n),o&&a(r,o),Object.defineProperty(r,"prototype",{writable:!1}),r;var r,n,o}(s(Error));t.exports={init:function(t,e){var r,n=i({},e),o=null;function c(){if(["X-Country","X-Ip_is_advertise_combined","X-Ip_is_uk_combined"].every((function(t){return!!n[t]})))return Promise.resolve(n);if(!o){var e=t.location.hostname.endsWith(".com")?"com":"co.uk";o=t.fetch("https://web.archive.org/web/20240604201121/https://www.bbc.".concat(e,"/userinfo")).then((function(t){return t.json()}))}return o}function a(t){if(t.status>=200&&t.status<300)return t;var e=new Error(t.statusText);throw e.response=t,e}function u(t){return t.json()}function f(){if(n.ageBand)return Promise.resolve(n);if(!r){if("undefined"==typeof XMLHttpRequest||!("withCredentials"in new XMLHttpRequest))return Promise.resolve(n);r=d(["idcta-v2/idcta-1"]).then((function(e){return e.initiateTokenRefresh().then((function(){return t.fetch(t.orbitData.userProfileUrl,{credentials:"include"}).then(a).then(u).then((function(t){return n=i(i({},n),t)}))}))}))}return r}function s(){var t=document.cookie.match(/(?:^|; ?)ckns_policy=(\d)(\d)(\d)($|;)/);return t?{ads:!!+t[1],personalisation:!!+t[2],performance:!!+t[3],necessary:!0}:{ads:!1,personalisation:!1,performance:!1,necessary:!0}}var l={getHashedId:function(){return d(["idcta-v2/idcta-1"]).then((function(t){return t.getCookieInstance().getHidFromCookie()}))},isSignedIn:function(){return d(["idcta-v2/idcta-1"]).then((function(t){return t&&t.getCookieInstance().hasCookie()}))},getCountry:function(){return c().then((function(t){return t["X-Country"]||"gb"}))},isUKCombined:function(){return c().then((function(t){if(!t["X-Ip_is_uk_combined"])throw new h("missing isUKCombined from userinfo response");return"yes"===t["X-Ip_is_uk_combined"].toLowerCase()}))},canSeeAdverts:function(){return c().then((function(t){if(!t["X-Ip_is_advertise_combined"])throw new h("missing canSeeAdverts from userinfo response");return"yes"===t["X-Ip_is_advertise_combined"].toLowerCase()}))},getAgeBand:function(){return c().then((function(t){return t["X-Age-Band"]?Promise.resolve(t["X-Age-Band"]):l.isSignedIn().then((function(t){if(t)return f().then((function(t){return n["X-Age-Band"]=t["X-Age-Band"],n["X-Age-Band"]||void 0})).catch((function(){return n["X-Age-Band"]||void 0}))}))}))},allowsPerformanceCookies:function(){return Promise.resolve(t.navigator.cookieEnabled&&s().performance)},allowsFunctionalCookies:function(){return Promise.resolve(t.navigator.cookieEnabled&&s().personalisation)},getCookieValue:function(t){var e;return t?Promise.resolve((null===(e=document.cookie.match("(^|;)\\s*".concat(t,"\\s*=\\s*([^;]+)")))||void 0===e?void 0:e.pop())||void 0):Promise.resolve(document.cookie)}};return l},BBCUserError:h}},640:function(t){t.exports={loadModule:function(t){return new Promise((function(e,r){window.require(t,(function(){e.apply(this,arguments)}),(function(t){r(t)}))}))}}},452:function(t){var e=function(t){"use strict";var e,r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},c=i.iterator||"@@iterator",a=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function f(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{f({},"")}catch(t){f=function(t,e,r){return t[e]=r}}function s(t,e,r,n){var i=e&&e.prototype instanceof b?e:b,c=Object.create(i.prototype),a=new C(n||[]);return o(c,"_invoke",{value:E(t,r,a)}),c}function l(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var p="suspendedStart",y="suspendedYield",d="executing",h="completed",v={};function b(){}function m(){}function g(){}var w={};f(w,c,(function(){return this}));var O=Object.getPrototypeOf,P=O&&O(O(T([])));P&&P!==r&&n.call(P,c)&&(w=P);var j=g.prototype=b.prototype=Object.create(w);function _(t){["next","throw","return"].forEach((function(e){f(t,e,(function(t){return this._invoke(e,t)}))}))}function S(t,e){function r(o,i,c,a){var u=l(t[o],t,i);if("throw"!==u.type){var f=u.arg,s=f.value;return s&&"object"==typeof s&&n.call(s,"__await")?e.resolve(s.__await).then((function(t){r("next",t,c,a)}),(function(t){r("throw",t,c,a)})):e.resolve(s).then((function(t){f.value=t,c(f)}),(function(t){return r("throw",t,c,a)}))}a(u.arg)}var i;o(this,"_invoke",{value:function(t,n){function o(){return new e((function(e,o){r(t,n,e,o)}))}return i=i?i.then(o,o):o()}})}function E(t,r,n){var o=p;return function(i,c){if(o===d)throw new Error("Generator is already running");if(o===h){if("throw"===i)throw c;return{value:e,done:!0}}for(n.method=i,n.arg=c;;){var a=n.delegate;if(a){var u=x(a,n);if(u){if(u===v)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===p)throw o=h,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=d;var f=l(t,r,n);if("normal"===f.type){if(o=n.done?h:y,f.arg===v)continue;return{value:f.arg,done:n.done}}"throw"===f.type&&(o=h,n.method="throw",n.arg=f.arg)}}}function x(t,r){var n=r.method,o=t.iterator[n];if(o===e)return r.delegate=null,"throw"===n&&t.iterator.return&&(r.method="return",r.arg=e,x(t,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),v;var i=l(o,t.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,v;var c=i.arg;return c?c.done?(r[t.resultName]=c.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,v):c:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,v)}function L(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function k(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function C(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(L,this),this.reset(!0)}function T(t){if(t||""===t){var r=t[c];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,i=function r(){for(;++o<t.length;)if(n.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return i.next=i}}throw new TypeError(typeof t+" is not iterable")}return m.prototype=g,o(j,"constructor",{value:g,configurable:!0}),o(g,"constructor",{value:m,configurable:!0}),m.displayName=f(g,u,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===m||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,g):(t.__proto__=g,f(t,u,"GeneratorFunction")),t.prototype=Object.create(j),t},t.awrap=function(t){return{__await:t}},_(S.prototype),f(S.prototype,a,(function(){return this})),t.AsyncIterator=S,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var c=new S(s(e,r,n,o),i);return t.isGeneratorFunction(r)?c:c.next().then((function(t){return t.done?t.value:c.next()}))},_(j),f(j,u,"Generator"),f(j,c,(function(){return this})),f(j,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function t(){for(;r.length;){var n=r.pop();if(n in e)return t.value=n,t.done=!1,t}return t.done=!0,t}},t.values=T,C.prototype={constructor:C,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(k),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function o(n,o){return a.type="throw",a.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var c=this.tryEntries[i],a=c.completion;if("root"===c.tryLoc)return o("end");if(c.tryLoc<=this.prev){var u=n.call(c,"catchLoc"),f=n.call(c,"finallyLoc");if(u&&f){if(this.prev<c.catchLoc)return o(c.catchLoc,!0);if(this.prev<c.finallyLoc)return o(c.finallyLoc)}else if(u){if(this.prev<c.catchLoc)return o(c.catchLoc,!0)}else{if(!f)throw new Error("try statement without catch or finally");if(this.prev<c.finallyLoc)return o(c.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var c=i?i.completion:{};return c.type=t,c.arg=e,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(c)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),v},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),k(r),v}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;k(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:T(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),v}},t}(t.exports);try{regeneratorRuntime=e}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=e:Function("r","regeneratorRuntime = r")(e)}}},e={};function r(n){var o=e[n];if(void 0!==o)return o.exports;var i=e[n]={exports:{}};return t[n](i,i.exports,r),i.exports}r(452);r(112)}();</script> <script type="module"> window.importmap = {"orbit-drawer":"https://web.archive.org/web/20240604201121/https://static.files.bbci.co.uk/orbit/9c71430d82e66e12ef04949344bc5cf6/js/drawer.mjs","bbccookies":"https://web.archive.org/web/20240604201121/https://static.files.bbci.co.uk/cookies/288996a87c5364d85eb7e96a273bc938/cookie-banner/cookie-library.module.js"}; var o={365:function(o){o.exports={loadModule:function(o){return new Promise(((n,t)=>{window.require(o,(function(){n.apply(this,arguments)}),(o=>{t(o)}))}))}}},744:function(o,n,t){const{loadModule:r}=t(365);o.exports=function(o){return function(n){return"string"==typeof n&&o[n]?import(o[n]):r(n)}}}},n={};function t(r){var i=n[r];if(void 0!==i)return i.exports;var e=n[r]={exports:{}};return o[r](e,e.exports,t),e.exports}!function(){const o=t(744);window.shimport=o({...window.importmap}),window.importMap=void 0}();</script> <script type="text/javascript"> window.page = undefined; window.user = undefined; </script> <link rel="preload" href="https://web.archive.org/web/20240604201121/https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_Rg.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20240604201121/https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_Bd.woff2" as="font" type="font/woff2" crossorigin>        <link rel="stylesheet" href="https://web.archive.org/web/20240604201121cs_/https://nav.files.bbci.co.uk/searchbox/e30bb40f716393c38cb99b630411b5ee/css/box.css"> <script src="https://web.archive.org/web/20240604201121js_/https://static.files.bbci.co.uk/cookies/288996a87c5364d85eb7e96a273bc938/cookie-banner/cookie-library.bundle.js"></script><script type="text/javascript">void 0!==window.define&&define("orb/cookies",function(){return window.bbccookies})</script> <script type="text/javascript">window.__detectview={clickManagementEnabled:false};</script> <script type="text/javascript">"use strict";!function(){window.__reverbStaticLocation="https://web.archive.org/web/20240604201121/https://mybbc-analytics.files.bbci.co.uk/reverb-client-js/",window.__smarttagVersion="5.29.4",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);function n(r,d){window.__reverb.__reverbLoadedPromise.then(function(e){var n,t,i,o;r&&r.detail&&(t=!!r.detail.item,n=r.detail.label,t=t?"viewability":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")})}function t(){window.__reverb.__reverbLoadedPromise.then(function(e){e.initialise().then(function(){return e.viewEvent()})},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",t),window.addEventListener("pageshow",function(e){e.persisted&&t()})}();</script><script type="text/javascript" src="https://web.archive.org/web/20240604201121js_/https://mybbc-analytics.files.bbci.co.uk/reverb-client-js/reverb-3.9.2.js" async></script> <script type="text/javascript">"use strict";function asyncGeneratorStep(e,t,n,r,o,a,i){try{var s=e[a](i),c=s.value}catch(e){return void n(e)}s.done?t(c):Promise.resolve(c).then(r,o)}function _asyncToGenerator(s){return function(){var e=this,i=arguments;return new Promise(function(t,n){var r=s.apply(e,i);function o(e){asyncGeneratorStep(r,t,n,o,a,"next",e)}function a(e){asyncGeneratorStep(r,t,n,o,a,"throw",e)}o(void 0)})}}var isDotmetricsTaggingEnabled=!0,wrapMethod=function(e,t){return e[t]&&"function"==typeof e[t]?e[t]():Promise.resolve(null)},getPageVariables=function(){return window&&window.bbcpage?Promise.all(["getDestination","getSection","getProducer"].map(function(e){return wrapMethod(window.bbcpage,e)})).then(function(e){var t=JSON.parse(JSON.stringify(e));return{destination:t[0],section:t[1],producer:t[2]}}):Promise.resolve(void 0)},getUserVariables=function(){return window&&window.bbcuser?Promise.all(["isSignedIn","getHashedId"].map(function(e){return wrapMethod(window.bbcuser,e)})).then(function(e){var t=JSON.parse(JSON.stringify(e));return{isSignedIn:t[0],hashedId:t[1]}}):Promise.resolve(void 0)},dotMetricsTag=function(e,t){var n=document.createElement("script");n.src="https://web.archive.org/web/20240604201121/https://uk-script.dotmetrics.net/door.js?d=".concat(t,"&t=").concat(e),n.async=!0,n.id="dotmetrics";var r=document.getElementById(n.id);r&&document.body.removeChild(r),document.body.appendChild(n)},isAccountPage=function(e,t){return!!e.includes("account.bbc")||!!t&&("account"===t.toLowerCase()||"account_test"===t.toLowerCase())},parseSiteSectionName=function(e){var t=e.destination,n=e.section,r=e.producer,o=document?document.location.host.replace(/:.*/,""):"bbc.no.host";if(t){var a="";n&&["NEWS_PS","NEWS_PS_TEST","SOUNDS","SOUNDS_TEST","SPORT_PS","SPORT_PS_TEST","IPLAYER","IPLAYER_TEST"].includes(t.toUpperCase())&&(a=n.split("::")[0]);return r&&["FEATURE_SITES_GNL","FEATURE_SITES_GNL_TEST"].includes(t.toUpperCase())&&(t=r),{siteSectionNameString:"".concat(t).concat(a).toLowerCase().replace(/_/g,""),host:o}}return{siteSectionNameString:"other",host:o}};function startUkom(){return _startUkom.apply(this,arguments)}function _startUkom(){return(_startUkom=_asyncToGenerator(regeneratorRuntime.mark(function e(){var t,n,r;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(isDotmetricsTaggingEnabled){e.next=2;break}return e.abrupt("return");case 2:return e.next=4,getUserVariables();case 4:if((t=e.sent)&&t.isSignedIn&&null==t.hashedId)return e.abrupt("return");e.next=7;break;case 7:return e.next=9,getPageVariables();case 9:if(n=e.sent,isAccountPage(document.location.host,n.destination))return e.abrupt("return");e.next=12;break;case 12:r=parseSiteSectionName(n),dotMetricsTag(r.siteSectionNameString,r.host);case 14:case"end":return e.stop()}},e)}))).apply(this,arguments)}document.addEventListener("bbc-page-updated",function(){startUkom()}),window.addEventListener("pageshow",function(e){e.persisted&&startUkom()}),document.addEventListener("DOMContentLoaded",function(){startUkom()});</script> <link rel="stylesheet" href="https://web.archive.org/web/20240604201121cs_/https://static.files.bbci.co.uk/account/id-cta/684/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/20240604201121/https://idcta.api.bbc.co.uk';var ENDPOINT_CONFIG = ('/idcta/config?callback=&context=cbbc&ptrt=' + (ptrt ? ptrt[1] : encodeURIComponent(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/20240604201121/https://static.files.bbci.co.uk/account/id-cta/684/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/20240604201121/https://static.files.bbci.co.uk/account/id-cta/1.8.2/modules/idcta';map['idcta-v2/idcta-1'] = 'https://web.archive.org/web/20240604201121/https://static.files.bbci.co.uk/account/id-cta/684/modules/idcta-v2/dist/idcta-1.min';map['idcta-v2/experiment-snippet'] = 'https://web.archive.org/web/20240604201121/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> require.config({ paths: { 'optimizely-ati': ['https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/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/20240604201121/https://www.bbcchannels.com/cbbc"; } }).catch(function(error) { console.error(error) }) } </script> <script type="text/javascript" src="https://web.archive.org/web/20240604201121js_/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/libraries/modernizr.js"></script> <script> define('modernizr', [], Modernizr); </script> <script type="text/javascript" src="https://web.archive.org/web/20240604201121js_/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/libraries/matchMedia.js"></script> <style> .collection-panel--trending-games-quizzes-cbbc .collection-panel__button .button__inner { color: #252525; background-color: #2AFBA2; border-color: #22c982; } .collection-panel--trending-games-quizzes-cbbc .collection-panel__background-gradient { background: linear-gradient(135deg, #2AFBA2 0%, #7ffdc7 100%); } .collection-panel--trending-games-quizzes-cbbc .collection-panel__title { color: #252525 } @media screen and (min-width: 768px) { .collection-panel--trending-games-quizzes-cbbc { background-image: url('https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/s3/immersive/1920/background/cbbc/iwd_curation_background.jpg'); } .collection-panel--trending-games-quizzes-cbbc .collection-panel__background-gradient { background: linear-gradient(135deg, #2AFBA2 0%, rgba(158,109,217,0) 100%); } } @media screen and (min-width: 320px) and (max-width:767px) { .collection-panel--trending-games-quizzes-cbbc { background-image: url('https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/s3/immersive/770/background/cbbc/iwd_curation_background.jpg'); } @media screen and (min-width: 320px) and (max-width: 600px) { .collection-panel--trending-games-quizzes-cbbc { background-size: cover; } } .collection-panel--trending-games-quizzes-cbbc .collection-panel__background-gradient { background: linear-gradient(135deg, #2AFBA2 0%, rgba(158,109,217,0) 100%); } } .collection-panel--trending-games-quizzes-cbbc .button__link:hover:not([disabled]) .button__inner:before, .collection-panel--trending-games-quizzes-cbbc .button__link:active:not([disabled]) .button__inner:before { border-color: #55fcb5; } .collection-panel--trending-games-quizzes-cbbc .button__link:hover:not([disabled]) .button__inner, .collection-panel--trending-games-quizzes-cbbc .button__link:active:not([disabled]) .button__inner, .collection-panel--trending-games-quizzes-cbbc .button__link:hover:not([disabled]) .button__add-on--active:after, .collection-panel--trending-games-quizzes-cbbc .button__link:active:not([disabled]) .button__add-on--active:after { background-color: #55fcb5; } </style> <style> .collection-panel--trending-on-cbbc .collection-panel__button .button__inner { color: #252525; background-color: #2AFBA2; border-color: #22c982; } .collection-panel--trending-on-cbbc .collection-panel__background-gradient { background: linear-gradient(135deg, #EB6E80 0%, #f3a8b3 100%); } .collection-panel--trending-on-cbbc .collection-panel__title { color: #252525 } @media screen and (min-width: 768px) { .collection-panel--trending-on-cbbc { background-image: url('https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/s3/immersive/1920/background/cbbc/iwd_curation_background.jpg'); } .collection-panel--trending-on-cbbc .collection-panel__background-gradient { background: linear-gradient(135deg, #EB6E80 0%, rgba(158,109,217,0) 100%); } } @media screen and (min-width: 320px) and (max-width:767px) { .collection-panel--trending-on-cbbc { background-image: url('https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/s3/immersive/770/background/cbbc/iwd_curation_background.jpg'); } @media screen and (min-width: 320px) and (max-width: 600px) { .collection-panel--trending-on-cbbc { background-size: cover; } } .collection-panel--trending-on-cbbc .collection-panel__background-gradient { background: linear-gradient(135deg, #EB6E80 0%, rgba(158,109,217,0) 100%); } } .collection-panel--trending-on-cbbc .button__link:hover:not([disabled]) .button__inner:before, .collection-panel--trending-on-cbbc .button__link:active:not([disabled]) .button__inner:before { border-color: #55fcb5; } .collection-panel--trending-on-cbbc .button__link:hover:not([disabled]) .button__inner, .collection-panel--trending-on-cbbc .button__link:active:not([disabled]) .button__inner, .collection-panel--trending-on-cbbc .button__link:hover:not([disabled]) .button__add-on--active:after, .collection-panel--trending-on-cbbc .button__link:active:not([disabled]) .button__add-on--active:after { background-color: #55fcb5; } </style> <style> .collection-panel--operation-ouch-main-collection .collection-panel__button .button__inner { color: #252525; background-color: #2AFBA2; border-color: #22c982; } .collection-panel--operation-ouch-main-collection .collection-panel__background-gradient { background: linear-gradient(135deg, #7A13B4 0%, #af71d2 100%); } .collection-panel--operation-ouch-main-collection .collection-panel__title { color: #FFFFFF } @media screen and (min-width: 768px) { .collection-panel--operation-ouch-main-collection { background-image: url('https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/s3/immersive/1920/background/cbbc/iwd_curation_background.jpg'); } .collection-panel--operation-ouch-main-collection .collection-panel__background-gradient { background: linear-gradient(135deg, #7A13B4 0%, rgba(158,109,217,0) 100%); } } @media screen and (min-width: 320px) and (max-width:767px) { .collection-panel--operation-ouch-main-collection { background-image: url('https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/s3/immersive/770/background/cbbc/iwd_curation_background.jpg'); } @media screen and (min-width: 320px) and (max-width: 600px) { .collection-panel--operation-ouch-main-collection { background-size: cover; } } .collection-panel--operation-ouch-main-collection .collection-panel__background-gradient { background: linear-gradient(135deg, #7A13B4 0%, rgba(158,109,217,0) 100%); } } .collection-panel--operation-ouch-main-collection .button__link:hover:not([disabled]) .button__inner:before, .collection-panel--operation-ouch-main-collection .button__link:active:not([disabled]) .button__inner:before { border-color: #55fcb5; } .collection-panel--operation-ouch-main-collection .button__link:hover:not([disabled]) .button__inner, .collection-panel--operation-ouch-main-collection .button__link:active:not([disabled]) .button__inner, .collection-panel--operation-ouch-main-collection .button__link:hover:not([disabled]) .button__add-on--active:after, .collection-panel--operation-ouch-main-collection .button__link:active:not([disabled]) .button__add-on--active:after { background-color: #55fcb5; } </style> <style> .collection-panel--horrible-histories-best-content .collection-panel__button .button__inner { color: #252525; background-color: #2AFBA2; border-color: #22c982; } .collection-panel--horrible-histories-best-content .collection-panel__background-gradient { background: linear-gradient(135deg, #EBBE10 0%, #f3d870 100%); } .collection-panel--horrible-histories-best-content .collection-panel__title { color: #252525 } @media screen and (min-width: 768px) { .collection-panel--horrible-histories-best-content { background-image: url('https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/s3/immersive/1920/background/cbbc/iwd_curation_background.jpg'); } .collection-panel--horrible-histories-best-content .collection-panel__background-gradient { background: linear-gradient(135deg, #EBBE10 0%, rgba(158,109,217,0) 100%); } } @media screen and (min-width: 320px) and (max-width:767px) { .collection-panel--horrible-histories-best-content { background-image: url('https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/s3/immersive/770/background/cbbc/iwd_curation_background.jpg'); } @media screen and (min-width: 320px) and (max-width: 600px) { .collection-panel--horrible-histories-best-content { background-size: cover; } } .collection-panel--horrible-histories-best-content .collection-panel__background-gradient { background: linear-gradient(135deg, #EBBE10 0%, rgba(158,109,217,0) 100%); } } .collection-panel--horrible-histories-best-content .button__link:hover:not([disabled]) .button__inner:before, .collection-panel--horrible-histories-best-content .button__link:active:not([disabled]) .button__inner:before { border-color: #55fcb5; } .collection-panel--horrible-histories-best-content .button__link:hover:not([disabled]) .button__inner, .collection-panel--horrible-histories-best-content .button__link:active:not([disabled]) .button__inner, .collection-panel--horrible-histories-best-content .button__link:hover:not([disabled]) .button__add-on--active:after, .collection-panel--horrible-histories-best-content .button__link:active:not([disabled]) .button__add-on--active:after { background-color: #55fcb5; } </style> <style> .collection-panel--deadly-quizzes .collection-panel__button .button__inner { color: #252525; background-color: #2AFBA2; border-color: #22c982; } .collection-panel--deadly-quizzes .collection-panel__background-gradient { background: linear-gradient(135deg, #2AFBA2 0%, #7ffdc7 100%); } .collection-panel--deadly-quizzes .collection-panel__title { color: #252525 } @media screen and (min-width: 768px) { .collection-panel--deadly-quizzes { background-image: url('https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/s3/immersive/1920/background/cbbc/iwd_curation_background.jpg'); } .collection-panel--deadly-quizzes .collection-panel__background-gradient { background: linear-gradient(135deg, #2AFBA2 0%, rgba(158,109,217,0) 100%); } } @media screen and (min-width: 320px) and (max-width:767px) { .collection-panel--deadly-quizzes { background-image: url('https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/s3/immersive/770/background/cbbc/iwd_curation_background.jpg'); } @media screen and (min-width: 320px) and (max-width: 600px) { .collection-panel--deadly-quizzes { background-size: cover; } } .collection-panel--deadly-quizzes .collection-panel__background-gradient { background: linear-gradient(135deg, #2AFBA2 0%, rgba(158,109,217,0) 100%); } } .collection-panel--deadly-quizzes .button__link:hover:not([disabled]) .button__inner:before, .collection-panel--deadly-quizzes .button__link:active:not([disabled]) .button__inner:before { border-color: #55fcb5; } .collection-panel--deadly-quizzes .button__link:hover:not([disabled]) .button__inner, .collection-panel--deadly-quizzes .button__link:active:not([disabled]) .button__inner, .collection-panel--deadly-quizzes .button__link:hover:not([disabled]) .button__add-on--active:after, .collection-panel--deadly-quizzes .button__link:active:not([disabled]) .button__add-on--active:after { background-color: #55fcb5; } </style> <style> .collection-panel--bp-collections .collection-panel__button .button__inner { color: #252525; background-color: #2AFBA2; border-color: #22c982; } .collection-panel--bp-collections .collection-panel__background-gradient { background: linear-gradient(135deg, #2d0dbe 0%, #816ed8 100%); } .collection-panel--bp-collections .collection-panel__title { color: #FFFFFF } @media screen and (min-width: 768px) { .collection-panel--bp-collections { background-image: url('https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/s3/immersive/1920/background/cbbc/iwd_curation_background.jpg'); } .collection-panel--bp-collections .collection-panel__background-gradient { background: linear-gradient(135deg, #2d0dbe 0%, rgba(158,109,217,0) 100%); } } @media screen and (min-width: 320px) and (max-width:767px) { .collection-panel--bp-collections { background-image: url('https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/s3/immersive/770/background/cbbc/iwd_curation_background.jpg'); } @media screen and (min-width: 320px) and (max-width: 600px) { .collection-panel--bp-collections { background-size: cover; } } .collection-panel--bp-collections .collection-panel__background-gradient { background: linear-gradient(135deg, #2d0dbe 0%, rgba(158,109,217,0) 100%); } } .collection-panel--bp-collections .button__link:hover:not([disabled]) .button__inner:before, .collection-panel--bp-collections .button__link:active:not([disabled]) .button__inner:before { border-color: #55fcb5; } .collection-panel--bp-collections .button__link:hover:not([disabled]) .button__inner, .collection-panel--bp-collections .button__link:active:not([disabled]) .button__inner, .collection-panel--bp-collections .button__link:hover:not([disabled]) .button__add-on--active:after, .collection-panel--bp-collections .button__link:active:not([disabled]) .button__add-on--active:after { background-color: #55fcb5; } </style> <script type="text/javascript" id="js-require-config"> define('local/utils/config', function () { "use strict"; var currentTLD = function () { var hostname = window.location.hostname; if (hostname.indexOf('bbc.com') > -1) { return 'com'; } return 'co.uk'; }(); return { 'appName': '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/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts', 'cbeebies': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/cbeebies', 'cbbc': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/cbbc', 'jquery': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/libraries/jquery', 'jquery-1': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/libraries/jquery/jquery', 'jquery-1.9': 'https://web.archive.org/web/20240604201121/https://static.bbci.co.uk/frameworks/jquery/0.4.1/sharedmodules/jquery-1.9.1', 'lib': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/libraries', 'bump-3': 'https://web.archive.org/web/20240604201121/https://emp.bbci.co.uk/emp/bump-3/bump-3', 'bump-4': 'https://web.archive.org/web/20240604201121/https://emp.bbci.co.uk/emp/bump-4/bump-4', 'embed': 'https://web.archive.org/web/20240604201121/https://play.bbc.co.uk/play/sdk/embed/v1/latest', 'lib/Imager': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/libraries/Imager.min', 'TweenMax': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/libraries/gsap/TweenMax.min', 'TimelineMax': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/libraries/gsap/TweenMax.min', 'echo-11.2.2': 'https://web.archive.org/web/20240604201121/https://mybbc-analytics.files.bbci.co.uk/echo-client-js/echo-11.2.2.min', 'lib/riddle': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/libraries/riddle/embed-3.3.min', 'lib/minpubsub': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/libraries/minpubsub.min', 'uasclient': 'https://web.archive.org/web/20240604201121/https://static.bbci.co.uk/uasclient/0.1.40/modules/uasclient', 'activity-button': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/activity-button', 'activity-button/activity-button': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/personalisation/personalisation.min', 'reads': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/reads', 'reads/reads': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/personalisation/personalisation.min', 'reads-carousel': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/reads-carousel', 'reads-carousel/reads-carousel': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/personalisation/personalisation.min', 'angular': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/angular', 'angular/app': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/angular/app.min', 'stats': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/stats', 'stats/riddle-events': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/stats/riddle-events.min', 'stats/stats': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/stats/stats.min', 'confetti': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/confetti', 'confetti/confetti': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/confetti/confetti.min', 'follows-panel': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/follows-panel', 'follows-panel/childrens-follows-panel': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/personalisation/personalisation.min', 'personalisation': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/personalisation', 'domReady': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/libraries/require/domReady.min', 'relay-1': 'https://web.archive.org/web/20240604201121/https://static.bbci.co.uk/frameworks/relay/0.2.6/sharedmodules/relay-1', 'jssignals-1': 'https://web.archive.org/web/20240604201121/https://static.bbci.co.uk/frameworks/jssignals/0.3.6/modules/jssignals-1', 'vote-wrapper': 'https://web.archive.org/web/20240604201121/https://account-wrapper.files.bbci.co.uk/vote-wrapper.min', 'event-stream': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/event-stream/event-stream.min', 'riddle/auto-scroll': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/riddle/auto-scroll.min', 'smart-banners/smart-banners': 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/javascripts/smart-banners/smart-banners.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 () {}); } }; define('istats-1', function() { return { log: function() {}, track: function() {}, setSite: function() {}, addLabels: function() {}, getCountername: function() {} } }); require(['local/utils/config'], function (config) { }); require(["istats-1"], function (istats) { if (istats.setSite !== undefined) { istats.setSite('cbbc'); } istats.addLabels({ "page_type" : "home" }); }); </script> <script> require(['childrens-mandolin'], function (Mandolin) { //cleanup collection-position test var storage = new Mandolin.Storage('ckpf_childrens_mandolin'); var experimentName = 'childrens_collection_position'; if (storage.getItem(experimentName)) { storage.removeItem(experimentName); } }); </script> <script> require(['smart-banners/smart-banners'], function (smartBanners) { smartBanners.setSmartBanners( window.location.pathname, 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/manifests/smart-banner-playtime-island-manifest.json', 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/manifests/smart-banner-get-creative-manifest.json', 'https://web.archive.org/web/20240604201121/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/manifests/smart-banner-storytime-manifest.json' ) }) </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/20240604201121im_/https://a1.api.bbc.co.uk/hit.xiti?&col=1&from=p&ptag=js&s=598253&p=unknown&x1=[urn:bbc:childrens:cbbc.page]&x2=[responsive]&x3=[bbc_website]&x4=[en]&x7=[index-home]&x8=[reverb-3.9.2-nojs]&x11=[cbbc]&x12=[cbbc]" height="1" width="1" alt=""></p></noscript> <div class="orbit-header-container" id="orbit-header"> <header id="orb-banner" role="banner" aria-label="BBC-wide" class="orbit-header nogeo orbit-cbbc orbit-language-en orbit-ux-v4"> <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/20240604201121/https://www.bbc.co.uk/" id="homepage-link" data-v-item="{"type":"logo-link","text":"Homepage","link":"https://www.bbc.co.uk","position":1}" data-v-group="{"name":"global navigation", "position":1, "type":"orbit-cbbc-"}"> Homepage </a> </div> <section> <div class="orb-skip-links"> <h2>Accessibility links</h2> <ul> <li> <a href="#main-content"><span>Skip to content</span></a> </li> <li> <a id="orb-accessibility-help" href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/accessibility/"><span>Accessibility Help</span></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/20240604201121/https://account.bbc.com/account?context=cbbc&ptrt=https://www.bbc.co.uk/cbbc"><span id="idcta-username">BBC Account</span></a></div><script type="text/javascript">require(["idcta/statusbar"],function(a){new a.Statusbar({id:"idcta-statusbar",publiclyCacheable:!0})})</script> </div> <nav class="orbit-header-links common"> <ul data-orbit-navtype="CBBC"> <li class="orb-nav-cbbc"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/cbbc"> <span>CBBC</span> </a> </li> <li class="orb-nav-iplayer orb-d"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/tv/cbbc"> <span>CBBC iPlayer</span> </a> </li> <li class="orb-nav-newsround"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/newsround"> <span>Newsround</span> </a> </li> <li class="orb-nav-bitesize orb-d"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/bitesize"> <span>Bitesize</span> </a> </li> <li class="orb-nav-ownit orb-d"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.com/ownit"> <span>Own It</span> </a> </li> <li class="orb-nav-cbeebies"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/cbeebies"> <span>CBeebies</span> </a> </li> <li class="orb-nav-cbbctv"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/iplayer/guide/cbbc"> <span>CBBC on TV</span> </a> </li> <li class="orb-nav-cbbchelp orb-d"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/cbbc-help"> <span>CBBC Help</span> </a> </li> </ul> </nav> <div id="orb-nav-more"> <a href="#orbit-more-drawer" id="orbit-more-button"> <span class="more-mobile">Menu</span><span class="more-desktop">More</span><span class="orb-icon orb-icon-arrow"></span> </a> </div> <div class="orb-nav-section orb-nav-search" role="search"> <a id="orbit-search-button" class="orbit-search__button" aria-expanded="false" href="https://web.archive.org/web/20240604201121/https://search.bbc.co.uk/search?scope=cbbc&destination=cbbc" title="Search BBC"> <span class="ux-v4">Search BBC</span> <span class="ux-v5"> <svg class="orbit-search-button-icon-only" width="28" height="29" viewbox="0 0 28 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M11,-0.0001 C17.0751322,-0.0001 22,4.92476775 22,10.9999 C22,13.5276632 21.1473793,15.8562862 19.7140404,17.7138664 L28,26 L25,29 L16.518046,20.5178339 C14.8960209,21.4602385 13.0110328,21.9999 11,21.9999 C4.92486775,21.9999 0,17.0750322 0,10.9999 C0,4.92476775 4.92486775,-0.0001 11,-0.0001 Z M11,2.5 C6.30557963,2.5 2.5,6.30557963 2.5,11 C2.5,15.6944204 6.30557963,19.5 11,19.5 C15.6944204,19.5 19.5,15.6944204 19.5,11 C19.5,6.30557963 15.6944204,2.5 11,2.5 Z"></path> </svg> <svg class="orbit-search-button-icon-with-text" width="15" height="16" viewbox="0 0 15 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M6,-5.32907052e-15 C9.3137085,-5.32907052e-15 12,2.6862915 12,6 C12,7.43892143 11.4934776,8.75953821 10.6490096,9.79327337 L15,14.24 L13.2782609,16 L8.72578477,11.3465317 C7.90789326,11.7643456 6.98146665,12 6,12 C2.6862915,12 -1.687539e-14,9.3137085 -1.687539e-14,6 C-1.687539e-14,2.6862915 2.6862915,-5.32907052e-15 6,-5.32907052e-15 Z M6,1.5 C3.51471863,1.5 1.5,3.51471863 1.5,6 C1.5,8.48528137 3.51471863,10.5 6,10.5 C8.48528137,10.5 10.5,8.48528137 10.5,6 C10.5,3.51471863 8.48528137,1.5 6,1.5 Z"></path> </svg> <span>Search BBC</span> </span> </a> </div> </div> <div id="orb-panels"></div> </div> </header> <div id="orbit-drawer-container" class="orbit-drawer-container"></div> <section class="orbit-more-drawer nogeo orbit-cbbc orbit-language-en orbit-ux-v4 b-r b-g-p" id="orbit-more-drawer"> <div class="orbit-more-drawer-content"> <nav><ul data-orbit-navtype="CBBC"> <li class="orb-nav-cbbc"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/cbbc"> <span>CBBC</span> </a> </li> <li class="orb-nav-iplayer orb-d"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/tv/cbbc"> <span>CBBC iPlayer</span> </a> </li> <li class="orb-nav-newsround"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/newsround"> <span>Newsround</span> </a> </li> <li class="orb-nav-bitesize orb-d"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/bitesize"> <span>Bitesize</span> </a> </li> <li class="orb-nav-ownit orb-d"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.com/ownit"> <span>Own It</span> </a> </li> <li class="orb-nav-cbeebies"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/cbeebies"> <span>CBeebies</span> </a> </li> <li class="orb-nav-cbbctv"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/iplayer/guide/cbbc"> <span>CBBC on TV</span> </a> </li> <li class="orb-nav-cbbchelp orb-d"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/cbbc-help"> <span>CBBC Help</span> </a> </li> </ul></nav> <a href="#" class="orbit-more-drawer-close" role="button"> <svg width="32" height="32" viewbox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.48651 5.71054L5.79834 7.39871L12.3428 14.0225L5.81992 20.6229L7.46434 22.2673L13.9778 15.6768L20.5123 22.2895H20.5135L22.2017 20.6007L15.6567 13.9781L22.1795 7.37712L20.5351 5.73271L14.0216 12.3232L7.48651 5.71054Z"/> </svg> <span class="orbit-button-text">Close menu</span> </a> </div> </section> </div> <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--home childrens-wrapper--home 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="home"> <script> require(['jquery-1', 'stats/stats', 'domReady!'], function ($, stats, domReady) { stats.init($('.childrens-wrapper'), window.location.pathname); }); </script> <span class="childrens-wrapper__cover"></span> <div class="menu-container "> <div class="menu-placeholder"></div> <nav id="menu" role="navigation" class="menu menu--closed"> <div class="menu__window window window--extra-wide "> <div class="menu__bar"> <a class="menu__product" href="/web/20240604201121/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 menu__logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="143.106 140.1051 520.823 149.11" xml:space="preserve" preserveaspectratio="xMaxYMin meet"> <path d="M218.161 289.215c-15.611 0-29.021-2.97-40.23-8.907-11.208-5.935-19.814-14.476-25.818-25.618-6.005-11.14-9.007-24.518-9.007-40.13 0-15.077 3.168-28.186 9.507-39.329 6.336-11.14 15.243-19.78 26.72-25.92 11.474-6.135 24.95-9.206 40.43-9.206 6.135 0 12.14.47 18.013 1.401 5.87.935 11.274 2.536 16.212 4.804 2.402 1.07 4.203 2.436 5.404 4.103 1.2 1.67 1.801 3.903 1.801 6.705v13.61c0 2.536-.67 4.638-2.001 6.304-1.336 1.67-3.337 2.502-6.005 2.502-.67 0-1.435-.066-2.302-.2-.869-.131-1.77-.4-2.702-.8a93.547 93.547 0 0 0-10.807-3.403c-3.738-.932-7.806-1.401-12.21-1.401-13.21 0-23.417 3.537-30.622 10.608-7.205 7.074-10.808 17.147-10.808 30.222 0 12.944 3.503 23.017 10.508 30.222 7.005 7.206 16.843 10.808 29.521 10.808 4.804 0 9.238-.531 13.31-1.6a114.73 114.73 0 0 0 12.31-4.004c1.866-.8 3.602-1.2 5.203-1.2 2.402 0 4.37.769 5.905 2.301 1.532 1.536 2.301 3.637 2.301 6.305v13.81c0 3.071-.735 5.404-2.201 7.005-1.47 1.601-3.537 3.002-6.205 4.203-4.538 2.136-9.942 3.803-16.212 5.004-6.273 1.2-12.944 1.801-20.015 1.801zm74.298-3.002c-3.872 0-7.005-1.2-9.407-3.603-2.402-2.401-3.603-5.535-3.603-9.407V156.117c0-3.868 1.201-7.005 3.603-9.407s5.535-3.603 9.407-3.603h45.634c17.212 0 30.388 3.237 39.529 9.707 9.138 6.474 13.71 15.847 13.71 28.121 0 12.678-5.673 22.217-17.013 28.622 16.544 6.138 24.819 17.747 24.819 34.825 0 12.944-5.104 23.152-15.312 30.623-10.207 7.474-24.318 11.208-42.33 11.208h-49.037zm24.418-86.264h17.813c6.136 0 10.808-1.266 14.01-3.802 3.203-2.534 4.804-6.07 4.804-10.608 0-9.073-6.273-13.61-18.814-13.61h-17.813v28.02zm0 57.443h22.416c7.071 0 12.441-1.301 16.112-3.903 3.669-2.602 5.504-6.17 5.504-10.708 0-10.139-7.139-15.211-21.415-15.211h-22.617zm109.658 28.821c-3.871 0-7.005-1.2-9.407-3.603-2.401-2.401-3.602-5.535-3.602-9.407V156.117c0-3.868 1.2-7.005 3.602-9.407s5.536-3.603 9.407-3.603h45.634c17.213 0 30.388 3.237 39.529 9.707 9.138 6.474 13.71 15.847 13.71 28.121 0 12.678-5.673 22.217-17.012 28.622 16.543 6.138 24.818 17.747 24.818 34.825 0 12.944-5.104 23.152-15.311 30.623-10.208 7.474-24.318 11.208-42.331 11.208h-49.037zm24.418-86.264h17.813c6.136 0 10.809-1.266 14.011-3.802 3.202-2.534 4.803-6.07 4.803-10.608 0-9.073-6.273-13.61-18.814-13.61h-17.813v28.02zm0 57.443h22.417c7.07 0 12.44-1.301 16.112-3.903 3.668-2.602 5.504-6.17 5.504-10.708 0-10.139-7.14-15.211-21.416-15.211h-22.617zm168.343 31.823c-15.611 0-29.02-2.97-40.23-8.907s-19.814-14.476-25.818-25.618c-6.005-11.14-9.007-24.518-9.007-40.13 0-15.077 3.168-28.186 9.507-39.329 6.336-11.14 15.243-19.78 26.72-25.92 11.474-6.135 24.95-9.206 40.43-9.206 6.135 0 12.14.47 18.013 1.401 5.87.935 11.274 2.536 16.212 4.804 2.402 1.07 4.203 2.436 5.404 4.103 1.2 1.67 1.801 3.903 1.801 6.705v13.61c0 2.536-.67 4.638-2.001 6.304-1.336 1.67-3.337 2.502-6.005 2.502a15.2 15.2 0 0 1-2.302-.2c-.869-.131-1.77-.4-2.701-.8a93.55 93.55 0 0 0-10.808-3.403c-3.738-.932-7.806-1.401-12.21-1.401-13.21 0-23.417 3.537-30.622 10.608-7.205 7.074-10.808 17.147-10.808 30.222 0 12.944 3.503 23.017 10.508 30.222 7.005 7.206 16.843 10.808 29.522 10.808 4.803 0 9.238-.531 13.31-1.6a114.74 114.74 0 0 0 12.309-4.004c1.867-.8 3.602-1.2 5.203-1.2 2.402 0 4.369.769 5.905 2.301 1.532 1.536 2.301 3.637 2.301 6.305v13.81c0 3.071-.735 5.404-2.201 7.005-1.47 1.601-3.537 3.002-6.205 4.203-4.538 2.136-9.942 3.803-16.212 5.004-6.273 1.2-12.944 1.801-20.015 1.801z" fill="#4023e0"/> </svg> <span class="menu__home-text">Home</span> </a> <button id="menu-toggle" class="menu__toggle" data-stats-interaction="navigation" data-stats-interaction-action="button" data-stats-interaction-variant="open"> <span id="menu-toggle-title" class="menu__toggle-title">Menu</span> <i aria-hidden="true" class="menu__toggle-icon"></i> </button> </div> <div class="menu__contents"> <div class="menu__list"> <ul class="menu__list-inner"> <li class="menu__item menu__item--home menu__item--current"> <a class="menu__link" href="/web/20240604201121/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" aria-hidden="true"> <svg version="1.1" id="large-menu-logo" class="logo menu__logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="143.106 140.1051 520.823 149.11" xml:space="preserve" preserveaspectratio="xMaxYMin meet"> <path d="M218.161 289.215c-15.611 0-29.021-2.97-40.23-8.907-11.208-5.935-19.814-14.476-25.818-25.618-6.005-11.14-9.007-24.518-9.007-40.13 0-15.077 3.168-28.186 9.507-39.329 6.336-11.14 15.243-19.78 26.72-25.92 11.474-6.135 24.95-9.206 40.43-9.206 6.135 0 12.14.47 18.013 1.401 5.87.935 11.274 2.536 16.212 4.804 2.402 1.07 4.203 2.436 5.404 4.103 1.2 1.67 1.801 3.903 1.801 6.705v13.61c0 2.536-.67 4.638-2.001 6.304-1.336 1.67-3.337 2.502-6.005 2.502-.67 0-1.435-.066-2.302-.2-.869-.131-1.77-.4-2.702-.8a93.547 93.547 0 0 0-10.807-3.403c-3.738-.932-7.806-1.401-12.21-1.401-13.21 0-23.417 3.537-30.622 10.608-7.205 7.074-10.808 17.147-10.808 30.222 0 12.944 3.503 23.017 10.508 30.222 7.005 7.206 16.843 10.808 29.521 10.808 4.804 0 9.238-.531 13.31-1.6a114.73 114.73 0 0 0 12.31-4.004c1.866-.8 3.602-1.2 5.203-1.2 2.402 0 4.37.769 5.905 2.301 1.532 1.536 2.301 3.637 2.301 6.305v13.81c0 3.071-.735 5.404-2.201 7.005-1.47 1.601-3.537 3.002-6.205 4.203-4.538 2.136-9.942 3.803-16.212 5.004-6.273 1.2-12.944 1.801-20.015 1.801zm74.298-3.002c-3.872 0-7.005-1.2-9.407-3.603-2.402-2.401-3.603-5.535-3.603-9.407V156.117c0-3.868 1.201-7.005 3.603-9.407s5.535-3.603 9.407-3.603h45.634c17.212 0 30.388 3.237 39.529 9.707 9.138 6.474 13.71 15.847 13.71 28.121 0 12.678-5.673 22.217-17.013 28.622 16.544 6.138 24.819 17.747 24.819 34.825 0 12.944-5.104 23.152-15.312 30.623-10.207 7.474-24.318 11.208-42.33 11.208h-49.037zm24.418-86.264h17.813c6.136 0 10.808-1.266 14.01-3.802 3.203-2.534 4.804-6.07 4.804-10.608 0-9.073-6.273-13.61-18.814-13.61h-17.813v28.02zm0 57.443h22.416c7.071 0 12.441-1.301 16.112-3.903 3.669-2.602 5.504-6.17 5.504-10.708 0-10.139-7.139-15.211-21.415-15.211h-22.617zm109.658 28.821c-3.871 0-7.005-1.2-9.407-3.603-2.401-2.401-3.602-5.535-3.602-9.407V156.117c0-3.868 1.2-7.005 3.602-9.407s5.536-3.603 9.407-3.603h45.634c17.213 0 30.388 3.237 39.529 9.707 9.138 6.474 13.71 15.847 13.71 28.121 0 12.678-5.673 22.217-17.012 28.622 16.543 6.138 24.818 17.747 24.818 34.825 0 12.944-5.104 23.152-15.311 30.623-10.208 7.474-24.318 11.208-42.331 11.208h-49.037zm24.418-86.264h17.813c6.136 0 10.809-1.266 14.011-3.802 3.202-2.534 4.803-6.07 4.803-10.608 0-9.073-6.273-13.61-18.814-13.61h-17.813v28.02zm0 57.443h22.417c7.07 0 12.44-1.301 16.112-3.903 3.668-2.602 5.504-6.17 5.504-10.708 0-10.139-7.14-15.211-21.416-15.211h-22.617zm168.343 31.823c-15.611 0-29.02-2.97-40.23-8.907s-19.814-14.476-25.818-25.618c-6.005-11.14-9.007-24.518-9.007-40.13 0-15.077 3.168-28.186 9.507-39.329 6.336-11.14 15.243-19.78 26.72-25.92 11.474-6.135 24.95-9.206 40.43-9.206 6.135 0 12.14.47 18.013 1.401 5.87.935 11.274 2.536 16.212 4.804 2.402 1.07 4.203 2.436 5.404 4.103 1.2 1.67 1.801 3.903 1.801 6.705v13.61c0 2.536-.67 4.638-2.001 6.304-1.336 1.67-3.337 2.502-6.005 2.502a15.2 15.2 0 0 1-2.302-.2c-.869-.131-1.77-.4-2.701-.8a93.55 93.55 0 0 0-10.808-3.403c-3.738-.932-7.806-1.401-12.21-1.401-13.21 0-23.417 3.537-30.622 10.608-7.205 7.074-10.808 17.147-10.808 30.222 0 12.944 3.503 23.017 10.508 30.222 7.005 7.206 16.843 10.808 29.522 10.808 4.803 0 9.238-.531 13.31-1.6a114.74 114.74 0 0 0 12.309-4.004c1.867-.8 3.602-1.2 5.203-1.2 2.402 0 4.369.769 5.905 2.301 1.532 1.536 2.301 3.637 2.301 6.305v13.81c0 3.071-.735 5.404-2.201 7.005-1.47 1.601-3.537 3.002-6.205 4.203-4.538 2.136-9.942 3.803-16.212 5.004-6.273 1.2-12.944 1.801-20.015 1.801z" fill="#4023e0"/> </svg> </span><span class="menu__link-label">Home</span> </a> </li><li class="menu__item menu__item--shows"> <a class="menu__link" href="/web/20240604201121/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/20240604201121/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/20240604201121/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/20240604201121/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/20240604201121/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/20240604201121/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/20240604201121/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/20240604201121/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/20240604201121/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="home" role="main" data-istats-load="home:load" data-istats-category="home"> <div class="brandshelf--top"> <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/20240604201121/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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/tns-s8-az.png"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/tns-s8-az.png" alt=""/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/shows/horrible-histories" 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/20240604201121/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/20240604201121im_/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/20240604201121/https://www.bbc.co.uk/cbbc/shows/operation-ouch" 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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Op-ouch-s11-A_Z_Index.png" data-alt="Image of two men, one is jumping on the other's back, Doctors Chris and Xand from Operation Ouch."></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Op-ouch-s11-A_Z_Index.png" alt="Image of two men, one is jumping on the other's back, Doctors Chris and Xand from Operation Ouch."/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/shows/blue-peter" 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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/BluePeter-AtoZ-Shini.png" data-alt="Blue Peter presenters"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/BluePeter-AtoZ-Shini.png" alt="Blue Peter presenters"/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/shows/shaun-the-sheep" 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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/shaun-the-sheep-a-z-index2.png" data-alt="Shaun the Sheep with a double thumbs up, over a blue sky backdrop with the Shaun the Sheep logo in the foreground."></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/shaun-the-sheep-a-z-index2.png" alt="Shaun the Sheep with a double thumbs up, over a blue sky backdrop with the Shaun the Sheep logo in the foreground."/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/shows/a-kind-of-spark" 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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/a-kind-of-spark-atoz-image-1.png"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/a-kind-of-spark-atoz-image-1.png" alt=""/> </noscript> </span> </a> </li></ul> </div> </div> </div> </div> <div class="brand-shelf__all-shows-link button button--center button--shows "><a class="button__link" href="/web/20240604201121/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> </div> <div class="window window--extra-wide grid-container"> <h1 class="vh" id="main-content">CBBC</h1> <div class="promo-area promo-area--variant-a promo-area--space-main promo-area--multiple promo-area--has-primary-promo "> <div class="promo-area__grid"> <div class="promo-area__item promo promo--overlay promo-area__item--large promo--large promo--games"> <a class="promo__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/games/jamie-johnson-fc-hawx-academy-game" data-stats-interaction="promo" data-stats-interaction-variant="home_main" data-stats-interaction-position="0" data-stats-internal-link-location="main" , data-bbc-container="Primary Promo Area" data-bbc-metadata="{"PAR":"primary-promo-area","CHD":"promo::1"}" data-bbc-title="" data-bbc-source="cbbc"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--primary"> <span class="delayed-gif-image-load" data-src="https://web.archive.org/web/20240604201121/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/JJFC-HAWX-AnimatedPromo.gif" data-alt="Jamie Johnson FC: HAWX Academy game, out now!"></span> <noscript> <span aria-label="Jamie Johnson FC: HAWX Academy game, out now!" class="noscript-span" style="background-image: url(https://web.archive.org/web/20240604201121im_/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/JJFC-HAWX-AnimatedPromo.gif)"/> </noscript> </span> <span class="responsive-img responsive-img--61x25 promo__image promo__image--secondary"> <span class="delayed-gif-image-load" data-src="https://web.archive.org/web/20240604201121/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/JJFC-HAWX-AnimatedPromo.gif" data-alt="Jamie Johnson FC: HAWX Academy game, out now!"></span> <noscript> <img alt="Jamie Johnson FC: HAWX Academy game, out now!" class="noscript-gif-image" src="https://web.archive.org/web/20240604201121im_/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/JJFC-HAWX-AnimatedPromo.gif"/> </noscript> </span> </div> <div class="promo__info"> </div> </div> </a> </div><div class="promo-area__secondary"> <div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--watch"> <a class="promo__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/watch/malory-towers-series-recap" data-stats-interaction="promo" data-stats-interaction-variant="home_main" data-stats-interaction-position="1" data-stats-internal-link-location="main" , data-bbc-container="Primary Promo Area" data-bbc-metadata="{"PAR":"primary-promo-area","CHD":"promo::2"}" data-bbc-title="Get ready for new Malory Towers with this recap of series 1 to 4" data-bbc-source="cbbc"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/malory-towers-recap-promo-b-alt.jpg" data-alt="Malory Towers seasons 1-4 recap promo"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/malory-towers-recap-promo-b-alt.jpg" alt="Malory Towers seasons 1-4 recap promo"/> </noscript> </span> </div> <div class="promo__info"> <span class="promo__caption">Get ready for new Malory Towers with this recap of series 1 to 4</span> <div class="promo__cta button button--watch button--small "><div class="button__link"><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Watch</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span></div></div> </div> </div> </a> </div><div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--games"> <a class="promo__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/games/operation-ouch-snot-zombies-game" data-stats-interaction="promo" data-stats-interaction-variant="home_main" data-stats-interaction-position="2" data-stats-internal-link-location="main" , data-bbc-container="Primary Promo Area" data-bbc-metadata="{"PAR":"primary-promo-area","CHD":"promo::3"}" data-bbc-title="" data-bbc-source="cbbc"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image"> <span class="delayed-gif-image-load" data-src="https://web.archive.org/web/20240604201121/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/OO-SnotZombie-FullFrame-GIF.gif" data-alt="Operation Ouch: Snot Zombies"></span> <noscript> <img alt="Operation Ouch: Snot Zombies" class="noscript-gif-image" src="https://web.archive.org/web/20240604201121im_/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/OO-SnotZombie-FullFrame-GIF.gif"/> </noscript> </span> </div> <div class="promo__info"> </div> </div> </a> </div> </div><div class="promo-area__tertiary"> <div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--games"> <a class="promo__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/games/the-next-step-take-it-to-the-streets-game" data-stats-interaction="promo" data-stats-interaction-variant="home_main" data-stats-interaction-position="3" data-stats-internal-link-location="main" , data-bbc-container="Primary Promo Area" data-bbc-metadata="{"PAR":"primary-promo-area","CHD":"promo::4"}" data-bbc-title="Make your own dances in the TNS game" data-bbc-source="cbbc"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/tns-take-it-to-the-streets-dance-studio-promo_B.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/tns-take-it-to-the-streets-dance-studio-promo_B.jpg" alt=""/> </noscript> </span> </div> <div class="promo__info"> <span class="promo__caption">Make your own dances in the TNS game</span> <div class="promo__cta button button--games button--small "><div class="button__link"><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Play now</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span></div></div> </div> </div> </a> </div><div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--games"> <a class="promo__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/games/cbbc-creative-lab-fun-art-game" data-stats-interaction="promo" data-stats-interaction-variant="home_main" data-stats-interaction-position="4" data-stats-internal-link-location="main" , data-bbc-container="Primary Promo Area" data-bbc-metadata="{"PAR":"primary-promo-area","CHD":"promo::5"}" data-bbc-title="Doctor Who takeover in the CBBC Creative Lab!" data-bbc-source="cbbc"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/CBBCCreativeLab-v55-PromoB2.jpg" data-alt="Images of the doctor and ruby from doctor who"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/CBBCCreativeLab-v55-PromoB2.jpg" alt="Images of the doctor and ruby from doctor who"/> </noscript> </span> </div> <div class="promo__info"> <span class="promo__caption">Doctor Who takeover in the CBBC Creative Lab!</span> <div class="promo__cta button button--games button--small "><div class="button__link"><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Get creative</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span></div></div> </div> </div> </a> </div><div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--games"> <a class="promo__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/games/malory-towers-year-in-the-life" data-stats-interaction="promo" data-stats-interaction-variant="home_main" data-stats-interaction-position="5" data-stats-internal-link-location="main" , data-bbc-container="Primary Promo Area" data-bbc-metadata="{"PAR":"primary-promo-area","CHD":"promo::6"}" data-bbc-title="Become Malory Towers' star pupil in A Year In The Life!" data-bbc-source="cbbc"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/malory-towers-ayitl-promo-B.jpg" data-alt="Image of cartoon versions of characters from Malory Towers, new game called A Year In The Life."></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/malory-towers-ayitl-promo-B.jpg" alt="Image of cartoon versions of characters from Malory Towers, new game called A Year In The Life."/> </noscript> </span> </div> <div class="promo__info"> <span class="promo__caption">Become Malory Towers' star pupil in A Year In The Life!</span> <div class="promo__cta button button--games button--small "><div class="button__link"><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Play now</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span></div></div> </div> </div> </a> </div> </div></div> </div> </div> <div class="brandshelf--middle"> <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/20240604201121/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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/tns-s8-az.png"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/tns-s8-az.png" alt=""/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/shows/horrible-histories" 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/20240604201121/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/20240604201121im_/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/20240604201121/https://www.bbc.co.uk/cbbc/shows/operation-ouch" 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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Op-ouch-s11-A_Z_Index.png" data-alt="Image of two men, one is jumping on the other's back, Doctors Chris and Xand from Operation Ouch."></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Op-ouch-s11-A_Z_Index.png" alt="Image of two men, one is jumping on the other's back, Doctors Chris and Xand from Operation Ouch."/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/shows/blue-peter" 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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/BluePeter-AtoZ-Shini.png" data-alt="Blue Peter presenters"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/BluePeter-AtoZ-Shini.png" alt="Blue Peter presenters"/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/shows/shaun-the-sheep" 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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/shaun-the-sheep-a-z-index2.png" data-alt="Shaun the Sheep with a double thumbs up, over a blue sky backdrop with the Shaun the Sheep logo in the foreground."></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/shaun-the-sheep-a-z-index2.png" alt="Shaun the Sheep with a double thumbs up, over a blue sky backdrop with the Shaun the Sheep logo in the foreground."/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/shows/a-kind-of-spark" 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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/a-kind-of-spark-atoz-image-1.png"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/a-kind-of-spark-atoz-image-1.png" alt=""/> </noscript> </span> </a> </li></ul> </div> </div> </div> </div> <div class="brand-shelf__all-shows-link button button--center button--shows "><a class="button__link" href="/web/20240604201121/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> </div> <div class="window window--extra-wide grid-container"> </div> <div class="home__collection-panel"> <div class="collection-panel collection-panel--trending-games-quizzes-cbbc" data-stats-children-collection="trending-games-quizzes-cbbc" data-bbc-container="Top games and quizzes on CBBC" data-bbc-metadata="{"PAR":"collection-panel::1","CHD":"Top games and quizzes on CBBC"}" data-bbc-title="Top games and quizzes on CBBC" data-bbc-source="cbbc"> <div class="collection-panel__background-gradient"> <div class="collection-panel__window"> <div class="collection-panel__title-container"> <a class="collection-panel__title-link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/trending-games-quizzes-cbbc" data-stats-interaction="collection" data-stats-interaction-variant="text_link" data-stats-interaction-location="0"> <h3 class="collection-panel__title" aria-label="Top games and quizzes on CBBC collection">Top games and quizzes on CBBC</h3> </a> </div> <ul class="collection-panel__items"> <li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/quizzes/facts-about-roblox-quiz?collection=trending-games-quizzes-cbbc" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="0" data-stats-interaction-position="0" data-stats-internal-link-location="trending-games-quizzes-cbbc" data-site-section="quizzes" data-bbc-container="Top games and quizzes on CBBC" data-bbc-metadata="{"PAR":"collection-panel::1","CHD":"card::1"}" data-bbc-title="How much do you know about Roblox?" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/RobloxQuiz-Index.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/RobloxQuiz-Index.jpg" alt=""/> </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="How much do you know about Roblox?"> How much do you know about Roblox? </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/games/danger-mouse-game?collection=trending-games-quizzes-cbbc" class="content-card content-card--games content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="0" data-stats-interaction-position="1" data-stats-internal-link-location="trending-games-quizzes-cbbc" data-site-section="games" data-bbc-container="Top games and quizzes on CBBC" data-bbc-metadata="{"PAR":"collection-panel::1","CHD":"card::2"}" data-bbc-title="Game: Danger Mouse Tech-cellent Adventure " data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/who-should-be-in-your-danger-mouse-super-awesome-danger-squad-index.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/who-should-be-in-your-danger-mouse-super-awesome-danger-squad-index.jpg" alt=""/> </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="Game: Danger Mouse Tech-cellent Adventure "> Game: Danger Mouse Tech-cellent Adventure </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/quizzes/euro-2024-england-squad-quiz?collection=trending-games-quizzes-cbbc" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="0" data-stats-interaction-position="2" data-stats-internal-link-location="trending-games-quizzes-cbbc" data-site-section="quizzes" data-bbc-container="Top games and quizzes on CBBC" data-bbc-metadata="{"PAR":"collection-panel::1","CHD":"card::3"}" data-bbc-title="Euro 2024: Do you know the England squad?" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/eng-squad-quiz-index-v2.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/eng-squad-quiz-index-v2.jpg" alt=""/> </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="Euro 2024: Do you know the England squad?"> Euro 2024: Do you know the England squad? </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/games/shaun-the-sheep-pizza-the-action?collection=trending-games-quizzes-cbbc" class="content-card content-card--games content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="0" data-stats-interaction-position="3" data-stats-internal-link-location="trending-games-quizzes-cbbc" data-site-section="games" data-bbc-container="Top games and quizzes on CBBC" data-bbc-metadata="{"PAR":"collection-panel::1","CHD":"card::4"}" data-bbc-title="Cook up a storm with Shaun!" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/ShaunTheSheep-PizzaTheAction-Index.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/ShaunTheSheep-PizzaTheAction-Index.jpg" alt=""/> </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="Cook up a storm with Shaun!"> Cook up a storm with Shaun! </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li> </ul> <div class="collection-panel__button button button--immersive button--trending-games-quizzes-cbbc "><a class="button__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/trending-games-quizzes-cbbc" data-stats-interaction="collection" data-stats-interaction-variant="button" data-stats-interaction-location="0"><span class="button__inner"> <span class="button__text" aria-label="View all collection">View all</span> </span></a></div> </div> </div> </div> </div> <div class="home__collection-panel"> <div class="collection-panel collection-panel--trending-on-cbbc" data-stats-children-collection="trending-on-cbbc" data-bbc-container="Trending on CBBC" data-bbc-metadata="{"PAR":"collection-panel::2","CHD":"Trending on CBBC"}" data-bbc-title="Trending on CBBC" data-bbc-source="cbbc"> <div class="collection-panel__background-gradient"> <div class="collection-panel__window"> <div class="collection-panel__title-container"> <a class="collection-panel__title-link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/trending-on-cbbc" data-stats-interaction="collection" data-stats-interaction-variant="text_link" data-stats-interaction-location="1"> <h3 class="collection-panel__title" aria-label="Trending on CBBC collection">Trending on CBBC</h3> </a> </div> <ul class="collection-panel__items"> <li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/watch/the-next-step-non-binary-dancers-discuss-their-experiences?collection=trending-on-cbbc" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="1" data-stats-interaction-position="0" data-stats-internal-link-location="trending-on-cbbc" data-site-section="watch" data-bbc-container="Trending on CBBC" data-bbc-metadata="{"PAR":"collection-panel::2","CHD":"card::1"}" data-bbc-title="Non-binary dancers discuss their experiences" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/TNS-NonbinaryInterview-Index.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/TNS-NonbinaryInterview-Index.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Non-binary dancers discuss their experiences"> Non-binary dancers discuss their experiences </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/quizzes/bp-pride-flag-colours-quiz?collection=trending-on-cbbc" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="1" data-stats-interaction-position="1" data-stats-internal-link-location="trending-on-cbbc" data-site-section="quizzes" data-bbc-container="Trending on CBBC" data-bbc-metadata="{"PAR":"collection-panel::2","CHD":"card::2"}" data-bbc-title="What do the colours of the Pride flag mean?" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/bp-pride-colours-index2.2.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/bp-pride-colours-index2.2.jpg" alt=""/> </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 do the colours of the Pride flag mean?"> What do the colours of the Pride flag mean? </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/watch/bp-matilda-the-musical-performance?collection=trending-on-cbbc" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="1" data-stats-interaction-position="2" data-stats-internal-link-location="trending-on-cbbc" data-site-section="watch" data-bbc-container="Trending on CBBC" data-bbc-metadata="{"PAR":"collection-panel::2","CHD":"card::3"}" data-bbc-title="Matilda the Musical performance" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/bp-matilda-the-musical-naughty-index.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/bp-matilda-the-musical-naughty-index.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Matilda the Musical performance"> Matilda the Musical performance </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/joinin/mens-football-euro-2024-fixtures-wall-chart?collection=trending-on-cbbc" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="1" data-stats-interaction-position="3" data-stats-internal-link-location="trending-on-cbbc" data-site-section="joinin" data-bbc-container="Trending on CBBC" data-bbc-metadata="{"PAR":"collection-panel::2","CHD":"card::4"}" data-bbc-title="Euro 2024 fixtures wall chart " data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/jamie-johnson-fc-euro-wall-chart.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/jamie-johnson-fc-euro-wall-chart.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--joinin"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Euro 2024 fixtures wall chart "> Euro 2024 fixtures wall chart </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li> </ul> <div class="collection-panel__button button button--immersive button--trending-on-cbbc "><a class="button__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/trending-on-cbbc" data-stats-interaction="collection" data-stats-interaction-variant="button" data-stats-interaction-location="1"><span class="button__inner"> <span class="button__text" aria-label="View all collection">View all</span> </span></a></div> </div> </div> </div> </div> <div class="home__collection-panel"> <div class="collection-panel collection-panel--operation-ouch-main-collection" data-stats-children-collection="operation-ouch-main-collection" data-bbc-container="Operation Ouch!" data-bbc-metadata="{"PAR":"collection-panel::3","CHD":"Operation Ouch!"}" data-bbc-title="Operation Ouch!" data-bbc-source="cbbc"> <div class="collection-panel__background-gradient"> <div class="collection-panel__window"> <div class="collection-panel__title-container"> <a class="collection-panel__title-link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/operation-ouch-main-collection" data-stats-interaction="collection" data-stats-interaction-variant="text_link" data-stats-interaction-location="2"> <h3 class="collection-panel__title" aria-label="Operation Ouch! collection">Operation Ouch!</h3> </a> </div> <ul class="collection-panel__items"> <li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/games/operation-ouch-clonewards-game?collection=operation-ouch-main-collection" class="content-card content-card--games content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="2" data-stats-interaction-position="0" data-stats-internal-link-location="operation-ouch-main-collection" data-site-section="games" data-bbc-container="Operation Ouch!" data-bbc-metadata="{"PAR":"collection-panel::3","CHD":"card::1"}" data-bbc-title="Game: Clonewards " data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/op-ouch-clonewards-game-update-index.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/op-ouch-clonewards-game-update-index.jpg" alt=""/> </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="Game: Clonewards "> Game: Clonewards </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/operation-ouch-do-try-this-at-home-experiments?collection=operation-ouch-main-collection" class="content-card content-card--curations content-card--styled content-card--animated content-card--external" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="2" data-stats-interaction-position="1" data-stats-internal-link-location="operation-ouch-main-collection" data-site-section="curations" data-bbc-container="Operation Ouch!" data-bbc-metadata="{"PAR":"collection-panel::3","CHD":"card::2"}" data-bbc-title="DO try these experiments at home" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/DTTAH_Exp_content_card_INDEX.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/DTTAH_Exp_content_card_INDEX.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--curations"> <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 try these experiments at home"> DO try these experiments at home </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/games/operation-ouch-it-takes-guts?collection=operation-ouch-main-collection" class="content-card content-card--games content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="2" data-stats-interaction-position="2" data-stats-internal-link-location="operation-ouch-main-collection" data-site-section="games" data-bbc-container="Operation Ouch!" data-bbc-metadata="{"PAR":"collection-panel::3","CHD":"card::3"}" data-bbc-title="Game: It Takes Guts! " data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/it-takes-guts-index-1.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/it-takes-guts-index-1.jpg" alt=""/> </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="Game: It Takes Guts! "> Game: It Takes Guts! </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/quizzes/operation-ouch-injury-alert-quiz?collection=operation-ouch-main-collection" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="2" data-stats-interaction-position="3" data-stats-internal-link-location="operation-ouch-main-collection" data-site-section="quizzes" data-bbc-container="Operation Ouch!" data-bbc-metadata="{"PAR":"collection-panel::3","CHD":"card::4"}" data-bbc-title="Do you know what to do in an emergency?" data-bbc-source="cbbc"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/injury-alert-quiz-2021.png"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/injury-alert-quiz-2021.png" alt=""/> </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 what to do in an emergency?"> Do you know what to do in an emergency? </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li> </ul> <div class="collection-panel__button button button--immersive button--operation-ouch-main-collection "><a class="button__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/operation-ouch-main-collection" data-stats-interaction="collection" data-stats-interaction-variant="button" data-stats-interaction-location="2"><span class="button__inner"> <span class="button__text" aria-label="View all collection">View all</span> </span></a></div> </div> </div> </div> </div> <div class="home__collection-panel"> <div class="collection-panel collection-panel--horrible-histories-best-content" data-stats-children-collection="horrible-histories-best-content" data-bbc-container="Horrible Histories " data-bbc-metadata="{"PAR":"collection-panel::4","CHD":"Horrible Histories "}" data-bbc-title="Horrible Histories " data-bbc-source="cbbc"> <div class="collection-panel__background-gradient"> <div class="collection-panel__window"> <div class="collection-panel__title-container"> <a class="collection-panel__title-link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/horrible-histories-best-content" data-stats-interaction="collection" data-stats-interaction-variant="text_link" data-stats-interaction-location="3"> <h3 class="collection-panel__title" aria-label="Horrible Histories collection">Horrible Histories </h3> </a> </div> <ul class="collection-panel__items"> <li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/games/horrible-histories-raid-and-trade-game?collection=horrible-histories-best-content" class="content-card content-card--games content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="3" data-stats-interaction-position="0" data-stats-internal-link-location="horrible-histories-best-content" data-site-section="games" data-bbc-container="Horrible Histories " data-bbc-metadata="{"PAR":"collection-panel::4","CHD":"card::1"}" data-bbc-title="Run your own Viking settlement" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/horrible-histories-raid-and-trade-index-logo.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/horrible-histories-raid-and-trade-index-logo.jpg" alt=""/> </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="Run your own Viking settlement"> Run your own Viking settlement </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/quizzes/horrible-histories-ruinous-rivals-quiz?collection=horrible-histories-best-content" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="3" data-stats-interaction-position="1" data-stats-internal-link-location="horrible-histories-best-content" data-site-section="quizzes" data-bbc-container="Horrible Histories " data-bbc-metadata="{"PAR":"collection-panel::4","CHD":"card::2"}" data-bbc-title="Quiz: Ruinous Rivals" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/HorribleHistories_RuinousRivals.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/HorribleHistories_RuinousRivals.jpg" alt=""/> </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: Ruinous Rivals"> Quiz: Ruinous Rivals </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/games/horrible-histories-beastly-boxset-game?collection=horrible-histories-best-content" class="content-card content-card--games content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="3" data-stats-interaction-position="2" data-stats-internal-link-location="horrible-histories-best-content" data-site-section="games" data-bbc-container="Horrible Histories " data-bbc-metadata="{"PAR":"collection-panel::4","CHD":"card::3"}" data-bbc-title="Game: Beastly Boxset" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/boxset-game-windrush-index.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/boxset-game-windrush-index.jpg" alt=""/> </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="Game: Beastly Boxset"> Game: Beastly Boxset </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/quizzes/horrible-histories-who-in-history-are-you?collection=horrible-histories-best-content" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="3" data-stats-interaction-position="3" data-stats-internal-link-location="horrible-histories-best-content" data-site-section="quizzes" data-bbc-container="Horrible Histories " data-bbc-metadata="{"PAR":"collection-panel::4","CHD":"card::4"}" data-bbc-title="Who in history would you be?" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/horrible_histories_quiz_index_image.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/horrible_histories_quiz_index_image.jpg" alt=""/> </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="Who in history would you be?"> Who in history would you be? </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li> </ul> <div class="collection-panel__button button button--immersive button--horrible-histories-best-content "><a class="button__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/horrible-histories-best-content" data-stats-interaction="collection" data-stats-interaction-variant="button" data-stats-interaction-location="3"><span class="button__inner"> <span class="button__text" aria-label="View all collection">View all</span> </span></a></div> </div> </div> </div> </div> <div class="home__collection-panel"> <div class="collection-panel collection-panel--deadly-quizzes" data-stats-children-collection="deadly-quizzes" data-bbc-container="Deadly games and quizzes" data-bbc-metadata="{"PAR":"collection-panel::5","CHD":"Deadly games and quizzes"}" data-bbc-title="Deadly games and quizzes" data-bbc-source="cbbc"> <div class="collection-panel__background-gradient"> <div class="collection-panel__window"> <div class="collection-panel__title-container"> <a class="collection-panel__title-link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/deadly-quizzes" data-stats-interaction="collection" data-stats-interaction-variant="text_link" data-stats-interaction-location="4"> <h3 class="collection-panel__title" aria-label="Deadly games and quizzes collection">Deadly games and quizzes</h3> </a> </div> <ul class="collection-panel__items"> <li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/games/deadly-mission-unleashed-game?collection=deadly-quizzes" class="content-card content-card--games content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="4" data-stats-interaction-position="0" data-stats-internal-link-location="deadly-quizzes" data-site-section="games" data-bbc-container="Deadly games and quizzes" data-bbc-metadata="{"PAR":"collection-panel::5","CHD":"card::1"}" data-bbc-title="Game: Deadly Mission Unleashed" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/DeadlyMissionUnleashed-IndexImage.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/DeadlyMissionUnleashed-IndexImage.jpg" alt=""/> </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="Game: Deadly Mission Unleashed"> Game: Deadly Mission Unleashed </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/quizzes/deadly-predators-animal-anagrams-quiz?collection=deadly-quizzes" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="4" data-stats-interaction-position="1" data-stats-internal-link-location="deadly-quizzes" data-site-section="quizzes" data-bbc-container="Deadly games and quizzes" data-bbc-metadata="{"PAR":"collection-panel::5","CHD":"card::2"}" data-bbc-title="Can you guess these animal-grams?" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/deadly-predators-animal-anagrams-quiz-index.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/deadly-predators-animal-anagrams-quiz-index.jpg" alt=""/> </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 animal-grams?"> Can you guess these animal-grams? </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/games/deadly-defenders-game?collection=deadly-quizzes" class="content-card content-card--games content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="4" data-stats-interaction-position="2" data-stats-internal-link-location="deadly-quizzes" data-site-section="games" data-bbc-container="Deadly games and quizzes" data-bbc-metadata="{"PAR":"collection-panel::5","CHD":"card::3"}" data-bbc-title="Game: Deadly Defenders" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/cbbc-all-games-deadly_defenders_game-deadly_defenders_game_304x171.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/cbbc-all-games-deadly_defenders_game-deadly_defenders_game_304x171.jpg" alt=""/> </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="Game: Deadly Defenders"> Game: Deadly Defenders </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/quizzes/spot-the-shark-myth?collection=deadly-quizzes" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="4" data-stats-interaction-position="3" data-stats-internal-link-location="deadly-quizzes" data-site-section="quizzes" data-bbc-container="Deadly games and quizzes" data-bbc-metadata="{"PAR":"collection-panel::5","CHD":"card::4"}" data-bbc-title="Myth busting sharks!" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/deadly-mission-shark_myth-busting_promos_index-image.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/deadly-mission-shark_myth-busting_promos_index-image.jpg" alt=""/> </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="Myth busting sharks!"> Myth busting sharks! </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li> </ul> <div class="collection-panel__button button button--immersive button--deadly-quizzes "><a class="button__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/deadly-quizzes" data-stats-interaction="collection" data-stats-interaction-variant="button" data-stats-interaction-location="4"><span class="button__inner"> <span class="button__text" aria-label="View all collection">View all</span> </span></a></div> </div> </div> </div> </div> <div class="home__collection-panel"> <div class="collection-panel collection-panel--bp-collections" data-stats-children-collection="bp-collections" data-bbc-container="Blue Peter " data-bbc-metadata="{"PAR":"collection-panel::6","CHD":"Blue Peter "}" data-bbc-title="Blue Peter " data-bbc-source="cbbc"> <div class="collection-panel__background-gradient"> <div class="collection-panel__window"> <div class="collection-panel__title-container"> <a class="collection-panel__title-link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/bp-collections" data-stats-interaction="collection" data-stats-interaction-variant="text_link" data-stats-interaction-location="5"> <h3 class="collection-panel__title" aria-label="Blue Peter collection">Blue Peter </h3> </a> </div> <ul class="collection-panel__items"> <li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/blue-peter-badges?collection=bp-collections" class="content-card content-card--curations content-card--styled content-card--animated content-card--external" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="5" data-stats-interaction-position="0" data-stats-internal-link-location="bp-collections" data-site-section="curations" data-bbc-container="Blue Peter " data-bbc-metadata="{"PAR":"collection-panel::6","CHD":"card::1"}" data-bbc-title="Apply for Blue Peter badges" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/Blue-Peter-badges-ALL-2023.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/Blue-Peter-badges-ALL-2023.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--curations"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Apply for Blue Peter badges"> Apply for Blue Peter badges </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/bp-quizzes?collection=bp-collections" class="content-card content-card--curations content-card--styled content-card--animated content-card--external" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="5" data-stats-interaction-position="1" data-stats-internal-link-location="bp-collections" data-site-section="curations" data-bbc-container="Blue Peter " data-bbc-metadata="{"PAR":"collection-panel::6","CHD":"card::2"}" data-bbc-title="Blue Peter quizzes and games" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/bp-65-years-quiz-index-v2.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/bp-65-years-quiz-index-v2.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--curations"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Blue Peter quizzes and games"> Blue Peter quizzes and games </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/blue-peter-book-club?collection=bp-collections" class="content-card content-card--curations content-card--styled content-card--animated content-card--external" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="5" data-stats-interaction-position="2" data-stats-internal-link-location="bp-collections" data-site-section="curations" data-bbc-container="Blue Peter " data-bbc-metadata="{"PAR":"collection-panel::6","CHD":"card::3"}" data-bbc-title="Blue Peter's Book Club" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/bp-book-club-2024-1.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/bp-book-club-2024-1.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--curations"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Blue Peter's Book Club"> Blue Peter's Book Club </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-panel__item"> <a href="/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/blue-peter-recipes-collection?collection=bp-collections" class="content-card content-card--curations content-card--styled content-card--animated content-card--external" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-location="5" data-stats-interaction-position="3" data-stats-internal-link-location="bp-collections" data-site-section="curations" data-bbc-container="Blue Peter " data-bbc-metadata="{"PAR":"collection-panel::6","CHD":"card::4"}" data-bbc-title="The Blue Peter Recipe Book" data-bbc-source="cbbc"> <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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbbc/bp-gladiators-biscuit1.jpg"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbbc/bp-gladiators-biscuit1.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--curations"> <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 Blue Peter Recipe Book"> The Blue Peter Recipe Book </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li> </ul> <div class="collection-panel__button button button--immersive button--bp-collections "><a class="button__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/bp-collections" data-stats-interaction="collection" data-stats-interaction-variant="button" data-stats-interaction-location="5"><span class="button__inner"> <span class="button__text" aria-label="View all collection">View all</span> </span></a></div> </div> </div> </div> </div> <div class="window window--extra-wide grid-container"> <div class="promo-area promo-area--variant-a promo-area--space-secondary promo-area--multiple promo-area--has-primary-promo "> <div class="promo-area__grid"> <div class="promo-area__item promo promo--overlay promo-area__item--large promo--large promo--joinin"> <a class="promo__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/joinin/are-you-a-cbbc-superfan" data-stats-interaction="promo" data-stats-interaction-variant="home_secondary" data-stats-interaction-position="0" data-stats-internal-link-location="secondary" , data-bbc-container="Secondary Promo Area" data-bbc-metadata="{"PAR":"secondary-promo-area","CHD":"promo::1"}" data-bbc-title="Join the fun in the CBBC Superfan Club" data-bbc-source="cbbc"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--primary promo__image--with-gradient"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/CBBCHQ-SuperfanClub-PromoA.png" data-alt="A pink-and-blue background with stars flying out from the centre. Hacker is positioned large and at the back of the image, with Rhys and Evie positioned in front of him, all with a white glow around them."></span> <noscript> <span aria-label="A pink-and-blue background with stars flying out from the centre. Hacker is positioned large and at the back of the image, with Rhys and Evie positioned in front of him, all with a white glow around them." class="noscript-span" style="background-image: url(https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/CBBCHQ-SuperfanClub-PromoA.png)"/> </noscript> </span> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient promo__image--secondary"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/CBBCHQ-SuperfanClub-PromoB.png" data-alt="A pink-and-blue background with stars flying out from the centre. Hacker is positioned large and at the back of the image, with Rhys and Evie positioned in front of him, all with a white glow around them."></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/CBBCHQ-SuperfanClub-PromoB.png" alt="A pink-and-blue background with stars flying out from the centre. Hacker is positioned large and at the back of the image, with Rhys and Evie positioned in front of him, all with a white glow around them."/> </noscript> </span> </div> <div class="promo__info"> <span class="promo__caption">Join the fun in the CBBC Superfan Club</span> <div class="promo__cta button button--joinin button--small-until-medium-wide "><div class="button__link"><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Get involved</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span></div></div> </div> </div> </a> </div><div class="promo-area__secondary"> <div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--joinin"> <a class="promo__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/joinin/odd-squad-gadget-competition" data-stats-interaction="promo" data-stats-interaction-variant="home_secondary" data-stats-interaction-position="1" data-stats-internal-link-location="secondary" , data-bbc-container="Secondary Promo Area" data-bbc-metadata="{"PAR":"secondary-promo-area","CHD":"promo::2"}" data-bbc-title="Design a gadget for Odd Squad" data-bbc-source="cbbc"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/the-odd-squad-competition-promo-b.jpg" data-alt="Design a gadget for Odd Squad"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/the-odd-squad-competition-promo-b.jpg" alt="Design a gadget for Odd Squad"/> </noscript> </span> </div> <div class="promo__info"> <span class="promo__caption">Design a gadget for Odd Squad</span> <div class="promo__cta button button--joinin button--small "><div class="button__link"><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Competition</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span></div></div> </div> </div> </a> </div><div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--joinin"> <a class="promo__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/joinin/bp-send-us-your-book-badge-photos" data-stats-interaction="promo" data-stats-interaction-variant="home_secondary" data-stats-interaction-position="2" data-stats-internal-link-location="secondary" , data-bbc-container="Secondary Promo Area" data-bbc-metadata="{"PAR":"secondary-promo-area","CHD":"promo::3"}" data-bbc-title="Send us a photo of you and your Book badge" data-bbc-source="cbbc"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/bp-book-badge-solicit-shini-promoB.jpg" data-alt="Blue Peter presenter Shini is wearing a pink jumper and holding the Book badge. She is pointing at it and smiling."></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/bp-book-badge-solicit-shini-promoB.jpg" alt="Blue Peter presenter Shini is wearing a pink jumper and holding the Book badge. She is pointing at it and smiling."/> </noscript> </span> </div> <div class="promo__info"> <span class="promo__caption">Send us a photo of you and your Book badge</span> <div class="promo__cta button button--joinin button--small "><div class="button__link"><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Join in</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span></div></div> </div> </div> </a> </div> </div></div> </div> </div> <div class="brandshelf--bottom"> <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/20240604201121/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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/tns-s8-az.png"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/tns-s8-az.png" alt=""/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/shows/horrible-histories" 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/20240604201121/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/20240604201121im_/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/20240604201121/https://www.bbc.co.uk/cbbc/shows/operation-ouch" 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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Op-ouch-s11-A_Z_Index.png" data-alt="Image of two men, one is jumping on the other's back, Doctors Chris and Xand from Operation Ouch."></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Op-ouch-s11-A_Z_Index.png" alt="Image of two men, one is jumping on the other's back, Doctors Chris and Xand from Operation Ouch."/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/shows/blue-peter" 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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/BluePeter-AtoZ-Shini.png" data-alt="Blue Peter presenters"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/BluePeter-AtoZ-Shini.png" alt="Blue Peter presenters"/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/shows/shaun-the-sheep" 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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/shaun-the-sheep-a-z-index2.png" data-alt="Shaun the Sheep with a double thumbs up, over a blue sky backdrop with the Shaun the Sheep logo in the foreground."></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/shaun-the-sheep-a-z-index2.png" alt="Shaun the Sheep with a double thumbs up, over a blue sky backdrop with the Shaun the Sheep logo in the foreground."/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20240604201121/https://www.bbc.co.uk/cbbc/shows/a-kind-of-spark" 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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/a-kind-of-spark-atoz-image-1.png"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/a-kind-of-spark-atoz-image-1.png" alt=""/> </noscript> </span> </a> </li></ul> </div> </div> </div> </div> <div class="brand-shelf__all-shows-link button button--center button--shows "><a class="button__link" href="/web/20240604201121/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> </div> <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/20240604201121/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/20240604201121im_/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/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/20240604201121/https://www.bbc.co.uk/cbeebies/shows/bluey" 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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/bluey-brandshelf-cbeebies.png" data-alt="Bluey on CBeebies"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/bluey-brandshelf-cbeebies.png" alt="Bluey on CBeebies"/> </noscript> </span> </span> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20240604201121/https://www.bbc.co.uk/cbeebies/shows/supertato" 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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/supertato-brandshelf.png"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/supertato-brandshelf.png" alt=""/> </noscript> </span> </span> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20240604201121/https://www.bbc.co.uk/cbeebies/shows/hey-duggee" 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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/hey-duggee-crossover-banner-v1.png" data-alt="Hey Duggee on CBeebies"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/hey-duggee-crossover-banner-v1.png" alt="Hey Duggee on CBeebies"/> </noscript> </span> </span> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20240604201121/https://www.bbc.co.uk/cbeebies/shows/andy-and-the-band" 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/20240604201121/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/andy-and-the-band-crossover-egg.png"></span> <noscript> <img src="https://web.archive.org/web/20240604201121im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/andy-and-the-band-crossover-egg.png" alt=""/> </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/20240604201121im_/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/f62a1df/images/feedback/feedbackImage.png" alt=""/> </div> </div> </div> </section> </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/20240604201121/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"> <nav class="common"> <ul data-orbit-navtype="CBBC"> <li class="orb-nav-cbbc"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/cbbc"> <span>CBBC</span> </a> </li> <li class="orb-nav-iplayer orb-d"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/tv/cbbc"> <span>CBBC iPlayer</span> </a> </li> <li class="orb-nav-newsround"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/newsround"> <span>Newsround</span> </a> </li> <li class="orb-nav-bitesize orb-d"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/bitesize"> <span>Bitesize</span> </a> </li> <li class="orb-nav-ownit orb-d"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.com/ownit"> <span>Own It</span> </a> </li> <li class="orb-nav-cbeebies"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/cbeebies"> <span>CBeebies</span> </a> </li> <li class="orb-nav-cbbctv"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/iplayer/guide/cbbc"> <span>CBBC on TV</span> </a> </li> <li class="orb-nav-cbbchelp orb-d"> <a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/cbbc/curations/cbbc-help"> <span>CBBC Help</span> </a> </li> </ul> </nav> </div> </div> </div> </aside> <footer role="contentinfo"> <div id="orb-contentinfo" class="orb-nav-sec b-r b-g-p"> <div class="orb-footer-inner"> <div> <ul class="orb-footer-infolinks"> <li class="orb-footer-terms"><a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/usingthebbc/terms/">Terms of Use</a></li> <li class="orb-footer-about"><a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/aboutthebbc">About the BBC</a></li> <li class="domestic orb-footer-privacy"><a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/usingthebbc/privacy/">Privacy Policy</a></li> <li class="international orb-footer-privacy"><a href="https://web.archive.org/web/20240604201121/https://www.bbc.com/usingthebbc/privacy/">Privacy Policy</a></li> <li class="domestic orb-footer-cookies"><a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/usingthebbc/cookies/">Cookies</a></li> <li class="international orb-footer-cookies"><a href="https://web.archive.org/web/20240604201121/https://www.bbc.com/usingthebbc/cookies/">Cookies</a></li> <li class="orb-footer-accessibility"><a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/accessibility/">Accessibility Help</a></li> <li class="orb-footer-parental"><a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/guidance">Parental Guidance</a></li> <li class="orb-footer-contact"><a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/contact">Contact the BBC</a></li> <li class="domestic orb-footer-editorial-complaint"><a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/contact/complaints/">Make an editorial complaint</a></li> <li class="orb-footer-newsletter"><a href="https://web.archive.org/web/20240604201121/https://www.bbc.co.uk/bbcnewsletter">BBC emails for you</a></li> <li class="international orb-footer-ads"><a href="https://web.archive.org/web/20240604201121/https://www.bbcglobalnews.com/">Advertise with us</a></li> </ul> <small> <em class="orb-hilight">Copyright © 2024 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/20240604201121/https://www.bbc.co.uk/editorialguidelines/guidance/feeds-and-links" class="orb-hilight"> Read about our approach to external linking. </a> </span> </small> </div> </div> </div></footer> </div> <script type="text/javascript" src="https://web.archive.org/web/20240604201121js_/https://static.files.bbci.co.uk/orbit/9c71430d82e66e12ef04949344bc5cf6/js/redirect.js" async></script> <script type="text/javascript" src="https://web.archive.org/web/20240604201121js_/https://static.files.bbci.co.uk/orbit/9c71430d82e66e12ef04949344bc5cf6/js/performance.js" data-release="3.0.1-409.c82308e7" data-ux="v4" async></script> <script type="module" src="https://web.archive.org/web/20240604201121jm_/https://static.files.bbci.co.uk/orbit/9c71430d82e66e12ef04949344bc5cf6/js/more-drawer.mjs"></script> <script type="module" src="https://web.archive.org/web/20240604201121jm_/https://static.files.bbci.co.uk/orbit/9c71430d82e66e12ef04949344bc5cf6/js/orbit.mjs" async></script> <script nomodule type="text/javascript" src="https://web.archive.org/web/20240604201121js_/https://static.files.bbci.co.uk/orbit/9c71430d82e66e12ef04949344bc5cf6/js/orbit.js" async></script> <script type="text/javascript">window.bbcuser.isUKCombined().then(function(e){var t;e&&(e="https://web.archive.org/web/20240604201121/https://static.files.bbci.co.uk/orbit/9c71430d82e66e12ef04949344bc5cf6/js/edr.js",(t=document.createElement("script")).type="text/javascript",t.src=e,t.async=!0,document.getElementsByTagName("body")[0].appendChild(t))})</script> <script type="module"> if (window.bbcuser && window.bbcuser.isUKCombined) { bbcuser.isUKCombined().then(function (isUK) { if (isUK) { import('https://web.archive.org/web/20240604201121/https://nav.files.bbci.co.uk/searchbox/e30bb40f716393c38cb99b630411b5ee//js/search-suggest.js').then(drawer => { drawer.setupSearchDrawer({ searchboxAppStaticPrefix: 'https://web.archive.org/web/20240604201121/https://nav.files.bbci.co.uk/searchbox/e30bb40f716393c38cb99b630411b5ee/', searchAPIURL: "https://web.archive.org/web/20240604201121/https://search.api.bbci.co.uk/formula/", searchSuggestAPIKey: "D2FgtcTxGqqIgLsfBWTJdrQh2tVdeaAp", soundsSearchAPIURL: "https://web.archive.org/web/20240604201121/https://rms.api.bbc.co.uk/v2/experience/inline/search", soundsSearchAPIKey: "3A5LU4tQWvWW3lpgF5OT4IWUoyLaju9z", variant: 'cbbc', searchScope: 'cbbc', }); }); } }); } </script> <script type="text/javascript" src="https://web.archive.org/web/20240604201121js_/https://nav.files.bbci.co.uk/navpromo/2baf40662822f8f25c9b9f122d2dba50/js/footerpromo.js" data-base="https://navpromo.api.bbci.co.uk" data-variant="cbbc" async></script> <script type="text/javascript">window.COOKIES_STATIC_HOST="https://web.archive.org/web/20240604201121/https://static.files.bbci.co.uk/cookies/288996a87c5364d85eb7e96a273bc938/cookie-banner/cookie-prompt/"</script><script src="https://web.archive.org/web/20240604201121js_/https://static.files.bbci.co.uk/cookies/288996a87c5364d85eb7e96a273bc938/cookie-banner/cookie-banners.bundle.js" async></script> <script src="https://web.archive.org/web/20240604201121js_/https://nav.files.bbci.co.uk//user-activity-helper/4760ad7fdd15a5eeba2c6048c8784188/js/detectview.bundle.js" async></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> </body> </html>

CINXE.COM

The Official Home of CBBC - CBBC - BBC