Turn your toy into Waffle - CBeebies

<!DOCTYPE html> <html lang="en" id="ng-app" class="no-js b-header--white--black b-footer--transparent--dark-grey b-reith-sans-font"> <head prefix="og: http://ogp.me/ns#"><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-turn-your-toy-into-waffle","20201003033657","https://web.archive.org/","web","/_static/", "1601696217"); </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/20201003033657js_/https://cdn.optimizely.com/public/4621041136/s/childrens_prod.js"></script> <title>Turn your toy into Waffle - CBeebies - BBC</title> <meta name="DCTERMS.title" content="Turn your toy into Waffle - CBeebies - BBC"/> <meta name="description" content="If you love Waffle why not give your own toy a Waffle make-over. Grab a grown up to help you make this simple paper collar."/> <meta name="DCTERMS.description" content="If you love Waffle why not give your own toy a Waffle make-over. Grab a grown up to help you make this simple paper collar."/> <meta property="og:title" content="Waffle the Wonder Dog - Turn your toy into Waffle"/> <meta property="og:description" content="If you love Waffle why not give your own toy a Waffle make-over. Grab a grown up to help you make this simple paper collar."/> <meta property="og:image" content="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/720/1x/cbeebies/cbeebies-house-turn-your-toy-into-waffle-content-card.jpg"/> <meta property="og:url" content="https://web.archive.org/web/20201003033657/http://www.bbc.co.uk/cbeebies/makes/cbeebies-house-turn-your-toy-into-waffle"/> <meta property="fb:pages" content="194575130577797"/> <meta property="fb:pages" content="7397061762"/> <meta property="fb:pages" content="7833211321"/> <meta property="fb:pages" content="129044383774217"/> <meta property="fb:pages" content="401538510458"/> <meta property="fb:pages" content="8251776107"/> <meta property="fb:pages" content="273726292719943"/> <meta property="fb:pages" content="107909022566650"/> <meta property="fb:pages" content="21750735380"/> <meta property="fb:pages" content="1477945425811579"/> <meta property="fb:pages" content="944295152308991"/> <meta property="fb:pages" content="154344434967"/> <meta property="fb:pages" content="8244244903"/> <meta property="fb:pages" content="512423982152360"/> <meta property="fb:pages" content="156060587793370"/> <meta property="fb:pages" content="215504865453262"/> <meta property="fb:pages" content="260967092113"/> <meta property="fb:pages" content="1392506827668140"/> <meta property="fb:pages" content="128645453843827"/> <meta property="fb:pages" content="7519460786"/> <meta property="fb:pages" content="1143803202301544"/> <meta property="fb:pages" content="1470145583204829"/> <meta property="fb:pages" content="470911516262605"/> <meta property="fb:pages" content="413132078795966"/> <meta property="fb:pages" content="118883634811868"/> <meta property="fb:pages" content="130593816777"/> <meta property="fb:pages" content="228735667216"/> <meta property="fb:pages" content="80758950658"/> <meta property="fb:pages" content="260212261199"/> <meta property="fb:pages" content="294662213128"/> <meta property="fb:pages" content="1086451581439054"/> <meta property="fb:pages" content="283348121682053"/> <meta property="fb:pages" content="295830058648"/> <meta property="fb:pages" content="239931389545417"/> <meta property="fb:pages" content="304314573046"/> <meta property="fb:pages" content="310719525611571"/> <meta property="fb:pages" content="647687225371774"/> <meta property="fb:pages" content="1159932557403143"/> <meta property="fb:pages" content="286567251709437"/> <meta property="fb:pages" content="1731770190373618"/> <meta property="fb:pages" content="125309456546"/> <meta property="fb:pages" content="742734325867560"/> <meta property="fb:pages" content="168895963122035"/> <meta property="fb:pages" content="292291897588734"/> <meta property="fb:pages" content="658551547588605"/> <meta property="fb:pages" content="156400551056385"/> <meta property="fb:pages" content="185246968166196"/> <meta property="fb:pages" content="1411916919051820"/> <meta property="fb:pages" content="958681370814419"/> <meta property="fb:pages" content="317278538359186"/> <meta property="fb:pages" content="8585725981"/> <meta property="fb:pages" content="1436581493296609"/> <meta property="fb:pages" content="163571453661989"/> <meta property="fb:pages" content="751471531641341"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="DCTERMS.created" content="2018-07-01T23:00:00.000Z"/> <meta name="DCTERMS.modified" content="2019-03-01T12:11:08.153Z"/> <link rel="canonical" href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-turn-your-toy-into-waffle"/> <script type="text/javascript"> var _sf_startpt = (new Date()).getTime() </script> <link rel="copyright" href="https://web.archive.org/web/20201003033657/http://www.bbc.co.uk/terms/" title="Terms of Use"/> <link href="/web/20201003033657im_/https://www.bbc.co.uk/cbeebies/assets/images/favicons/apple-touch-icon.png" rel="apple-touch-icon"/> <link href="/web/20201003033657im_/https://www.bbc.co.uk/cbeebies/assets/images/favicons/favicon.ico" rel="icon" type="image/x-icon"/> <link href="/web/20201003033657im_/https://www.bbc.co.uk/cbeebies/assets/images/favicons/favicon.ico" rel="shortcut icon" type="image/x-icon"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20201003033657cs_/https://static.bbci.co.uk/gelstyles/0.11.0/style/core.css"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20201003033657cs_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/stylesheets/cbeebies.min.css"/>  <link rel="stylesheet" type="text/css" href="/web/20201003033657cs_/https://www.bbc.co.uk/cbeebies/stylesheets/immersive/brand/1578663591/e294b45/waffle-the-wonder-dog.css"/> <script type="text/javascript"> var allForwardSlashes = /\//g; var anythingNotAWordOrFullStop = /[^\w^\.]/g; var allMultipleUnderscores = /_+/g; var fullStopAtEnd = /\.$/; var pageDescriptor = window.location.pathname.substring(1) .replace(allForwardSlashes, '.') .replace(anythingNotAWordOrFullStop, '_') .replace(allMultipleUnderscores, '_') .replace(fullStopAtEnd, ''); window.istats_countername = pageDescriptor.toLowerCase() + '.page'; </script>         <meta name="viewport" content="width=device-width, initial-scale=1.0"><meta property="fb:admins" content="100004154058350"><link rel="stylesheet" href="https://web.archive.org/web/20201003033657cs_/https://nav.files.bbci.co.uk/orbit/b3428ed36e7e195dbf298117ef155a8f/css/orb-ltr.min.css"><script type="text/javascript">/*<![CDATA[*/ window.orb = { lang: 'en', bbcBaseUrl: 'https://web.archive.org/web/20201003033657/https://www.bbc.co.uk', bbcUrlPrefix: 'https://web.archive.org/web/20201003033657/https://www.', staticHost: 'https://web.archive.org/web/20201003033657/https://nav.files.bbci.co.uk/orbit/b3428ed36e7e195dbf298117ef155a8f', figUrl: 'https://web.archive.org/web/20201003033657/https://fig.bbc.co.uk/frameworks/fig/2/fig.js', partialCookieOvenUrl: 'https://web.archive.org/web/20201003033657/https://cookie-oven.api.bbc' }; document.documentElement.className += (document.documentElement.className? ' ' : '') + 'orb-js'; window.orb.worldwideNavlinks = ''; /*]]>*/</script><script>// Promise polyfill from https://github.com/bramstein/promis (function(){'use strict';var f,g=[];function l(a){g.push(a);1==g.length&&f()}function m(){for(;g.length;)g[0](),g.shift()}f=function(){setTimeout(m)};function n(a){this.a=p;this.b=void 0;this.f=[];var b=this;try{a(function(a){q(b,a)},function(a){r(b,a)})}catch(c){r(b,c)}}var p=2;function t(a){return new n(function(b,c){c(a)})}function u(a){return new n(function(b){b(a)})}function q(a,b){if(a.a==p){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d){d.call(b,function(b){c||q(a,b);c=!0},function(b){c||r(a,b);c=!0});return}}catch(e){c||r(a,e);return}a.a=0;a.b=b;v(a)}} function r(a,b){if(a.a==p){if(b==a)throw new TypeError;a.a=1;a.b=b;v(a)}}function v(a){l(function(){if(a.a!=p)for(;a.f.length;){var b=a.f.shift(),c=b[0],d=b[1],e=b[2],b=b[3];try{0==a.a?"function"==typeof c?e(c.call(void 0,a.b)):e(a.b):1==a.a&&("function"==typeof d?e(d.call(void 0,a.b)):b(a.b))}catch(h){b(h)}}})}n.prototype.g=function(a){return this.c(void 0,a)};n.prototype.c=function(a,b){var c=this;return new n(function(d,e){c.f.push([a,b,d,e]);v(c)})}; function w(a){return new n(function(b,c){function d(c){return function(d){h[c]=d;e+=1;e==a.length&&b(h)}}var e=0,h=[];0==a.length&&b(h);for(var k=0;k<a.length;k+=1)u(a[k]).c(d(k),c)})}function x(a){return new n(function(b,c){for(var d=0;d<a.length;d+=1)u(a[d]).c(b,c)})};window.Promise||(window.Promise=n,window.Promise.resolve=u,window.Promise.reject=t,window.Promise.race=x,window.Promise.all=w,window.Promise.prototype.then=n.prototype.c,window.Promise.prototype["catch"]=n.prototype.g);}()); // Polyfill Event constructor for IE ref: https://jira.dev.bbc.co.uk/browse/ORBITEN-919 // see: https://stackoverflow.com/questions/26596123 (function () { if (typeof window.CustomEvent === "function") { return false; } function CustomEvent(event, params) { params = params || { bubbles: false, cancelable: false, detail: undefined }; var evt = document.createEvent('CustomEvent'); evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail); return evt; } CustomEvent.prototype = window.Event.prototype; window.Event = CustomEvent; })(); //Element.prototype.matches polyfill //from https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill if (!Element.prototype.matches) { Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; } //NodeList.forEach Polyfill //from https://developer.mozilla.org/en-US/docs/Web/API/NodeList/forEach#Polyfill if (window.NodeList && !NodeList.prototype.forEach) { NodeList.prototype.forEach = Array.prototype.forEach; } // Object.assign polyfill from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign#Polyfill if (typeof Object.assign != 'function') { // Must be writable: true, enumerable: false, configurable: true Object.defineProperty(Object, "assign", { value: function assign(target, varArgs) { // .length of function is 2 'use strict'; if (target == null) { // TypeError if undefined or null throw new TypeError('Cannot convert undefined or null to object'); } var to = Object(target); for (var index = 1; index < arguments.length; index++) { var nextSource = arguments[index]; if (nextSource != null) { // Skip over if undefined or null for (var nextKey in nextSource) { // Avoid bugs when hasOwnProperty is shadowed if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) { to[nextKey] = nextSource[nextKey]; } } } } return to; }, writable: true, configurable: true }); } // window.fetch polyfill https://github.com/github/fetch/blob/v0.11.0/fetch.js - chosen for IE9 compatibility if(typeof window.fetch !== 'function') { (function(self){"use strict";if(self.fetch){return}function normalizeName(name){if(typeof name!=="string"){name=String(name)}if(/[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(name)){throw new TypeError("Invalid character in header field name")}return name.toLowerCase()}function normalizeValue(value){if(typeof value!=="string"){value=String(value)}return value}function Headers(headers){this.map={};if(headers instanceof Headers){headers.forEach(function(value,name){this.append(name,value)},this)}else if(headers){Object.getOwnPropertyNames(headers).forEach(function(name){this.append(name,headers[name])},this)}}Headers.prototype.append=function(name,value){name=normalizeName(name);value=normalizeValue(value);var list=this.map[name];if(!list){list=[];this.map[name]=list}list.push(value)};Headers.prototype["delete"]=function(name){delete this.map[normalizeName(name)]};Headers.prototype.get=function(name){var values=this.map[normalizeName(name)];return values?values[0]:null};Headers.prototype.getAll=function(name){return this.map[normalizeName(name)]||[]};Headers.prototype.has=function(name){return this.map.hasOwnProperty(normalizeName(name))};Headers.prototype.set=function(name,value){this.map[normalizeName(name)]=[normalizeValue(value)]};Headers.prototype.forEach=function(callback,thisArg){Object.getOwnPropertyNames(this.map).forEach(function(name){this.map[name].forEach(function(value){callback.call(thisArg,value,name,this)},this)},this)};function consumed(body){if(body.bodyUsed){return Promise.reject(new TypeError("Already read"))}body.bodyUsed=true}function fileReaderReady(reader){return new Promise(function(resolve,reject){reader.onload=function(){resolve(reader.result)};reader.onerror=function(){reject(reader.error)}})}function readBlobAsArrayBuffer(blob){var reader=new FileReader;reader.readAsArrayBuffer(blob);return fileReaderReady(reader)}function readBlobAsText(blob){var reader=new FileReader;reader.readAsText(blob);return fileReaderReady(reader)}var support={blob:"FileReader"in self&&"Blob"in self&&function(){try{new Blob;return true}catch(e){return false}}(),formData:"FormData"in self,arrayBuffer:"ArrayBuffer"in self};function Body(){this.bodyUsed=false;this._initBody=function(body){this._bodyInit=body;if(typeof body==="string"){this._bodyText=body}else if(support.blob&&Blob.prototype.isPrototypeOf(body)){this._bodyBlob=body}else if(support.formData&&FormData.prototype.isPrototypeOf(body)){this._bodyFormData=body}else if(!body){this._bodyText=""}else if(support.arrayBuffer&&ArrayBuffer.prototype.isPrototypeOf(body)){}else{throw new Error("unsupported BodyInit type")}if(!this.headers.get("content-type")){if(typeof body==="string"){this.headers.set("content-type","text/plain;charset=UTF-8")}else if(this._bodyBlob&&this._bodyBlob.type){this.headers.set("content-type",this._bodyBlob.type)}}};if(support.blob){this.blob=function(){var rejected=consumed(this);if(rejected){return rejected}if(this._bodyBlob){return Promise.resolve(this._bodyBlob)}else if(this._bodyFormData){throw new Error("could not read FormData body as blob")}else{return Promise.resolve(new Blob([this._bodyText]))}};this.arrayBuffer=function(){return this.blob().then(readBlobAsArrayBuffer)};this.text=function(){var rejected=consumed(this);if(rejected){return rejected}if(this._bodyBlob){return readBlobAsText(this._bodyBlob)}else if(this._bodyFormData){throw new Error("could not read FormData body as text")}else{return Promise.resolve(this._bodyText)}}}else{this.text=function(){var rejected=consumed(this);return rejected?rejected:Promise.resolve(this._bodyText)}}if(support.formData){this.formData=function(){return this.text().then(decode)}}this.json=function(){return this.text().then(JSON.parse)};return this}var methods=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];function normalizeMethod(method){var upcased=method.toUpperCase();return methods.indexOf(upcased)>-1?upcased:method}function Request(input,options){options=options||{};var body=options.body;if(Request.prototype.isPrototypeOf(input)){if(input.bodyUsed){throw new TypeError("Already read")}this.url=input.url;this.credentials=input.credentials;if(!options.headers){this.headers=new Headers(input.headers)}this.method=input.method;this.mode=input.mode;if(!body){body=input._bodyInit;input.bodyUsed=true}}else{this.url=input}this.credentials=options.credentials||this.credentials||"omit";if(options.headers||!this.headers){this.headers=new Headers(options.headers)}this.method=normalizeMethod(options.method||this.method||"GET");this.mode=options.mode||this.mode||null;this.referrer=null;if((this.method==="GET"||this.method==="HEAD")&&body){throw new TypeError("Body not allowed for GET or HEAD requests")}this._initBody(body)}Request.prototype.clone=function(){return new Request(this)};function decode(body){var form=new FormData;body.trim().split("&").forEach(function(bytes){if(bytes){var split=bytes.split("=");var name=split.shift().replace(/\+/g," ");var value=split.join("=").replace(/\+/g," ");form.append(decodeURIComponent(name),decodeURIComponent(value))}});return form}function headers(xhr){var head=new Headers;var pairs=xhr.getAllResponseHeaders().trim().split("\n");pairs.forEach(function(header){var split=header.trim().split(":");var key=split.shift().trim();var value=split.join(":").trim();head.append(key,value)});return head}Body.call(Request.prototype);function Response(bodyInit,options){if(!options){options={}}this.type="default";this.status=options.status;this.ok=this.status>=200&&this.status<300;this.statusText=options.statusText;this.headers=options.headers instanceof Headers?options.headers:new Headers(options.headers);this.url=options.url||"";this._initBody(bodyInit)}Body.call(Response.prototype);Response.prototype.clone=function(){return new Response(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new Headers(this.headers),url:this.url})};Response.error=function(){var response=new Response(null,{status:0,statusText:""});response.type="error";return response};var redirectStatuses=[301,302,303,307,308];Response.redirect=function(url,status){if(redirectStatuses.indexOf(status)===-1){throw new RangeError("Invalid status code")}return new Response(null,{status:status,headers:{location:url}})};self.Headers=Headers;self.Request=Request;self.Response=Response;self.fetch=function(input,init){return new Promise(function(resolve,reject){var request;if(Request.prototype.isPrototypeOf(input)&&!init){request=input}else{request=new Request(input,init)}var xhr=new XMLHttpRequest;function responseURL(){if("responseURL"in xhr){return xhr.responseURL}if(/^X-Request-URL:/m.test(xhr.getAllResponseHeaders())){return xhr.getResponseHeader("X-Request-URL")}return}xhr.onload=function(){var status=xhr.status===1223?204:xhr.status;if(status<100||status>599){reject(new TypeError("Network request failed"));return}var options={status:status,statusText:xhr.statusText,headers:headers(xhr),url:responseURL()};var body="response"in xhr?xhr.response:xhr.responseText;resolve(new Response(body,options))};xhr.onerror=function(){reject(new TypeError("Network request failed"))};xhr.open(request.method,request.url,true);if(request.credentials==="include"){xhr.withCredentials=true}if("responseType"in xhr&&support.blob){xhr.responseType="blob"}request.headers.forEach(function(value,name){xhr.setRequestHeader(name,value)});xhr.send(typeof request._bodyInit==="undefined"?null:request._bodyInit)})};self.fetch.polyfill=true})(typeof self!=="undefined"?self:this); } if (typeof window.CustomEvent !== 'function') { function CustomEvent(event, params) { params = params || { bubbles: false, cancelable: false, detail: null }; var evt = document.createEvent('CustomEvent'); evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail); return evt; } CustomEvent.prototype = window.Event.prototype; window.CustomEvent = CustomEvent; } (function() { var language = 'en'; language = 'en'; var modal = false; var istatsLabels = {name: 'cbeebies.makes.cbeebies_house_turn_your_toy_into_waffle.page' || undefined}; istatsLabels['app_name'] = 'cbeebies'; istatsLabels['app_type'] = 'responsive'; function getMetaValue(propertyName) { var metaTag = document.querySelector( "meta[property='" + propertyName + "'], " + "meta[name='" + propertyName + "']"); if (metaTag) { return metaTag.getAttribute("content"); } else { throw new Error('No meta tag called: ' + propertyName) } } function generateCountername() { if (window.location.protocol === 'file:') { return 'local.file'; } var pathName = window.location.pathname .replace(/\/$/, "") .replace(/^\//, "") .replace(/\//g, '.'); return pathName + '.page'; } var additionalPageProperties = {}; additionalPageProperties['custom_var_1'] = 'waffle-the-wonder-dog'; additionalPageProperties['custom_var_2'] = 'false'; additionalPageProperties['custom_var_3'] = 'false'; additionalPageProperties['custom_var_4'] = 'cbeebies-house-makes'; additionalPageProperties['custom_var_5'] = 'pid-p06cqxwz'; additionalPageProperties['custom_var_6'] = '2018-07-02T16:48:03.120Z'; additionalPageProperties['custom_var_7'] = '2019-03-01T12:11:08.153Z'; additionalPageProperties['custom_var_10'] = 'none'; additionalPageProperties['app_name'] = 'cbeebies'; var page = { name: '' || istatsLabels.name || generateCountername(), destination: 'cbeebies' || null, producer: 'cbeebies' || null, section: 'makes' || null, site: '' || istatsLabels.bbc_site || istatsLabels.app_name || istatsLabels.prod_name || null, contentId: 'urn:bbc:isite2:92d1e7c7-3432-43e3-9f5a-e0d51d416f5e' || null, contentType: 'article' || null, edition: '' || null, additionalProperties: additionalPageProperties }; function updatePageData(newData) { page = Object.assign(page, newData); } document.addEventListener('bbc-page-reset', function(event) { if (event.detail && event.detail.page) { updatePageData(event.detail.page); } document.dispatchEvent(new Event('bbc-page-updated')); }); window.bbcpage = { loadModule: function(deps) { return new Promise(function (resolve, reject) { window.require(deps, function () { resolve.apply(this, arguments); }, function (error) { reject(error); }); }) }, loadCSS: function (url, timeout) { return window.bbcpage.loadModule(['orb/lib/_$']) .then(function($) { return new Promise(function(resolve, reject) { var stylesheet = loadCSS(url); $.onloadCSS(stylesheet, function() { resolve(); }); if (timeout) { setTimeout(function () { reject(); }, timeout); } }); }); }, isModal: function () { return Promise.resolve(modal); }, getLanguage: function () { return new Promise(function(resolve, reject) { resolve(language); }); }, trackRegion: function (region, labels) { return window.bbcpage.loadModule(['istats-1']) .then(function(istats) { var trackLabels = { region: region }; for (var label in labels) { trackLabels[label] = labels[label]; } var linkType = labels.linkType || 'internal'; istats.track(linkType, trackLabels); }); }, getName: function() { return Promise.resolve(page.name); }, getDestination: function() { return Promise.resolve(page.destination); }, getProducer: function() { return Promise.resolve(page.producer); }, getSite: function() { return Promise.resolve(page.site); }, getSection: function() { return Promise.resolve(page.section); }, getContentType: function() { return Promise.resolve(page.contentType); }, getContentId: function() { return Promise.resolve(page.contentId); }, getEdition: function() { return new Promise(function (resolve, reject) { if (page.edition) { resolve(page.edition); return; } try { resolve(getMetaValue('x-audience').toLowerCase()); } catch (err){ // This property is related to Chartbeat; see http://support.chartbeat.com/docs/ if (window._sf_async_config) { resolve(window._sf_async_config.region || null); } } resolve(null); }); }, getReferrer: function() { return Promise.resolve(window.orb && window.orb.referrer !== null && window.orb.referrer !== undefined ? window.orb.referrer : document.referrer); }, getAdditionalProperties: function() { return Promise.resolve(page.additionalProperties); } }; var USERINFO_PREFIX = "www." || "www."; function initUserCache(orbitUser) { var availableAttr = [ 'X-Country', 'X-Ip_is_advertise_combined', 'X-Ip_is_uk_combined' ]; var userCache = availableAttr.reduce(function(user, curr, i) { if (!orbitUser[curr]) { return user; } var res = Object.assign({}, user); res[curr] = orbitUser[curr]; return res; }, {}); if (Object.keys(userCache).length !== availableAttr.length) { userCache._partial = true; } return userCache; } var user = initUserCache({ }); function checkStatus(response) { if (response.status >= 200 && response.status < 300) { return response; } else { var error = new Error(response.statusText); error.response = response; throw error; } } function parseJSON(response) { return response.json(); } var supportsCors = function() { return typeof XMLHttpRequest !== 'undefined' && 'withCredentials' in new XMLHttpRequest(); }; var getUserInfoFallback = function() { return window.bbcpage.loadModule(['orb/fig']) .then(function(orbFig) { return new Promise(function(resolve, reject) { orbFig.load(function(fig) { var getCountryFallback = function() { if (fig.geo.isUK()) { return 'GB'; } else if (fig.geo.isEU()) { return 'EU'; } }; resolve({ 'X-Country': user.country || getCountryFallback(), 'X-Ip_is_uk_combined': fig().uk ? 'yes' : 'no', 'X-Ip_is_advertise_combined': fig().ad ? 'yes' : 'no' }); }, function () { reject('Error determining country. Timeout?'); }); }); }); }; var _userInfoRequest; var getUserInfo = function() { var host = window.location.host.toString().match(/bbc\.com$/) ? 'bbc.com' : 'bbc.co.uk'; var userInfoUrl = "https://" + USERINFO_PREFIX + host + '/userinfo'; if (!user._partial) { return Promise.resolve(user); } if (!_userInfoRequest) { if (typeof window.fetch === 'undefined' || !supportsCors()) { _userInfoRequest = getUserInfoFallback(); } else { _userInfoRequest = window.fetch(userInfoUrl, { credentials: 'same-origin' }) .then(checkStatus) .then(parseJSON) .then(function(userInfo) { user = userInfo; return user; }); } } return _userInfoRequest; }; var USER_PROFILE_URL = "https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/userprofile";; var _helloRequest; var getSegmentations = function() { if (user.ageBand) { return Promise.resolve(user); } if (!_helloRequest) { if (typeof window.fetch === 'undefined' || !supportsCors()) { return Promise.resolve(user); } else { _helloRequest = window.bbcpage.loadModule(['idcta-v2/idcta-1']).then(function(idcta) { return idcta.initiateTokenRefresh().then(function() { return window.fetch(USER_PROFILE_URL, { credentials: 'include' }) .then(checkStatus) .then(parseJSON) .then(function(profileInfo) { Object.assign(user, profileInfo); return user; }); }); }); } } return _helloRequest; }; window.bbcuser = { getHashedId: function() { return window.bbcpage.loadModule(['idcta-v2/idcta-1']) .then(function(idcta) { return idcta.getCookieInstance().getHidFromCookie(); }); }, getAgeBand: function() { if (user['X-Age-Band']) { return Promise.resolve(user['X-Age-Band']); } return bbcuser.isSignedIn().then(function(isSignedIn) { if (isSignedIn) { return window.bbcpage.loadModule(['idcta-v2/idcta-1']) .then(function(idcta) { user['X-Age-Band'] = idcta.getUserDetailsFromCookie().ab; if (user['X-Age-Band'] === 'u13') { user['X-Age-Band'] = '0-12'; return user['X-Age-Band']; } else if (user['X-Age-Band'] === 'u16') { user['X-Age-Band'] = '13-15'; return user['X-Age-Band']; } else if (user['X-Age-Band'] === 'u18') { user['X-Age-Band'] = '16-17'; return user['X-Age-Band']; } else { user['X-Age-Band'] = undefined; return getSegmentations().then(function(userInfo) { user['X-Age-Band'] = userInfo['X-Age-Band']; return user['X-Age-Band'] || undefined; }).catch(function(error) { return user['X-Age-Band'] || undefined; }); } }); } else { return undefined; } }); }, getCountry: function() { if (user['X-Country']) { return Promise.resolve(user['X-Country']); } return getUserInfo().then(function(userInfo) { return userInfo['X-Country'] || 'GB'; }); }, isUKCombined: function() { return getUserInfo().then(function(userInfo) { if (!userInfo['X-Ip_is_uk_combined']) { throw new Error('missing isUKCombined from userinfo response'); } return userInfo['X-Ip_is_uk_combined'].toLowerCase() === 'yes'; }) }, canSeeAdverts: function() { return getUserInfo().then(function(userInfo) { if (!userInfo['X-Ip_is_advertise_combined']) { throw new Error('missing canSeeAdverts from userinfo response'); } return userInfo['X-Ip_is_advertise_combined'].toLowerCase() === "yes"; }); }, isSignedIn: function() { return window.bbcpage.loadModule(['idcta-v2/idcta-1']) .then(function(idcta) { return (idcta && idcta.getCookieInstance().hasCookie()); }); }, allowsPerformanceCookies: function() { return window.bbcpage.loadModule(['orb/cookies']) .then(function(bbccookies) { return !!bbccookies.cookiesEnabled() && !!bbccookies.readPolicy('performance'); }); }, allowsFunctionalCookies: function() { return window.bbcpage.loadModule(['orb/cookies']) .then(function(bbccookies) { return !!bbccookies.cookiesEnabled() && !!bbccookies.readPolicy('personalisation'); }); }, getCookieValue: function(cookieName) { return window.bbcpage.loadModule(['orb/cookies']) .then(function(bbccookies) { return bbccookies.get(cookieName); }); }, resetCookiesPreferences: function() { return window.bbcpage.loadModule(['orb/cookies']) .then(function(bbccookies) { bbccookies.setDefaultCookiesSingleDomain(); }); }, hasCookiesEnabled: function() { return window.bbcpage.loadModule(['orb/cookies']) .then(function(bbccookies) { return !!bbccookies.cookiesEnabled(); }); }, hasSeenCookieBanner: function() { return window.bbcpage.loadModule(['orb/cookies']) .then(function (bbccookies) { return !!bbccookies.isCookiePolicySet(); }); }, logEvent: function (verb, noun, extraLabels) { return window.bbcuser.hasCookiesEnabled() .then(function(allowsCookies) { if (allowsCookies) { return window.bbcpage.loadModule(['istats-1']) .then(function(istats) { istats.log(verb, noun, extraLabels); }); } else { throw new Error('User cannot be tracked due to cookies preferences.'); } }); }, }; }());</script><script src="https://web.archive.org/web/20201003033657js_/https://nav.files.bbci.co.uk/orbit/b3428ed36e7e195dbf298117ef155a8f/js/require.min.js"></script> <script src="https://web.archive.org/web/20201003033657js_/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.2-523.d8dadc6/cookie-banner/cookie-library.min.js"></script><script type="text/javascript">if (window.define !== undefined) { define('orb/cookies', function() { return window.bbccookies; }); }</script> <script src="https://web.archive.org/web/20201003033657js_/https://nav.files.bbci.co.uk/orbit/b3428ed36e7e195dbf298117ef155a8f/js/api.min.js"></script> <script type="text/javascript">window.bbcFlagpoles_istats="ON",require.config({paths:{"istats-1":"https://web.archive.org/web/20201003033657/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.2-523.d8dadc6/istats/istats-1"}}),require(["istats-1","orb/cookies"],function(a,t){if(t.isAllowed("s1")){var e=(o=document.location.href.match(/^(?:https|http):\/\/\w*\.(?:(int|test|stage|live|)\.)?bbc\.(?:co\.uk|com)/))?void 0===o[1]||""===o[1]||"live"===o[1]?"//web.archive.org/web/20201003033657/https://sa.bbc.co.uk/bbc/bbc/s":"//web.archive.org/web/20201003033657/https://sa.bbc.co.uk/bbc/"+o[1]+"/s":"//web.archive.org/web/20201003033657/https://sa.bbc.co.uk/bbc/test/s";a.addCollector({name:"default",url:e,separator:"&"});var s="cbeebies.makes.cbeebies_house_turn_your_toy_into_waffle.page";a.setCountername(s),window.istats_countername&&a.setCountername(window.istats_countername),a.addLabels("ml_name=webmodule&ml_version=0.0.2-523.d8dadc6&blq_e=orbit&blq_r=orbit&blq_s=orbit&blq_v=cbeebies&language=en&app_name=cbeebies&app_type=responsive")}var o});</script><link rel="stylesheet" href="https://web.archive.org/web/20201003033657cs_/https://static.files.bbci.co.uk/account/id-cta/1.49.0/style/id-cta.css"><script type="text/javascript">(function() {if (!window.require) {throw new Error('idcta: could not find require module');}if (typeof(map) == 'undefined') {var map = {};}if (!!document.createElementNS && !!document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect) {document.documentElement.className += ' id-svg';}var ptrt = new RegExp("[\\?&]ptrt=([^&]*)").exec(document.location.href);var ENDPOINT_URL = 'https://web.archive.org/web/20201003033657/https://idcta.api.bbc.co.uk';var ENDPOINT_CONFIG = ('/idcta/config?callback=&ptrt=' + encodeURIComponent((ptrt ? ptrt[1] : document.location.href))).replace(/\&/g, '&');var ENDPOINT_TRANSLATIONS = '/idcta/translations?callback=';function hasPromise() {var P = window.Promise;var promiseToString = null;if (P) {try {promiseToString = Object.prototype.toString.call(P.resolve());} catch(e) {/*silently ignored*/}}return (promiseToString === '[object Promise]' && !P.cast);}if (hasPromise()) {define('idcta/es6-promise', function() {return window.Promise;});define('idcta-v2/es6-promise', function() {return window.Promise;});}map['idcta-v2'] = 'https://web.archive.org/web/20201003033657/https://static.files.bbci.co.uk/account/id-cta/1.49.0/modules/idcta-v2';map['idcta-v2/config'] = ENDPOINT_URL + ENDPOINT_CONFIG;map['idcta-v2/translations'] = ENDPOINT_URL + ENDPOINT_TRANSLATIONS;map['idcta'] = 'https://web.archive.org/web/20201003033657/https://static.files.bbci.co.uk/account/id-cta/1.8.2/modules/idcta';map['idcta-v2/idcta-1'] = 'https://web.archive.org/web/20201003033657/https://static.files.bbci.co.uk/account/id-cta/1.49.0/modules/idcta-v2/dist/idcta-1.min';map['idcta-v2/experiment-snippet'] = 'https://web.archive.org/web/20201003033657/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> <style type="text/css">.bbccom_display_none{display:none;}</style><script type="text/javascript">/*<![CDATA[*/ var bbcdotcomConfig, googletag = googletag || {}; googletag.cmd = googletag.cmd || [], bbcdotcomScripts = [], tp = window.tp || []; var bbcdotcom = false; (function(){ if(typeof require !== 'undefined') { require({ paths:{ "bbcdotcom":"https://web.archive.org/web/20201003033657/https://static.bbc.co.uk/bbcdotcom/4.7.1147/script" } }); } })(); /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ var bbcdotcom = { adverts: { keyValues: { set: function() {} } }, advert: { write: function () {}, show: function () {}, isActive: function () { return false; }, layout: function() { return { reset: function() {} } } }, config: { init: function() {}, isActive: function() {}, setSections: function() {}, isAdsEnabled: function() {}, setAdsEnabled: function() {}, isAnalyticsEnabled: function() {}, setAnalyticsEnabled: function() {}, setAssetPrefix: function() {}, setFlagpoles: function() {}, setVersion: function () {}, setJsPrefix: function() {}, setSwfPrefix: function() {}, setCssPrefix: function() {}, setConfig: function() {}, getAssetPrefix: function() {}, getJsPrefix: function () {}, getSwfPrefix: function () {}, getCssPrefix: function () {}, isOptimizelyEnabled: function() {}, isThirdPartyDisabled: function() {}, isThirdPartyDisabledEU: function() {}, setEU: function() {} }, survey: { init: function(){ return false; } }, data: {}, init: function() {}, objects: function(str) { return false; }, locale: { set: function() {}, get: function() {} }, setAdKeyValue: function() {}, utils: { addEvent: function() {}, addHtmlTagClass: function() {}, log: function () {} }, addLoadEvent: function() {} }; /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function(){ if (typeof orb !== 'undefined' && typeof orb.fig === 'function') { if (orb.fig('ad') && orb.fig('uk') == 0) { bbcdotcom.data = { ads: (orb.fig('ad') ? 1 : 0), stats: (orb.fig('uk') == 0 ? 1 : 0), statsProvider: orb.fig('ap') }; } } else { document.write('<script type="text/javascript" src="https://web.archive.org/web/20201003033657/https://www.bbc.com/wwscripts/data">\x3C/script>'); } })(); /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function(){ if (typeof orb === 'undefined' || typeof orb.fig !== 'function') { bbcdotcom.data = { ads: bbcdotcom.data.a, stats: bbcdotcom.data.b, statsProvider: bbcdotcom.data.c }; } if (bbcdotcom.data.ads == 1) { document.write('<script type="text/javascript" src="https://web.archive.org/web/20201003033657/https://www.bbc.com/wwscripts/flag">\x3C/script>'); } })(); /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function(){ if (window.bbcdotcom && (typeof bbcdotcom.flag == 'undefined' || (typeof bbcdotcom.data.ads !== 'undefined' && bbcdotcom.flag.a != 1))) { bbcdotcom.data.ads = 0; } if (/[?|&]ads/.test(window.location.href) || /(^|; )ads=on; /.test(document.cookie) || /; ads=on(; |$)/.test(document.cookie)) { bbcdotcom.data.ads = 1; bbcdotcom.data.stats = 1; } if (window.bbcdotcom && (bbcdotcom.data.ads == 1 || bbcdotcom.data.stats == 1)) { bbcdotcom.assetPrefix = "https://web.archive.org/web/20201003033657/https://static.bbc.co.uk/bbcdotcom/4.7.1147/"; if (/(sandbox|int)(.dev)*.bbc.co*/.test(window.location.href) || /[?|&]ads-debug/.test(window.location.href) || document.cookie.indexOf('ads-debug=') !== -1) { document.write('<script type="text/javascript" src="https://web.archive.org/web/20201003033657/https://static.bbc.co.uk/bbcdotcom/4.7.1147/script/dist/bbcdotcom.dev.js">\x3C/script>'); } else { document.write('<script type="text/javascript" src="https://web.archive.org/web/20201003033657/https://static.bbc.co.uk/bbcdotcom/4.7.1147/script/dist/bbcdotcom.js">\x3C/script>'); } } })(); /*]]>*/</script><script type="text/javascript">if (window.bbcdotcom && bbcdotcom.data.stats == 1) { document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20201003033657/https://secure-us.imrworldwide.com/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20201003033657/https://me-cdn.effectivemeasure.net/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20201003033657/https://ssc.api.bbc.com/">'); } if (window.bbcdotcom && bbcdotcom.data.ads == 1) { document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20201003033657/https://www.googletagservices.com/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20201003033657/https://bbc.gscontxt.net/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20201003033657/https://tags.crwdcntrl.net/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20201003033657/https://ad.crwdcntrl.net/">'); }</script><script type="text/javascript">if (window.bbcdotcom && bbcdotcom.data.ads == 1) { document.write('<meta name="google-site-verification" content="auTeTTwSt_KBY_4iDoR00Lwb7-qzx1IgzJy6ztaWgEI" />'); }</script><script type="text/javascript">/*<![CDATA[*/ (function(){ var GDPR_COUNTRIES = ['AT', 'BE', 'BG', 'HR', 'CY', 'CZ', 'DK', 'EE', 'FI', 'FR', 'DE', 'GR', 'HU', 'IE', 'IT', 'LV', 'LT', 'LU', 'MT', 'NL', 'PL', 'PT', 'RO', 'SK', 'SI', 'ES', 'SE', 'IS', 'LI', 'NO', 'CH']; if (window.bbcdotcom && (bbcdotcom.data.ads == 1 || bbcdotcom.data.stats == 1)) { bbcdotcomConfig = {"adFormat":"standard","adKeyword":"","adMode":"smart","adsEnabled":true,"appAnalyticsSections":"","asyncEnabled":true,"disableInitialLoad":false,"advertInfoPageUrl":"https:\/\/web.archive.org\/web\/20201003033657\/https:\/\/www.bbc.com\/privacy\/cookies\/international\/","advertisementText":"Advertisement","analyticsEnabled":true,"thirdPartyDisabled":false,"sherlockEnabled":false,"permutiveEnabled":false,"appName":"cbeebies","assetPrefix":"https:\/\/web.archive.org\/web\/20201003033657\/https:\/\/static.bbc.co.uk\/bbcdotcom\/4.7.1147\/","customAdParams":[],"customStatsParams":[],"headline":"","id":"","inAssociationWithText":"in association with","keywords":"","language":"","orbTransitional":false,"optimizelyEnabled":true,"palEnv":"live","productName":"cbeebies","sections":[],"comScoreEnabled":true,"comscoreSite":"bbc","comscoreID":"19293874","comscorePageName":"","slots":"","sponsoredByText":"is sponsored by","adsByGoogleText":"Ads by Google","summary":"","type":"","features":{"testfeature":{"name":"testfeature","envs":["sandbox","int","test"],"on":true,"options":{},"override":null},"lxadverts":{"name":"lxadverts","envs":[],"on":true,"options":{},"override":null}},"staticBase":"\/bbcdotcom","staticHost":"https:\/\/web.archive.org\/web\/20201003033657\/https:\/\/static.bbc.co.uk","staticVersion":"4.7.1147","staticPrefix":"https:\/\/web.archive.org\/web\/20201003033657\/https:\/\/static.bbc.co.uk\/bbcdotcom\/4.7.1147","dataHttp":"tps.bbc.com","dataHttps":"www.bbc.com","flagHttp":"www.bbc.co.uk","flagHttps":"www.bbc.co.uk","analyticsHttp":"sa.bbc.com","analyticsHttps":"ssa.bbc.com"}; bbcdotcom.config.init(bbcdotcomConfig, bbcdotcom.data, window.location, window.document); bbcdotcom.config.setFlagpoles(bbcdotcom.flag || {}); bbcdotcom.config.setAssetPrefix("https://web.archive.org/web/20201003033657/https://static.bbc.co.uk/bbcdotcom/4.7.1147/"); bbcdotcom.config.setVersion("4.7.1147"); if (window.bbcuser && window.bbcuser.getCountry && typeof(window.bbcuser.getCountry) === 'function') { window.bbcuser.getCountry().then(function(countryCode) { var isEU = countryCode ? GDPR_COUNTRIES.indexOf(countryCode.toUpperCase()) !== -1 : false; bbcdotcom.config.setEU(isEU); }); } else if (window.orb && window.orb.fig && typeof(window.orb.fig) === 'function') { bbcdotcom.config.setEU(window.orb.fig('eu')); } document.write(''); document.write(''); document.write(''); if (/[?|&]ex-dp/.test(window.location.href) || document.cookie.indexOf('ex-dp=') !== -1) { bbcdotcom.utils.addHtmlTagClass('bbcdotcom-ex-dp'); } } })(); /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ if ( window.bbcdotcom && bbcdotcom.data && bbcdotcom.data.ads && bbcdotcom.data.ads == 1 && bbcdotcom.config && bbcdotcom.config.isGrapeshotEnabled && bbcdotcom.config.isGrapeshotEnabled() && bbcdotcom.config.isWorldService && !bbcdotcom.config.isWorldService() ) { var gs_channels="DEFAULT"; (function () { var gsurl = window.location.href.split("?")[0]; bbcdotcomScripts.push({src:'https://web.archive.org/web/20201003033657/https://bbc.gscontxt.net/?url='+encodeURIComponent(gsurl)}); })(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.config && bbcdotcom.config.isLotameActive && bbcdotcom.config.isLotameActive()&& bbcdotcom.config.isLotameEnabled && bbcdotcom.config.isLotameEnabled()){ (function () { var clientId, lotameUrl, lotameAudienceUrl; clientId = (bbcdotcom.config.isWorldService && bbcdotcom.config.isWorldService()) ? '10826' : '10816'; lotameUrl = 'https://web.archive.org/web/20201003033657/https://tags.crwdcntrl.net/c/'+clientId+'/cc.js?ns='+clientId; lotameAudienceUrl = 'https://web.archive.org/web/20201003033657/https://ad.crwdcntrl.net/5/c=10815/pe=y/var=ccauds'; bbcdotcomScripts.push({src:lotameUrl,id:"LOTCC"+clientId}); bbcdotcomScripts.push({src:lotameAudienceUrl}); })(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.config && bbcdotcom.config.isPermutiveEnabled && bbcdotcom.config.isPermutiveEnabled() && bbcdotcom.config.isWorldService && !bbcdotcom.config.isWorldService()){ (function () { !function(n,e,o,r,i){if(!e){e=e||{},window.permutive=e,e.q=[],e.config=i||{},e.config.projectId=o,e.config.apiKey=r,e.config.environment=e.config.environment||"production";for(var t=["addon","identify","track","trigger","query","segment","segments","ready","on","once","user","consent"],c=0;c<t.length;c++){var f=t[c];e[f]=function(n){return function(){var o=Array.prototype.slice.call(arguments,0);e.q.push({functionName:n,arguments:o})}}(f)}}}(document,window.permutive,"e488cdb0-e7cb-4d91-9648-60d437d8e491","1bb84885-9325-4fef-adda-a208032b2715",{"consentRequired":true}); bbcdotcomScripts.push({src:'https://web.archive.org/web/20201003033657/https://cdn.permutive.com/e488cdb0-e7cb-4d91-9648-60d437d8e491-web.js'}); })(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ /** * ASYNC waits to make any gpt requests until the bottom of the page */ if ( window.bbcdotcom && bbcdotcom.data && bbcdotcom.data.ads && bbcdotcom.data.ads == 1 && bbcdotcom.config && bbcdotcom.config.isAsync && bbcdotcom.config.isAsync() && bbcdotcom.config.isAdsEnabled && bbcdotcom.config.isAdsEnabled() ) { (function () { bbcdotcomScripts.push({src:'https://web.archive.org/web/20201003033657/https://securepubads.g.doubleclick.net/tag/js/gpt.js'}); })(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ /* Load Lotame, Grapeshot and GPT without blocking rendering but executing in order */ if ( window.bbcdotcom && bbcdotcom.config && bbcdotcomScripts.length > 0 ) { (function () { bbcdotcom.checkThirdPartyFirst(function(){ if (!bbcdotcom.config.isThirdPartyDisabledEU()){ bbcdotcomScripts.forEach(function(item) { var script = document.createElement('script'); script.async = false; if(item.id) script.id = item.id; script.src = item.src; document.head.appendChild(script); }); } }); })(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function() { window.bbcdotcom.head = true; }()); /*]]>*/</script> <script type="text/javascript">// Globally available search context window.SEARCHBOX={"variant":"cbeebies","locale":"en","feature":"legacy,akamai-idcta","navSearchboxStaticPrefix":"https://web.archive.org/web/20201003033657/https://nav.files.bbci.co.uk/searchbox/8d701d9ddfac3cf2ef53d86ac7eda36c/","searchboxAppStaticPrefix":"https://web.archive.org/web/20201003033657/https://nav.files.bbci.co.uk/searchbox/8d701d9ddfac3cf2ef53d86ac7eda36c/drawer","searchFormHtml":"<div tabindex=\"-1\"><div><section class=\"se-searchbox-panel\"><div class=\"se-g-wrap\"><div class=\"se-g-layout\"><div class=\"se-g-layout__item se-searchbox-title\" aria-hidden=\"true\">search</div><div class=\"se-g-layout__item se-searchbox\"><form accept-charset=\"utf-8\" id=\"searchboxDrawerForm\" method=\"get\" action=\"https://search.bbc.co.uk/search\"><label class=\"se-searchbox__input\" for=\"se-searchbox-input-field\"><span class=\"se-sr-only\">Search Term</span><div><input type=\"text\" name=\"q\" value=\"\" id=\"se-searchbox-input-field\" class=\"se-searchbox__input__field\" maxLength=\"100\" autoComplete=\"off\" autoCorrect=\"off\" autoCapitalize=\"off\" spellcheck=\"false\" tabindex=\"0\"/></div></label><input type=\"hidden\" name=\"scope\" value=\"\"/><button type=\"submit\" class=\"se-searchbox__submit\" tabindex=\"0\" data-bbc-container=\"se-searchbox-panel\" data-bbc-title=\"search-icon\" data-bbc-metadata=\"{"PAR":"form::1","CHD":"button::1"}\" data-bbc-personalisation=\"{"QRY":""}\">Search</button><button type=\"button\" class=\"se-searchbox__clear se-searchbox__clear--visible\" tabindex=\"0\" data-bbc-container=\"se-searchbox-panel\" data-bbc-title=\"clear-icon\" data-bbc-metadata=\"{"PAR":"form::1","CHD":"button::2"}\" data-bbc-personalisation=\"{"QRY":""}\">Close</button></form></div></div></div></section><div aria-live=\"polite\" aria-atomic=\"true\" class=\"se-suggestions-container\"><section class=\"se-g-wrap\"></section></div></div></div>","searchScopePlaceholder":"<input type=\"hidden\" name=\"scope\" id=\"orb-search-scope\" value=\"cbeebies\">","searchScopeParam":"?scope=cbeebies","searchScopeTemplate":"cbeebies","searchPlaceholderWrapperStart":"","searchPlaceholderWrapperEnd":""}; window.SEARCHBOX.suppress = false; window.SEARCHBOX.searchScope = SEARCHBOX.searchScopeTemplate.split('-')[0];</script><link rel="stylesheet" href="https://web.archive.org/web/20201003033657cs_/https://nav.files.bbci.co.uk/searchbox/8d701d9ddfac3cf2ef53d86ac7eda36c/css/main.css"> <script type="text/javascript">"use strict";!function(){window.__reverbStaticLocation="https://web.archive.org/web/20201003033657/https://mybbc-analytics.files.bbci.co.uk/reverb-client-js/",window.__smarttagVersion="5.22.0",window.__reverb={},window.__reverb.__reverbLoadedPromise=new Promise(function(e,n){window.__reverb.__resolveReverbLoaded=e,window.__reverb.__rejectReverbLoaded=n}),window.__reverb.__reverbTimeout=setTimeout(function(){window.__reverb.__rejectReverbLoaded()},5e3);var n=function(r,d){window.__reverb.__reverbLoadedPromise.then(function(e){if(r&&r.detail){var n=r.detail.label,t=r.detail.type,i=r.detail.elem,o=r.detail.originalEvent;r.detail.isClick&&(d=r.detail.isClick),e.userActionEvent(t,n,r.detail,i,o,d)}},function(){console.log("Reverb failed to load. Event not sent")})};document.addEventListener("bbc-user-event",function(e){n(e,!1)}),document.addEventListener("bbc-user-click",function(e){n(e,!0)}),document.addEventListener("bbc-page-updated",function(){window.__reverb.__reverbLoadedPromise.then(function(e){e.initialise().then(function(){return e.viewEvent()})},function(){console.log("Reverb failed to load. Event not sent")})})}();</script><script type="text/javascript" src="https://web.archive.org/web/20201003033657js_/https://mybbc-analytics.files.bbci.co.uk/reverb-client-js/reverb-1.6.0.js" async=""></script><script type="text/javascript">window.__detectview={clickManagementEnabled:false};</script> <script> require.config({ paths: { 'optimizely-ati': ['https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/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/20201003033657/https://www.cbeebies.com"; } }).catch(function(error) { console.error(error) }) } </script> <script type="text/javascript" src="https://web.archive.org/web/20201003033657js_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/libraries/modernizr.js"></script> <script> define('modernizr', [], Modernizr); </script> <script type="text/javascript" src="https://web.archive.org/web/20201003033657js_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/libraries/matchMedia.js"></script> <script>window.Morph = {}</script> <script type="text/javascript">Morph.markPerformance = function(label) { if(window.performance && window.performance.mark) { window.performance.mark(label); } }; Morph.versions = {}; Morph.modules = {}; Morph.config = { cdn: "m.files.bbci.co.uk", pushEnv: "live" }; Morph.styles = {}; Morph.styleSrc = []; Morph.toInit = {bundles: [], registers: [], payloads: []}; Morph.initStyles = function() { if (!Morph.enhanced) { var eles = Array.prototype.slice.call(document.getElementsByTagName('noscript')); for (var i = 0, len = eles.length; i<len; i++) { if (eles[i].className === 'morph-core-style') { document.write(eles[i].innerText); eles[i].parentNode.removeChild(eles[i]); } } return; } for (var j = 0, jLen = Morph.styleSrc.length; j<jLen; j++) { document.write(Morph.styleSrc[j]); } Morph.styleSrc = []; };</script> <script type="text/javascript">Morph.forceCore = window.location.search.indexOf('morph-disable-enhanced=1')>-1; Morph.modernBrowser = ( 'addEventListener' in window && 'querySelector' in document && 'localStorage' in window ); Morph.isOperaMini = ( window.navigator.userAgent.indexOf('Opera Mini/')>-1 && window.navigator.userAgent.indexOf('Presto/')>-1 ); Morph.enhanced = (!Morph.forceCore && Morph.modernBrowser && !Morph.isOperaMini);</script> <noscript class="morph-core-style"><style>.reactions-styleguide__section{background-color:#fff;margin-bottom:32px}@media (min-width: 37.5em){.reactions-styleguide__section{padding:16px}}.reactions-styleguide__heading{background-color:#FFD201;margin-left:-16px;margin-right:-16px;padding:16px}.reactions-styleguide__heading:first-of-type{margin-top:-16px}.reactions-styleguide__heading,.reactions-styleguide__subheading{font-size:18px;font-size:1.125rem;line-height:22px;line-height:1.375rem;font-weight:bold;margin-bottom:16px;margin-top:32px}#reactions-list li{list-style:none}.reactions__standalone .content-item-description{*zoom:1}.reactions__standalone .content-item-description:before,.reactions__standalone .content-item-description:after{content:" ";display:table}.reactions__standalone .content-item-description:after{clear:both}.reactions__standalone{max-width:864px}.reactions__standalone::before{position:relative;content:"";display:block;width:100%;background-color:black;padding-top:56.25%;z-index:999}.reactions__standalone .content-item-description{color:palette("text-dark");padding:16px 8px}@media (min-width: 37.5em){.reactions__standalone .content-item-description{padding:16px}}.reactions__standalone .reactions-container{width:calc(100% + 16px);margin-top:-16px;margin-right:-16px;margin-bottom:16px;margin-left:-8px}.content-item--riddle-content .reactions__standalone .reactions-container{margin-top:0}@media (min-width: 37.5em){.reactions__standalone .reactions-container{width:calc(100% + 32px);margin-left:-16px}}.reactions__standalone .content-item-description .reactions-cta{float:right;padding-left:16px;padding-right:4px}@media (min-width: 25em){.reactions__standalone .content-item-description .reactions-cta{padding-right:8px}}@media (min-width: 37.5em){.reactions__standalone .content-item-description .reactions-cta{padding-right:16px}}.reactions__standalone .content-item-description .reactions-cta--open{margin-top:0}.reactions__standalone .content-item-description .reactions-tray__reactions{z-index:999}.reactions-module{pointer-events:none;position:relative}.reactions .reactions-tray{margin-top:-36px;position:relative;z-index:999;pointer-events:none}.reactions .reactions-tray::before{display:block;height:20px;content:''}.reactions .reactions-tray__reactions-container{display:block;position:relative;padding:0 3px;max-height:0;height:auto;transition:max-height 300ms 120ms;background-color:#FDF6FF}@media (min-width: 37.5em){.reactions .reactions-tray__reactions-container{justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center}}@media (prefers-reduced-motion: reduce){.reactions .reactions-tray__reactions-container{transition:none;max-height:0}}.reactions .reactions-tray__reactions-container:after{content:"";position:absolute;width:100%;height:5px;left:0;background:linear-gradient(rgba(43,31,90,0), rgba(43,31,90,0.2));bottom:0;visibility:hidden;transition:visibility 1ms 300ms}.reactions .reactions-tray__reactions-container li{padding-bottom:0;visibility:hidden;transition:visibility 0ms linear 300ms}.reactions .reactions-tray__reactive-prompt{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase;color:#333;opacity:0;padding-bottom:16px;text-align:center;text-transform:uppercase;transition:opacity 300ms,visibility 0s linear 200ms;visibility:hidden}.reactions .reactions-tray__reactions-container--open{display:block;max-height:124px;pointer-events:all;transition:max-height 300ms}@media (min-width: 37.5em){.reactions .reactions-tray__reactions-container--open{max-height:154px}}.reactions .reactions-tray__reactions-container--open:after{visibility:visible;transition:visibility 1ms}.reactions .reactions-tray__reactions-container--open li{visibility:visible;transition:visibility 0ms linear 0ms}.reactions .reactions-tray__reactions-container--open .reactions-tray__reactive-prompt{visibility:visible;opacity:1}.reactions .reactions-cta{border:0;position:relative;overflow:visible;cursor:pointer;background-color:transparent;margin:8px 0;pointer-events:auto;z-index:999}.reactions .reactions-cta:hover .cta-cbbc-icon,.reactions .reactions-cta:hover .cta-cbeebies-icon{animation-play-state:paused}@media (min-width: 37.5em){.reactions .reactions-cta:hover .cta-cbbc-icon svg,.reactions .reactions-cta:hover .cta-cbeebies-icon svg{transition:all 500ms ease;transform:scale(1.1)}}.reactions .reactions-cta:not(.reactions-cta--clicked) .cta-cbbc-icon,.reactions .reactions-cta:not(.reactions-cta--clicked) .cta-cbeebies-icon{display:block;animation-name:wiggle;animation-duration:7s;animation-delay:5s;animation-iteration-count:3}.reactions .cta-icon svg{width:54px}@keyframes wiggle{0%{transform:scale(1) rotate(0deg)}10%{transform:scale(1.05) rotate(0deg)}11%{transform:scale(1.05) rotate(-5deg)}13%{transform:scale(1.05) rotate(5deg)}15%{transform:scale(1.05) rotate(-5deg)}17%{transform:scale(1.05) rotate(5deg)}19%{transform:scale(1.05) rotate(-5deg)}20%{transform:scale(1.05) rotate(0deg)}30%{transform:scale(1) rotate(0deg)}}.reactions .reactions-cta-image{display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;-ms-flex-align:center;font-size:15px;font-size:.9375rem;line-height:18px;line-height:1.125rem;font-weight:bold;color:#2B1F5A;position:relative}.reactions .reactions-count-container{position:absolute;top:58%;left:-90%;height:25px;line-height:25px;width:80px;text-align:right;vertical-align:middle}.reactions .reactions-cta--open .cta-arrow-icon{transform:rotate(180deg)}.reactions .reaction-button{transition:opacity 200ms ease-in-out;opacity:0;outline:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (hover: hover), (-ms-high-contrast: none){.reactions .reaction-button:hover svg{height:44px;width:44px;top:-2px;left:-2px;transform:rotate(-10deg);transform-origin:center center}}@media (hover: hover) and (min-width: 37.5em), (-ms-high-contrast: none) and (min-width: 37.5em){.reactions .reaction-button:hover svg{height:66px;width:66px;top:-3px;left:-3px}}@-moz-document url-prefix(){.reactions .reaction-button:hover svg{height:44px;width:44px;top:-2px;left:-2px;transform:rotate(-10deg);transform-origin:center center}@media (min-width: 37.5em){.reactions .reaction-button:hover svg{height:66px;width:66px;top:-3px;left:-3px}}}.reactions .reaction-button:focus .reaction-focus-line{background-color:#2B1F5A}.reactions .reaction-button.reaction-button--selected .reaction-icon{top:-8px}@media (min-width: 37.5em){.reactions .reaction-button.reaction-button--selected .reaction-icon{top:-12px}}.reactions .reaction-button.reaction-button--selected .reaction-icon svg{transform:rotate(20deg);transform-origin:center center;height:56px;width:56px;top:-8px;left:-8px}@media (min-width: 37.5em){.reactions .reaction-button.reaction-button--selected .reaction-icon svg{height:84px;width:84px;top:-12px;left:-12px}}.reactions .animation-playing .reaction-button--selected{position:relative;z-index:1020}.reactions .animation-playing .reaction-button--selected .reaction-icon svg{z-index:1030;height:104px;width:104px;top:-32px;left:-32px}@media (min-width: 37.5em){.reactions .animation-playing .reaction-button--selected .reaction-icon svg{height:156px;width:156px;top:-48px;left:-48px}}.reactions .reaction-button--show{transition:opacity 43ms cubic-bezier(0, 0.94, 0.46, 0.85) 80ms;opacity:1}@media (prefers-reduced-motion: reduce){.reactions .reaction-button{transition:none}}.reactions .reaction-icon{display:block;position:relative;height:40px;width:40px;margin:4px auto;top:0}@media (min-width: 37.5em){.reactions .reaction-icon{height:60px;width:60px;margin-bottom:8px;margin-top:0}}.reactions .reaction-icon svg{position:absolute;top:0;left:0;height:40px;width:40px;transition:width 43ms ease-out,height 43ms ease-out,transform 43ms ease-out,top 43ms ease-out,left 43ms ease-out}@media (min-width: 37.5em){.reactions .reaction-icon svg{height:60px;width:60px}}.reactions .reaction-label,.reactions .reaction-count{display:block;position:relative;color:#2B1F5A}.reactions .reaction-label{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase;font-weight:bold}@media (min-width: 37.5em){.reactions .reaction-label{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;font-weight:bold}}.reactions .reaction-count{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase;font-size:11px;padding-bottom:3px}@media (min-width: 25em){.reactions .reaction-count{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase}}.reactions .reaction-focus-line{width:12px;height:3px;margin:0 auto;position:relative}.reactions .gel-icon{position:relative}.reactions .reactions-cookie-warning{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;background-color:#FFD201;text-align:center}.reactions .reactions-cookie-warning__inner{display:inline-block}.reactions .reactions-cookie-warning__icon{width:60px;height:50px;float:right;position:relative;overflow:hidden}.reactions .reactions-cookie-warning__icon svg{transform:rotate(15deg);position:absolute;top:-7.5px;left:0}.reactions .reactions-cookie-warning__text{text-align:left;padding:16px;-webkit-text-size-adjust:100%}@media (min-width: 37.5em){.reactions .reactions-cookie-warning__text{padding-right:60px;padding-left:60px}}.reactions .reactions-cookie-warning__link{color:#000;text-decoration:none;font-weight:bold;white-space:nowrap}.reactions .reactions-cookie-warning__link:hover{text-decoration:underline}.reactions .reactions-sprite-animation-wrapper{position:fixed;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:1000}.reactions .reactions-sprite-animation{position:absolute;overflow:hidden;pointer-events:none;width:150vw;height:150vh;margin-left:-75vw;margin-top:-67.5vh}.reactions .reactions-sprite-animation svg{width:100%;height:100%;max-height:100%;position:relative}.reactions .reactions-sprite__layer{visibility:hidden}.reactions .reactions-sprite-animation__slide--1 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--2 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--2 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--3 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--3 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--3 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--8{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--8{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--9{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--8{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--9{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--10{visibility:visible}.reactions .reactions-list{display:flex;display:-webkit-flex;display:-ms-flexbox;margin-bottom:10px;width:100%;justify-content:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between}@media (min-width: 25em){.reactions .reactions-list{justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center}}@media (min-width: 37.5em){.reactions .reactions-list{justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center;margin:0 auto 10px;padding:8px 0 0}}.reactions .reactions-list li{flex-direction:row;padding:0 2px}@media (min-width: 25em){.reactions .reactions-list li{padding:0 4px}}@media (min-width: 37.5em){.reactions .reactions-list li{padding:0 5px}}.reactions .reactions-error-message{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;background-color:#FD3726;text-align:center;color:#fff}.reactions .reactions-error-message__inner{display:inline-block}.reactions .reactions-error-message__text{text-align:left;padding:16px}@media (min-width: 37.5em){.reactions .reactions-error-message__text{padding-right:60px;padding-left:60px}} </style></noscript><script>if (Morph.enhanced) { Morph.styles["bbc-morph-childrens-reactions/1.4.7"]=true; Morph.styleSrc.push("<style>.reactions-styleguide__section{background-color:#fff;margin-bottom:32px}@media (min-width: 37.5em){.reactions-styleguide__section{padding:16px}}.reactions-styleguide__heading{background-color:#FFD201;margin-left:-16px;margin-right:-16px;padding:16px}.reactions-styleguide__heading:first-of-type{margin-top:-16px}.reactions-styleguide__heading,.reactions-styleguide__subheading{font-size:18px;font-size:1.125rem;line-height:22px;line-height:1.375rem;font-weight:bold;margin-bottom:16px;margin-top:32px}@media (min-width: 37.5em){.reactions-styleguide__heading,.reactions-styleguide__subheading{font-size:21px;font-size:1.3125rem;line-height:24px;line-height:1.5rem}.no-touch .reactions-styleguide__heading,.no-touch .reactions-styleguide__subheading{font-size:20px;font-size:1.25rem}}#reactions-list li{list-style:none}.reactions__standalone .content-item-description{*zoom:1}.reactions__standalone .content-item-description:before,.reactions__standalone .content-item-description:after{content:\" \";display:table}.reactions__standalone .content-item-description:after{clear:both}.reactions__standalone{max-width:864px}.reactions__standalone::before{position:relative;content:\"\";display:block;width:100%;background-color:black;padding-top:56.25%;z-index:999}.reactions__standalone .content-item-description{color:palette(\"text-dark\");padding:16px 8px}@media (min-width: 37.5em){.reactions__standalone .content-item-description{padding:16px}}.reactions__standalone .reactions-container{width:calc(100% + 16px);margin-top:-16px;margin-right:-16px;margin-bottom:16px;margin-left:-8px}.content-item--riddle-content .reactions__standalone .reactions-container{margin-top:0}@media (min-width: 37.5em){.reactions__standalone .reactions-container{width:calc(100% + 32px);margin-left:-16px}}.reactions__standalone .content-item-description .reactions-cta{float:right;padding-left:16px;padding-right:4px}@media (min-width: 25em){.reactions__standalone .content-item-description .reactions-cta{padding-right:8px}}@media (min-width: 37.5em){.reactions__standalone .content-item-description .reactions-cta{padding-right:16px}}.reactions__standalone .content-item-description .reactions-cta--open{margin-top:0}.reactions__standalone .content-item-description .reactions-tray__reactions{z-index:999}.reactions-module{pointer-events:none;position:relative}.reactions .reactions-tray{margin-top:-36px;position:relative;z-index:999;pointer-events:none}.reactions .reactions-tray::before{display:block;height:20px;content:''}.reactions .reactions-tray__reactions-container{display:block;position:relative;padding:0 3px;max-height:0;height:auto;transition:max-height 300ms 120ms;background-color:#FDF6FF}@media (min-width: 37.5em){.reactions .reactions-tray__reactions-container{justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center}}@media (prefers-reduced-motion: reduce){.reactions .reactions-tray__reactions-container{transition:none;max-height:0}}.reactions .reactions-tray__reactions-container:after{content:\"\";position:absolute;width:100%;height:5px;left:0;background:linear-gradient(rgba(43,31,90,0), rgba(43,31,90,0.2));bottom:0;visibility:hidden;transition:visibility 1ms 300ms}.reactions .reactions-tray__reactions-container li{padding-bottom:0;visibility:hidden;transition:visibility 0ms linear 300ms}.reactions .reactions-tray__reactive-prompt{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase;color:#333;opacity:0;padding-bottom:16px;text-align:center;text-transform:uppercase;transition:opacity 300ms,visibility 0s linear 200ms;visibility:hidden}@media (min-width: 37.5em){.reactions .reactions-tray__reactive-prompt{font-size:13px;font-size:.8125rem}.no-touch .reactions .reactions-tray__reactive-prompt{font-size:12px;font-size:.75rem}}.reactions .reactions-tray__reactions-container--open{display:block;max-height:124px;pointer-events:all;transition:max-height 300ms}@media (min-width: 37.5em){.reactions .reactions-tray__reactions-container--open{max-height:154px}}.reactions .reactions-tray__reactions-container--open:after{visibility:visible;transition:visibility 1ms}.reactions .reactions-tray__reactions-container--open li{visibility:visible;transition:visibility 0ms linear 0ms}.reactions .reactions-tray__reactions-container--open .reactions-tray__reactive-prompt{visibility:visible;opacity:1}.reactions .reactions-cta{border:0;position:relative;overflow:visible;cursor:pointer;background-color:transparent;margin:8px 0;pointer-events:auto;z-index:999}.reactions .reactions-cta:hover .cta-cbbc-icon,.reactions .reactions-cta:hover .cta-cbeebies-icon{animation-play-state:paused}@media (min-width: 37.5em){.reactions .reactions-cta:hover .cta-cbbc-icon svg,.reactions .reactions-cta:hover .cta-cbeebies-icon svg{transition:all 500ms ease;transform:scale(1.1)}}.reactions .reactions-cta:not(.reactions-cta--clicked) .cta-cbbc-icon,.reactions .reactions-cta:not(.reactions-cta--clicked) .cta-cbeebies-icon{display:block;animation-name:wiggle;animation-duration:7s;animation-delay:5s;animation-iteration-count:3}.reactions .cta-icon svg{width:54px}@keyframes wiggle{0%{transform:scale(1) rotate(0deg)}10%{transform:scale(1.05) rotate(0deg)}11%{transform:scale(1.05) rotate(-5deg)}13%{transform:scale(1.05) rotate(5deg)}15%{transform:scale(1.05) rotate(-5deg)}17%{transform:scale(1.05) rotate(5deg)}19%{transform:scale(1.05) rotate(-5deg)}20%{transform:scale(1.05) rotate(0deg)}30%{transform:scale(1) rotate(0deg)}}.reactions .reactions-cta-image{display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;-ms-flex-align:center;font-size:15px;font-size:.9375rem;line-height:18px;line-height:1.125rem;font-weight:bold;color:#2B1F5A;position:relative}@media (min-width: 37.5em){.reactions .reactions-cta-image{line-height:20px;line-height:1.25rem}.no-touch .reactions .reactions-cta-image{font-size:14px;font-size:.875rem;line-height:18px;line-height:1.125rem}}.reactions .reactions-count-container{position:absolute;top:58%;left:-90%;height:25px;line-height:25px;width:80px;text-align:right;vertical-align:middle}.reactions .reactions-cta--open .cta-arrow-icon{transform:rotate(180deg)}.reactions .reaction-button{transition:opacity 200ms ease-in-out;opacity:0;outline:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (hover: hover), (-ms-high-contrast: none){.reactions .reaction-button:hover svg{height:44px;width:44px;top:-2px;left:-2px;transform:rotate(-10deg);transform-origin:center center}}@media (hover: hover) and (min-width: 37.5em), (-ms-high-contrast: none) and (min-width: 37.5em){.reactions .reaction-button:hover svg{height:66px;width:66px;top:-3px;left:-3px}}@-moz-document url-prefix(){.reactions .reaction-button:hover svg{height:44px;width:44px;top:-2px;left:-2px;transform:rotate(-10deg);transform-origin:center center}@media (min-width: 37.5em){.reactions .reaction-button:hover svg{height:66px;width:66px;top:-3px;left:-3px}}}.reactions .reaction-button:focus .reaction-focus-line{background-color:#2B1F5A}.reactions .reaction-button.reaction-button--selected .reaction-icon{top:-8px}@media (min-width: 37.5em){.reactions .reaction-button.reaction-button--selected .reaction-icon{top:-12px}}.reactions .reaction-button.reaction-button--selected .reaction-icon svg{transform:rotate(20deg);transform-origin:center center;height:56px;width:56px;top:-8px;left:-8px}@media (min-width: 37.5em){.reactions .reaction-button.reaction-button--selected .reaction-icon svg{height:84px;width:84px;top:-12px;left:-12px}}.reactions .animation-playing .reaction-button--selected{position:relative;z-index:1020}.reactions .animation-playing .reaction-button--selected .reaction-icon svg{z-index:1030;height:104px;width:104px;top:-32px;left:-32px}@media (min-width: 37.5em){.reactions .animation-playing .reaction-button--selected .reaction-icon svg{height:156px;width:156px;top:-48px;left:-48px}}.reactions .reaction-button--show{transition:opacity 43ms cubic-bezier(0, 0.94, 0.46, 0.85) 80ms;opacity:1}@media (prefers-reduced-motion: reduce){.reactions .reaction-button{transition:none}}.reactions .reaction-icon{display:block;position:relative;height:40px;width:40px;margin:4px auto;top:0}@media (min-width: 37.5em){.reactions .reaction-icon{height:60px;width:60px;margin-bottom:8px;margin-top:0}}.reactions .reaction-icon svg{position:absolute;top:0;left:0;height:40px;width:40px;transition:width 43ms ease-out,height 43ms ease-out,transform 43ms ease-out,top 43ms ease-out,left 43ms ease-out}@media (min-width: 37.5em){.reactions .reaction-icon svg{height:60px;width:60px}}.reactions .reaction-label,.reactions .reaction-count{display:block;position:relative;color:#2B1F5A}.reactions .reaction-label{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase;font-weight:bold}@media (min-width: 37.5em){.reactions .reaction-label{font-size:13px;font-size:.8125rem}.no-touch .reactions .reaction-label{font-size:12px;font-size:.75rem}}@media (min-width: 37.5em){.reactions .reaction-label{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;font-weight:bold}}@media (min-width: 37.5em) and (min-width: 20em){.reactions .reaction-label{line-height:18px;line-height:1.125rem}}@media (min-width: 37.5em) and (min-width: 37.5em){.no-touch .reactions .reaction-label{font-size:13px;font-size:.8125rem;line-height:16px;line-height:1rem}}.reactions .reaction-count{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase;font-size:11px;padding-bottom:3px}@media (min-width: 37.5em){.reactions .reaction-count{font-size:13px;font-size:.8125rem}.no-touch .reactions .reaction-count{font-size:12px;font-size:.75rem}}@media (min-width: 25em){.reactions .reaction-count{font-size:12px;font-size:.75rem;line-height:16px;line-height:1rem;text-transform:uppercase}}@media (min-width: 25em) and (min-width: 37.5em){.reactions .reaction-count{font-size:13px;font-size:.8125rem}.no-touch .reactions .reaction-count{font-size:12px;font-size:.75rem}}.reactions .reaction-focus-line{width:12px;height:3px;margin:0 auto;position:relative}.reactions .gel-icon{position:relative}.reactions .reactions-cookie-warning{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;background-color:#FFD201;text-align:center}@media (min-width: 20em){.reactions .reactions-cookie-warning{line-height:18px;line-height:1.125rem}}@media (min-width: 37.5em){.no-touch .reactions .reactions-cookie-warning{font-size:13px;font-size:.8125rem;line-height:16px;line-height:1rem}}.reactions .reactions-cookie-warning__inner{display:inline-block}.reactions .reactions-cookie-warning__icon{width:60px;height:50px;float:right;position:relative;overflow:hidden}.reactions .reactions-cookie-warning__icon svg{transform:rotate(15deg);position:absolute;top:-7.5px;left:0}.reactions .reactions-cookie-warning__text{text-align:left;padding:16px;-webkit-text-size-adjust:100%}@media (min-width: 37.5em){.reactions .reactions-cookie-warning__text{padding-right:60px;padding-left:60px}}.reactions .reactions-cookie-warning__link{color:#000;text-decoration:none;font-weight:bold;white-space:nowrap}.reactions .reactions-cookie-warning__link:hover{text-decoration:underline}.reactions .reactions-sprite-animation-wrapper{position:fixed;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:1000}.reactions .reactions-sprite-animation{position:absolute;overflow:hidden;pointer-events:none;width:150vw;height:150vh;margin-left:-75vw;margin-top:-67.5vh}.reactions .reactions-sprite-animation svg{width:100%;height:100%;max-height:100%;position:relative}.reactions .reactions-sprite__layer{visibility:hidden}.reactions .reactions-sprite-animation__slide--1 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--2 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--2 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--3 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--3 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--3 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--4 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--5 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--6 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--7 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--8 .reactions-sprite__layer--8{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--8{visibility:visible}.reactions .reactions-sprite-animation__slide--9 .reactions-sprite__layer--9{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--1{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--2{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--3{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--4{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--5{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--6{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--7{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--8{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--9{visibility:visible}.reactions .reactions-sprite-animation__slide--10 .reactions-sprite__layer--10{visibility:visible}.reactions .reactions-list{display:flex;display:-webkit-flex;display:-ms-flexbox;margin-bottom:10px;width:100%;justify-content:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between}@media (min-width: 25em){.reactions .reactions-list{justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center}}@media (min-width: 37.5em){.reactions .reactions-list{justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center;margin:0 auto 10px;padding:8px 0 0}}.reactions .reactions-list li{flex-direction:row;padding:0 2px}@media (min-width: 25em){.reactions .reactions-list li{padding:0 4px}}@media (min-width: 37.5em){.reactions .reactions-list li{padding:0 5px}}.reactions .reactions-error-message{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;background-color:#FD3726;text-align:center;color:#fff}@media (min-width: 20em){.reactions .reactions-error-message{line-height:18px;line-height:1.125rem}}@media (min-width: 37.5em){.no-touch .reactions .reactions-error-message{font-size:13px;font-size:.8125rem;line-height:16px;line-height:1rem}}.reactions .reactions-error-message__inner{display:inline-block}.reactions .reactions-error-message__text{text-align:left;padding:16px}@media (min-width: 37.5em){.reactions .reactions-error-message__text{padding-right:60px;padding-left:60px}}\n</style>"); }</script> <noscript class="morph-core-style"><style>.gs-c-reactions{list-style:none;margin:0;padding:0}.gs-c-reaction{border:0;padding:0;margin:0;background:none;min-height:44px;cursor:pointer} </style></noscript><script>if (Morph.enhanced) { Morph.styles["bbc-morph-reactions/4.2.0"]=true; Morph.styleSrc.push("<style>.gs-c-reactions{list-style:none;margin:0;padding:0}.gs-c-reaction{border:0;padding:0;margin:0;background:none;min-height:44px;cursor:pointer}\n</style>"); }</script> <script>if (Morph.enhanced) { Morph.styles["bbc-morph-gel-icons/2.2.0"]=true; Morph.styleSrc.push("<style>.gel-icon{display:inline-block}.gel-icon svg{width:inherit;height:inherit;fill:currentColor}.gel-icon--loading{-webkit-animation-name:gel-spin;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:gel-spin;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;animation-name:gel-spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}@-moz-keyframes gel-spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}@-webkit-keyframes gel-spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes gel-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}\n</style>"); }</script> <script type="text/javascript">Morph.initStyles(); /* u27214540904949724 */</script> <script type="text/javascript" id="js-require-config"> define('local/utils/config', function () { "use strict"; var currentTLD = function () { var hostname = window.location.hostname; if (hostname.indexOf('bbc.com') > -1) { return 'com'; } return 'co.uk'; }(); return { 'appName': 'cbeebies', '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/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts', 'cbeebies': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/cbeebies', 'cbbc': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/cbbc', 'jquery': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/libraries/jquery', 'jquery-1': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/libraries/jquery/jquery', 'jquery-1.9': 'https://web.archive.org/web/20201003033657/https://static.bbci.co.uk/frameworks/jquery/0.4.1/sharedmodules/jquery-1.9.1', 'lib': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/libraries', 'bump-3': 'https://web.archive.org/web/20201003033657/https://emp.bbci.co.uk/emp/bump-3/bump-3', 'bump-4': 'https://web.archive.org/web/20201003033657/https://emp.bbci.co.uk/emp/bump-4/bump-4', 'embed': 'https://web.archive.org/web/20201003033657/https://play.bbc.co.uk/play/sdk/embed/v1/latest', 'lib/Imager': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/libraries/Imager.min', 'TweenMax': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/libraries/gsap/TweenMax.min', 'TimelineMax': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/libraries/gsap/TweenMax.min', 'echo-11.2.2': 'https://web.archive.org/web/20201003033657/https://mybbc-analytics.files.bbci.co.uk/echo-client-js/echo-11.2.2.min', 'lib/riddle': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/libraries/riddle/embed-3.3.min', 'lib/minpubsub': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/libraries/minpubsub.min', 'uasclient': 'https://web.archive.org/web/20201003033657/https://static.bbci.co.uk/uasclient/0.1.40/modules/uasclient', 'activity-button': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/activity-button', 'activity-button/activity-button': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/personalisation/personalisation.min', 'reads': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/reads', 'reads/reads': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/personalisation/personalisation.min', 'reads-carousel': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/reads-carousel', 'reads-carousel/reads-carousel': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/personalisation/personalisation.min', 'angular': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/angular', 'angular/app': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/angular/app.min', 'stats': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/stats', 'stats/riddle-events': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/stats/riddle-events.min', 'stats/stats': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/stats/stats.min', 'confetti': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/confetti', 'confetti/confetti': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/confetti/confetti.min', 'follows-panel': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/follows-panel', 'follows-panel/childrens-follows-panel': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/personalisation/personalisation.min', 'personalisation': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/personalisation', 'domReady': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/libraries/require/domReady.min', 'relay-1': 'https://web.archive.org/web/20201003033657/https://static.bbci.co.uk/frameworks/relay/0.2.6/sharedmodules/relay-1', 'jssignals-1': 'https://web.archive.org/web/20201003033657/https://static.bbci.co.uk/frameworks/jssignals/0.3.6/modules/jssignals-1', 'vote-wrapper': 'https://web.archive.org/web/20201003033657/https://account-wrapper.files.bbci.co.uk/vote-wrapper.min', 'event-stream': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/event-stream/event-stream.min', 'riddle/auto-scroll': 'https://web.archive.org/web/20201003033657/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/javascripts/riddle/auto-scroll.min' }, shim: { 'angular/angular': { exports: 'angular' }, 'TweenMax': { exports: 'TweenMax' }, 'TimelineMax': { exports: 'TimelineMax' } } }); require({ map: { '*': { 'idcta/idcta-1': 'idcta-v2/idcta-1' } } }); requirejs.onError = function (err) { // if a version of echojs fails to load (i.e. blocked for privacy reasons) // replace our echo_client with a dummy implementation so existing code // continues to work as expected function isEchoJsLibrary(moduleName) { return moduleName.indexOf('echo-') === 0; } if ( err.requireType === 'scripterror' && err.requireModules && err.requireModules.find(isEchoJsLibrary) ) { requirejs.undef('stats/echo_client'); define('stats/echo_client', [], function () { return { countername : function() {}, viewEvent : function() {}, userActionEvent : function() {} } }); // re-evaluate all dependencies on echo_client which will pick up the dummy version requirejs(['stats/echo_client'], function () {}); } }; require(['local/utils/config'], function (config) { }); require(["istats-1"], function (istats) { if (istats.setSite !== undefined) { istats.setSite('cbeebies'); } istats.addLabels({ "page_type" : "content", "children_curation" : "cbeebies-house-makes", "children_show" : "waffle-the-wonder-dog", "children_index" : "makes", "children_topic" : "none", "children_collection" : "cbeebies-house-makes", "children_oj_campaign" : "cbeebies.makes.cbeebies_colouring_sheets_waffle_the_wonder_dog.page-cbeebies.makes.cbeebies_colouring_sheets_peter_rabbit.page-cbeebies.games.waffle_and_friends_game.page", "children_primary_content" : "pid-p06cqxwz", "children_comments" : "false", "children_uploader" : "false" }); }); </script> <script> require(['childrens-mandolin'], function (Mandolin) { //cleanup collection-position test var storage = new Mandolin.Storage('ckpf_childrens_mandolin'); var experimentName = 'childrens_collection_position'; if (storage.getItem(experimentName)) { storage.removeItem(experimentName); } }); </script> <script type="text/javascript"> define('local/utils/experiments', ['childrens-mandolin'], function (Mandolin) { "use strict"; function setupMandolin(experiment, variants, config) { var mandolin = new Mandolin(experiment, variants, config); return mandolin.getSegment(); } function addClasses(wrapper, experiment, variant) { var experimentPrefix = " experiment-"; var experimentClass = experimentPrefix + experiment; wrapper.className += experimentClass + experimentClass + "--" + variant; } function addAttribute(wrapper, experiment, variant) { if (!wrapper.hasAttribute("data-active-experiment")) { var att = document.createAttribute("data-active-experiment"); att.value = experiment + ":" + variant; wrapper.setAttributeNode(att); } } return { setup: function(experiment, variants, config) { var variant = setupMandolin(experiment, variants, config); var wrapper = document.querySelector(".childrens-wrapper"); if (variant) { addClasses(wrapper, experiment, variant); } addAttribute(wrapper, experiment, variant); return variant; } } }); </script> </head> <body class="b-pw-1280"> <noscript><p style="position: absolute; top: -999em"><img src="https://web.archive.org/web/20201003033657im_/https://a1.api.bbc.co.uk/hit.xiti?&col=1&from=p&ptag=js&s=598253&p=makes::unknown&x1=[urn:bbc:isite2:92d1e7c7-3432-43e3-9f5a-e0d51d416f5e]&x2=[responsive]&x3=[bbc_website]&x4=[en]&x7=[article]&x8=[reverb-1.6.0-nojs]&x11=[cbeebies]&x12=[cbeebies]" height="1" width="1" alt=""></p></noscript> <div id="bbccom_interstitial_ad" class="bbccom_display_none"></div><div id="bbccom_interstitial" class="bbccom_display_none"><script type="text/javascript">/*<![CDATA[*/ (function() { if (window.bbcdotcom && bbcdotcom.config.isAdsEnabled()) { googletag.cmd.push(function() { googletag.display('bbccom_interstitial'); }); } }()); /*]]>*/</script></div><div id="bbccom_wallpaper_ad" class="bbccom_display_none"></div><div id="bbccom_wallpaper" class="bbccom_display_none"><script type="text/javascript">/*<![CDATA[*/ (function() { var wallpaper; if (window.bbcdotcom && bbcdotcom.config.isAdsEnabled()) { if (bbcdotcom.config.isAsync()) { googletag.cmd.push(function() { googletag.display('bbccom_wallpaper'); }); } else if (typeof googletag !== "undefined" && typeof googletag.display === "function") { googletag.display("wallpaper"); } wallpaper = bbcdotcom.adverts.adRegister.getAd('wallpaper'); } }()); /*]]>*/</script></div><script type="text/javascript">/*<![CDATA[*/ (function() { if (window.bbcdotcom && bbcdotcom.config.isAdsEnabled()) { document.write(unescape('%3Cscript id="gnlAdsEnabled" class="bbccom_display_none"%3E%3C/script%3E')); } if (window.bbcdotcom && bbcdotcom.config.isAnalyticsEnabled()) { document.write(unescape('%3Cscript id="gnlAnalyticsEnabled" class="bbccom_display_none"%3E%3C/script%3E')); } }()); /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function() { window.bbcdotcom.bodyFirst = true; }()); /*]]>*/</script> <div id="cookiePrompt"></div> <header id="orb-banner" role="banner" aria-label="BBC"><div id="orb-header" class="orb-nav-pri orb-nav-pri-white orb-nav-empty" dir="ltr"><div class="orb-nav-pri-container b-r b-g-p"><div class="orb-nav-section orb-nav-blocks"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/">Homepage</a></div><section><div class="orb-skip-links"><h2>Accessibility links</h2><ul><li><a href="#main-content">Skip to content</a></li><li><a id="orb-accessibility-help" href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/accessibility/">Accessibility Help</a></li></ul></div></section><div id="mybbc-wrapper" class="orb-nav-section orb-nav-id orb-nav-focus orb-nav-id-default"> <div id="idcta-statusbar" class="orb-nav-section orb-nav-focus" data-bbc-container="id-cta" data-bbc-event-type="click" data-bbc-ignore-views="1" data-bbc-metadata="{"id-cta-type": "statusbar-orb"}" data-bbc-source="responsive_web" data-bbc-title="id-cta-sign-in"><a id="idcta-link" href="https://web.archive.org/web/20201003033657/https://account.bbc.com/account?ptrt=https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-turn-your-toy-into-waffle"><span id="idcta-username">BBC Account</span></a></div><script type="text/javascript">require(['idcta/statusbar'], function (statusbar) {new statusbar.Statusbar({id: 'idcta-statusbar', publiclyCacheable: true});});</script> </div><nav role="navigation" aria-label="BBC" class="orb-nav"><div class="orb-nav-section orb-nav-links orb-nav-focus" id="orb-nav-links"><ul><li class="orb-nav-cbeebies"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/cbeebies">CBeebies</a></li><li class="orb-nav-iplayer"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/tv/cbeebies">CBeebies iPlayer</a></li><li class="orb-nav-grownups orb-d"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/cbeebies/grownups">Grown-ups</a></li><li class="orb-nav-cbeebiesguide"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/iplayer/guide/cbeebies">TV Guide</a></li><li class="orb-nav-cbbc"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/cbbc">CBBC</a></li><li class="orb-nav-cbeebiesbitesize orb-d"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/bitesize">Bitesize</a></li><li id="orb-nav-more" style="width: 88px" aria-controls="orb-panel-more"><a href="#orb-footer" data-alt="More" class="istats-notrack">Menu<span class="orb-icon orb-icon-arrow"></span></a></li></ul></div></nav><div class="orb-nav-section orb-nav-search"> <a class="orb-search__button" href="https://web.archive.org/web/20201003033657/https://search.bbc.co.uk/search?scope=cbeebies" title="Search the BBC">Search</a><form class="b-f" id="orb-search-form" role="search" method="get" action="https://web.archive.org/web/20201003033657/https://search.bbc.co.uk/search" accept-charset="utf-8"><div><input type="hidden" name="scope" id="orb-search-scope" value="cbeebies"><label for="orb-search-q">Search the BBC</label><input id="orb-search-q" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" maxlength="100" name="q" placeholder="Search"><button id="orb-search-button" class="orb-search__button">Search the BBC</button><input type="hidden" name="suggid" id="orb-search-suggid"></div></form> </div></div><div id="orb-panels"></div></div></header>  <div id="orb-modules"> <div id="unsupported-browser-banner-wrapper">  </div> <script> // Show unsupported browser banner for IE10 (function () { if (/*@cc_on!@*/false && document.documentMode === 10) { var bannerWrapper = document.getElementById('unsupported-browser-banner-wrapper'); var currentNode = bannerWrapper.firstChild; var startTagLength = ''.length; // Retrieve comment node inside the bannerWrapper; first child is whitespace while (currentNode) { if (currentNode.nodeType === bannerWrapper.COMMENT_NODE) { // Remove the IE tag comments and insert HTML into bannerWrapper bannerWrapper.innerHTML = currentNode.nodeValue.trim().slice(startTagLength, -endTagLength); } currentNode = currentNode.nextSibling; } } })(); </script> <div class="childrens-wrapper childrens-wrapper--cbeebies childrens-wrapper--content-item childrens-wrapper--makes childrens-wrapper--background feature-flag feature-flag--search-bar feature-flag--puzzles-and-quizzes feature-flag--new-vote-styling feature-flag--episode-prominence-on-brand-pages feature-flag--reactions feature-flag--reith-font" data-stats-page-type="content" data-stats-children-curation="cbeebies-house-makes" data-stats-children-show="waffle-the-wonder-dog" data-stats-children-index="makes" data-stats-children-topic="none" data-stats-children-collection="cbeebies-house-makes" data-stats-children-oj-campaign="cbeebies.makes.cbeebies_colouring_sheets_waffle_the_wonder_dog.page-cbeebies.makes.cbeebies_colouring_sheets_peter_rabbit.page-cbeebies.games.waffle_and_friends_game.page" data-stats-children-page-intention="false" data-stats-children-primary-content="pid-p06cqxwz" data-stats-children-comments="false" data-stats-children-uploader="false"> <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/20201003033657/https://www.bbc.co.uk/cbeebies" data-stats-interaction="navigation" data-stats-interaction-variant="home_logo"> <svg version="1.1" id="small-menu-logo" class="logo logo--cbeebies logo--animated menu__logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 126 54" enable-background="new 0 0 126 54" xml:space="preserve" preserveaspectratio="xMaxYMin meet"> <g class="logo__part logo__part--character logo__part--c"> <g> <g> <g> <path d="M10.6,22.7c-1.8,0-3.4,0.7-4.7,2C2.3,28.2-5,37.8,5.4,49c3.5,3.8,7.2,5.8,10.8,5.8c4.5,0,7.7-2.9,9.2-4.3 c0.1-0.1,0.3-0.3,0.4-0.4c1.7-1.5,4.6-5.2,4.8-8.5c0.1-1.5-0.4-2.8-1.3-3.8c-0.3-0.3-0.4-0.6-0.8-0.8c-0.6-0.3-1.1-0.6-1.5-1 c-0.6-0.5-1.2-1.4-1.6-1.7c-0.6-0.4-1.2-0.5-1.8-0.5c-0.7,0-1.9,0.2-2.8,1.4c-0.8,1.1-0.8,2.6-1,4c-0.1,0.9-0.4,2.9-0.9,3 c-0.4,0.2-0.8,0.2-1.2,0.2c-1.2,0-2.4-0.7-3.6-2.2c-0.8-1-1.4-2.4-1.7-3.7c0.6,0.5,1.3,0.9,2.4,1c0.3,0.1,0.6,0.1,0.9,0.1 c2.6,0,5.7-1.8,6.6-4.3c0.2-1.8-0.4-4.5-2.4-6.1C17.2,25,13.9,22.7,10.6,22.7L10.6,22.7C10.6,22.7,10.6,22.7,10.6,22.7 L10.6,22.7z"></path> <path fill="#FFE500" d="M15.2,35.9c3.2,0.6,7.6-4,3.6-7.2c-4-3.2-8.4-6-11.7-2.7c-3.4,3.4-9.7,11.7-0.4,21.8 c9.2,10.1,16,2.7,18,1s5.9-7,3.4-9.7c-2.6-2.7-4.4-4.4-5.6-2.6c-1.2,1.7-0.4,6.7-2.9,7.6c-2.4,0.9-4.6,0-6.7-2.5 c-2.1-2.6-3.4-8.4-1.4-8.9C13.3,32,12,35.4,15.2,35.9z"></path> </g> </g> </g> </g><g class="logo__part logo__part--character logo__part--b1"> <g> <g> <path d="M33.1,12.5c-2.1,0-4.2,0.5-6,1.3C24.3,15.3,17,19.3,21,31.6c0.1,0.7,0.4,2,0.9,2.7c0.3,0.4,1,0.6,1.1,0.8 c0.2,0.3,2.2,1.1,2.9,1.8c0.8,0.7,1.2,1.4,1.8,1.7c2.5,1.4,5,1.7,6.8,1.7c2.4,0,4.9-0.6,7-1.6c2-0.9,5.5-3,6.6-6.4 c0.6-1.8,0.4-3.7-0.6-5.5c-0.4-0.7-0.9-1.3-1.4-1.7c-0.2-0.2-0.6-0.2-0.8-0.4c-0.4-0.3-0.7-0.6-1.1-0.8c-1.1-0.4-2.2-0.6-3.1-0.8 c-1.4-0.2-2.1-0.4-2.4-0.7c0.1-0.4,0.3-1,0.5-1.5c0.7-1.8,1.6-4.2,0.2-6C38.4,13.4,36.1,12.5,33.1,12.5L33.1,12.5z"></path> <path fill="#FFE500" d="M27.9,15.4c-3.6,1.9-8.7,5.1-4.6,15.1c4.1,9.9,13.3,8.6,17.5,6.6c4-1.9,7.5-5.4,5.2-9.5 c-2.1-4-7.7-1.6-9-4.7c-0.5-1.4,2.4-5.2,1-7C36.7,14.1,31.6,13.7,27.9,15.4z"></path> </g> </g> <g> <path fill="#50318E" d="M31.8,24.3c1.5-1.7,1.1-5.4-0.7-5.9c-2.6-0.7-4.6,3.1-4,4.4C27.9,24.1,30.3,26,31.8,24.3z"></path> </g> <g> <path fill="#50318E" d="M38.7,31c-0.5,1.5-2.2,3.6-4.4,2.9s-3.7-3.9-2.4-5C33.4,27.9,40.3,26.5,38.7,31z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e1"> <g> <g> <path d="M47.8,8.2c-1.7,0-3.4,0.7-4.6,1.8c-5.2,4.8-4.3,10.5-1.1,14.1c0.4,0.5,0.9,0.9,1.4,1.3c0.3,0.2,0.6,0.3,0.9,0.4 c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.3,0.3c1.4,0.8,3,1.1,4.5,1.1c2.6,0,5.1-1.1,7.3-3.1c2.5-2.2,2.1-4,1.3-5.5 c0-0.1-0.1-0.1-0.1-0.2c-0.5-1.2-1.8-2.4-3.2-2.6c0.4-1.8-0.4-3.8-1.3-5l-0.1-0.1L53.5,11C51.5,8.7,49.3,8.2,47.8,8.2L47.8,8.2z"></path> <path fill="#FFE500" d="M44.4,11.3c-3.2,3-4.5,7.6-1,11.6c2.9,3.1,7.9,4.4,12.4,0.2c2-1.7,1.2-2.6,0.7-3.6 c-0.4-1-1.9-2.1-2.6-1.4c-0.7,0.7-1.1,1.7-2,2.5c-1.2,1.1-5.2,0.4-3.9-0.9c0.7-0.7,2.9-1.5,4.6-3.1c1.2-1.1,0.1-3.6-0.5-4.5 C49.3,9,45.9,10,44.4,11.3z"></path> </g> </g> <g> <path fill="#50318E" d="M44.8,16.9c0.5,1.1,2.6,0.6,3.6-0.4c1-1,1.9-2.5,0.6-3.6C47,11.2,44,15.2,44.8,16.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e2"> <g> <g> <path d="M67.1,9.1c-6.8,0-10,4.7-10.2,9.3c-0.1,5,3.1,10.4,10.5,10.7c0.2,0,0.3,0,0.5,0c3.3,0,4-2,4.3-2.9c0-0.1,0.1-0.2,0.1-0.2 c0.4-1.1,0.4-2.9-0.4-4.1c1.6-1.1,2.4-3.4,2.6-4.6l0-0.1v-0.1c0-5.2-3.6-7.8-6.9-8l0,0l0,0C67.3,9.1,67.2,9.1,67.1,9.1L67.1,9.1z "></path> <path fill="#FFE500" d="M67.4,11c-4.4-0.1-8.5,2.4-8.7,7.6c-0.1,4.2,2.6,8.6,8.7,8.9c2.6,0.1,2.7-1,3.1-2c0.4-1,0.1-2.9-0.9-2.9 c-1,0-2,0.5-3.1,0.5c-1.7,0-4-3.4-2.1-3.2c1.1,0,3.1,0.9,5.5,1c1.6,0,2.6-2.5,2.7-3.6C72.6,12.6,69.4,11.1,67.4,11z"></path> </g> </g> <g> <path fill="#50318E" d="M64.9,16.1c-0.4,1.1,1.2,2.4,2.5,2.2c1.2,0,2.7-0.5,2.6-2.1C69.7,13.4,65.5,14.3,64.9,16.1z"></path> </g> </g><g class="logo__part logo__part--character logo__part--b2"> <g> <g> <path d="M82.3,0.4c-2.1,0-3.8,1-4.7,2.9c-0.3,0.5-1,1.5-1.5,3.4l0,0l0,0c0,0.1-0.4,1.8-0.5,3l0,0.1V10c0,0.2,0,0.6,0,0.9 c0,0.5-0.1,1-0.1,1.6c0,0,0,0,0,0c0,0,0,0.4-0.2,1.4c-0.1,0.5-0.6,1.1-1.2,2.1c-0.3,0.4-0.6,0.8-0.9,1.3c-0.2,0.3-1,1.6-1.3,2.6 c-0.3,0.8-1.7,4.5,0.1,8.9c1.3,3.7,4.9,6.1,9.3,6.1c1.6,0,3.2-0.3,4.7-1c1-0.4,1.7-1,2.2-1.3l0.1-0.1c0.5-0.4,0.9-0.8,1-1 c0.3-0.3,0.6-0.7,0.8-1.1c0.3-0.5,0.2-1.1,0.5-1.6c0.4-0.8,1.1-1.2,1.1-1.4c0.9-2.6,0.8-4.7,0.7-5.7v-0.1v-0.2L92.4,21 c0-0.2-0.1-0.3-0.1-0.4c0-0.2-0.1-0.5-0.2-0.9c-0.7-2.7-3.2-4.3-6.4-4.3c-0.6,0-1.1,0.1-1.6,0.2l-0.5,0.1l-0.1,0.1 c0-0.1,0.1-0.2,0.1-0.4l0-0.1l0-0.1l0.1-0.2c0.3-1.1,0.3-1.1,1.6-3l0.1-0.2c0.6-0.5,1.1-1.5,1.9-2.9C87.8,8,88,7,88,6.1 C88,3,85.5,0.4,82.3,0.4L82.3,0.4z"></path> <path fill="#FFE500" d="M73.6,20.4c0.2-0.9,1.1-2.2,1.1-2.2c1.2-1.9,2.1-2.9,2.4-4c0.2-1.2,0.2-1.7,0.2-1.7 c0-0.9,0.1-1.9,0.1-2.5C77.6,8.8,78,7.1,78,7.1c0.5-2,1.2-2.9,1.2-2.9c0.6-1.4,1.7-2,3.1-2c2.1,0,3.9,1.7,3.9,3.9 c0,0.5-0.1,1.2-0.5,2c-1.1,2.1-1.5,2.5-1.6,2.5c-1.7,2.7-1.6,2.5-2.1,4.1c-0.2,0.6-0.4,1.1-0.2,1.6c0.2,0.9,0.9,1.2,1.5,1.2 c0.2,0,0.5,0,0.9-0.1c0.1,0,0.2,0,0.4-0.1c1.9-0.4,5.2,0,6,3c0.1,0.2,0.1,0.6,0.2,1.1v0.2c0.1,1,0.1,2.9-0.6,5 c-0.1,0.4-1.2,2.6-2.1,3.5l0,0c0,0-0.2,0.4-0.7,0.7c-0.5,0.4-1.1,0.9-2,1.2c-4.4,2-10,0.4-11.5-4.1C72,23.9,73.6,20.4,73.6,20.4z "></path> </g> </g> <g> <path fill="#50318E" d="M86.1,25.9c-1.1,1.2-3.7,2.5-5.5,0.9c-1.7-1.6-1.9-5.5-0.1-5.9C82.3,20.7,89.6,22.3,86.1,25.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--i"> <g> <g> <path d="M99.7,14.3c-1.6,0-2.8,0.9-3.3,2.4c-1.2,3.7,0.4,5.8,2.2,6.5c0.3,0.1,0.7,0.2,1,0.2c1.8,0,3.4-1.7,4.2-3.1 c0.8-1.4,0.8-2.8,0.2-3.7C103.2,15.5,101.5,14.3,99.7,14.3L99.7,14.3z"></path> <path fill="#FFE500" d="M98.1,17.3c-0.7,2.4-0.1,3.7,1.1,4.2c1.5,0.6,4-2.9,3.2-4C101.7,16.4,98.8,15.1,98.1,17.3z"></path> </g> </g> <g> <g> <path d="M97.1,21.5L97.1,21.5c-1.2,0-2.6,0.7-4.1,1.9l0,0l0,0c-1.1,1.1-1.6,1.7-2.3,2.5c-0.1,0.1-0.2,0.3-0.3,0.5 c-0.1,0.1-0.3,0.8-0.3,0.8c-0.6,1.2-1.3,1.9-1.4,2.2c-0.1,1.1,0,1.8,0.3,2.4c0.6,1.3,2.1,2.2,4,2.3c0.1,0,0.2,0,0.3,0 c3.3,0,6.5-4.2,7.1-7.9c0.3-2-0.2-3.2-0.7-3.8C98.9,21.9,98.1,21.5,97.1,21.5L97.1,21.5z"></path> <path fill="#FFE500" d="M94.2,24.8c2.9-2.5,4.7-1.7,4.2,1.2c-0.5,3-3.1,6.5-5.5,6.4c-1.7-0.1-3.9-1.2-1.7-4.4 C92.3,26.8,92.8,26.2,94.2,24.8z"></path> </g> </g> </g><g class="logo__part logo__part--character logo__part--e3"> <g> <g> <path d="M106.4,23.7c-4.7,0-8.3,2.9-9.1,7.4c-0.5,2.6,0,5.3,1.4,7.4c1.5,2.1,3.8,3.5,6.7,4.1c0.5,0.1,1,0.2,1.4,0.2 c2.2,0,3-1.4,3.4-2.1c0-0.1,0.1-0.2,0.1-0.2l0-0.1l0-0.1c0.6-1,0.8-2.7,0.2-4c0,0,0,0,0,0c0.6-0.3,1.1-0.7,1.6-1.3 c0.7-0.8,1.1-1.8,1.3-2.6c0.6-2.6-0.1-4.4-0.8-5.5c-1-1.5-2.6-2.6-4.3-3C107.8,23.8,107.1,23.7,106.4,23.7L106.4,23.7z"></path> <path fill="#FFE500" d="M108.2,25.7c-4-0.7-8.2,1-9.1,5.7c-0.7,3.9,1.1,8.4,6.7,9.4c2.4,0.5,2.6-0.6,3.1-1.4 c0.5-0.9,0.5-2.6-0.5-2.7s-2,0.1-3,0c-1.6-0.2-3.2-3.6-1.5-3.4c1,0.2,2.7,1.2,4.9,1.6c1.5,0.2,2.9-1.9,3-2.9 C112.8,28,110,26,108.2,25.7z"></path> </g> </g> <g> <path fill="#50318E" d="M105,28.5c-0.6,1-0.5,2.9,0.7,3c1.2,0.1,3.6-1.1,2.7-2.6C107.7,27.5,105.9,27.2,105,28.5z"></path> </g> </g><g class="logo__part logo__part--character logo__part--s"> <g> <path d="M117.5,34.6c-2.4,0-4.7,1-6.3,2.7l0,0l0,0c-1.2,1.4-2.3,3.8-1.7,5.9c-1.3,0.1-2.2,0.9-2.6,1.3l0,0l0,0 c-2.3,2.5-2.2,5.6,0.3,7.9l0,0l0,0c1.8,1.6,4.1,2.4,6.4,2.4c2.4,0,4.6-1,6.2-2.7c1.3-1.4,2.4-3.9,1.8-5.9c1.2-0.1,2.2-0.9,2.5-1.3 l0,0l0,0c1.1-1.2,1.7-2.6,1.6-4c-0.1-1.4-0.7-2.7-2-3.9C122.1,35.5,119.9,34.6,117.5,34.6L117.5,34.6 C117.5,34.6,117.5,34.6,117.5,34.6L117.5,34.6z"></path> <path fill="#FFE500" d="M118.5,51c1.1-1.2,2.2-3.9,0.7-5.2c-1-0.9-1.9-1.2-2.9-2.1c-0.7-0.7-0.7-1.7-0.1-2.4 c0.5-0.6,1.6-1.2,2.4-0.6c1,0.9,1.1,2.6,2,3.6c0.7,0.6,1.7,0,2.2-0.5c1.6-1.7,1.5-3.7-0.2-5.4c-2.9-2.6-7.4-2.7-10.1,0.1 c-1.1,1.2-2.1,3.9-0.7,5.2c1,0.9,2.4,1.1,3,2.4c0.5,0.9,0.4,1.4,0,2.1c-0.5,0.7-1.6,1.2-2.4,0.6c-1-0.9-1-2.6-2-3.6 c-0.7-0.6-1.7,0-2.2,0.5c-1.6,1.7-1.5,3.7,0.2,5.4C111.4,53.7,115.9,53.9,118.5,51z"></path> </g> </g> </svg> <script> require(['jquery-1', 'modernizr', 'childrens/logo/animated-cbeebies-logo'], function ($, Modernizr, logoAnimation) { var shouldAnimateLogo = Modernizr.svg && Modernizr.cssanimations; if (shouldAnimateLogo) { var logo = logoAnimation({id: '#small-menu-logo'}); $(document).ready(function () { setTimeout(logo.play, 800); }); } }); </script> Home </a> <button id="menu-toggle" class="menu__toggle" data-stats-interaction="navigation" data-stats-interaction-action="button" data-stats-interaction-variant="open"> <span id="menu-toggle-title" class="menu__toggle-title">Menu</span> <i aria-hidden="true" class="menu__toggle-icon"></i> </button> </div> <div class="menu__contents"> <div class="menu__list"> <ul class="menu__list-inner"> <li class="menu__item menu__item--home"> <a class="menu__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies" 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="cbeebies"> <span class="menu__link-icon"> <svg version="1.1" id="large-menu-logo" class="logo logo--cbeebies logo--animated menu__logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 126 54" enable-background="new 0 0 126 54" xml:space="preserve" preserveaspectratio="xMaxYMin meet"> <g class="logo__part logo__part--character logo__part--c"> <g> <g> <g> <path d="M10.6,22.7c-1.8,0-3.4,0.7-4.7,2C2.3,28.2-5,37.8,5.4,49c3.5,3.8,7.2,5.8,10.8,5.8c4.5,0,7.7-2.9,9.2-4.3 c0.1-0.1,0.3-0.3,0.4-0.4c1.7-1.5,4.6-5.2,4.8-8.5c0.1-1.5-0.4-2.8-1.3-3.8c-0.3-0.3-0.4-0.6-0.8-0.8c-0.6-0.3-1.1-0.6-1.5-1 c-0.6-0.5-1.2-1.4-1.6-1.7c-0.6-0.4-1.2-0.5-1.8-0.5c-0.7,0-1.9,0.2-2.8,1.4c-0.8,1.1-0.8,2.6-1,4c-0.1,0.9-0.4,2.9-0.9,3 c-0.4,0.2-0.8,0.2-1.2,0.2c-1.2,0-2.4-0.7-3.6-2.2c-0.8-1-1.4-2.4-1.7-3.7c0.6,0.5,1.3,0.9,2.4,1c0.3,0.1,0.6,0.1,0.9,0.1 c2.6,0,5.7-1.8,6.6-4.3c0.2-1.8-0.4-4.5-2.4-6.1C17.2,25,13.9,22.7,10.6,22.7L10.6,22.7C10.6,22.7,10.6,22.7,10.6,22.7 L10.6,22.7z"></path> <path fill="#FFE500" d="M15.2,35.9c3.2,0.6,7.6-4,3.6-7.2c-4-3.2-8.4-6-11.7-2.7c-3.4,3.4-9.7,11.7-0.4,21.8 c9.2,10.1,16,2.7,18,1s5.9-7,3.4-9.7c-2.6-2.7-4.4-4.4-5.6-2.6c-1.2,1.7-0.4,6.7-2.9,7.6c-2.4,0.9-4.6,0-6.7-2.5 c-2.1-2.6-3.4-8.4-1.4-8.9C13.3,32,12,35.4,15.2,35.9z"></path> </g> </g> </g> </g><g class="logo__part logo__part--character logo__part--b1"> <g> <g> <path d="M33.1,12.5c-2.1,0-4.2,0.5-6,1.3C24.3,15.3,17,19.3,21,31.6c0.1,0.7,0.4,2,0.9,2.7c0.3,0.4,1,0.6,1.1,0.8 c0.2,0.3,2.2,1.1,2.9,1.8c0.8,0.7,1.2,1.4,1.8,1.7c2.5,1.4,5,1.7,6.8,1.7c2.4,0,4.9-0.6,7-1.6c2-0.9,5.5-3,6.6-6.4 c0.6-1.8,0.4-3.7-0.6-5.5c-0.4-0.7-0.9-1.3-1.4-1.7c-0.2-0.2-0.6-0.2-0.8-0.4c-0.4-0.3-0.7-0.6-1.1-0.8c-1.1-0.4-2.2-0.6-3.1-0.8 c-1.4-0.2-2.1-0.4-2.4-0.7c0.1-0.4,0.3-1,0.5-1.5c0.7-1.8,1.6-4.2,0.2-6C38.4,13.4,36.1,12.5,33.1,12.5L33.1,12.5z"></path> <path fill="#FFE500" d="M27.9,15.4c-3.6,1.9-8.7,5.1-4.6,15.1c4.1,9.9,13.3,8.6,17.5,6.6c4-1.9,7.5-5.4,5.2-9.5 c-2.1-4-7.7-1.6-9-4.7c-0.5-1.4,2.4-5.2,1-7C36.7,14.1,31.6,13.7,27.9,15.4z"></path> </g> </g> <g> <path fill="#50318E" d="M31.8,24.3c1.5-1.7,1.1-5.4-0.7-5.9c-2.6-0.7-4.6,3.1-4,4.4C27.9,24.1,30.3,26,31.8,24.3z"></path> </g> <g> <path fill="#50318E" d="M38.7,31c-0.5,1.5-2.2,3.6-4.4,2.9s-3.7-3.9-2.4-5C33.4,27.9,40.3,26.5,38.7,31z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e1"> <g> <g> <path d="M47.8,8.2c-1.7,0-3.4,0.7-4.6,1.8c-5.2,4.8-4.3,10.5-1.1,14.1c0.4,0.5,0.9,0.9,1.4,1.3c0.3,0.2,0.6,0.3,0.9,0.4 c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.3,0.3c1.4,0.8,3,1.1,4.5,1.1c2.6,0,5.1-1.1,7.3-3.1c2.5-2.2,2.1-4,1.3-5.5 c0-0.1-0.1-0.1-0.1-0.2c-0.5-1.2-1.8-2.4-3.2-2.6c0.4-1.8-0.4-3.8-1.3-5l-0.1-0.1L53.5,11C51.5,8.7,49.3,8.2,47.8,8.2L47.8,8.2z"></path> <path fill="#FFE500" d="M44.4,11.3c-3.2,3-4.5,7.6-1,11.6c2.9,3.1,7.9,4.4,12.4,0.2c2-1.7,1.2-2.6,0.7-3.6 c-0.4-1-1.9-2.1-2.6-1.4c-0.7,0.7-1.1,1.7-2,2.5c-1.2,1.1-5.2,0.4-3.9-0.9c0.7-0.7,2.9-1.5,4.6-3.1c1.2-1.1,0.1-3.6-0.5-4.5 C49.3,9,45.9,10,44.4,11.3z"></path> </g> </g> <g> <path fill="#50318E" d="M44.8,16.9c0.5,1.1,2.6,0.6,3.6-0.4c1-1,1.9-2.5,0.6-3.6C47,11.2,44,15.2,44.8,16.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e2"> <g> <g> <path d="M67.1,9.1c-6.8,0-10,4.7-10.2,9.3c-0.1,5,3.1,10.4,10.5,10.7c0.2,0,0.3,0,0.5,0c3.3,0,4-2,4.3-2.9c0-0.1,0.1-0.2,0.1-0.2 c0.4-1.1,0.4-2.9-0.4-4.1c1.6-1.1,2.4-3.4,2.6-4.6l0-0.1v-0.1c0-5.2-3.6-7.8-6.9-8l0,0l0,0C67.3,9.1,67.2,9.1,67.1,9.1L67.1,9.1z "></path> <path fill="#FFE500" d="M67.4,11c-4.4-0.1-8.5,2.4-8.7,7.6c-0.1,4.2,2.6,8.6,8.7,8.9c2.6,0.1,2.7-1,3.1-2c0.4-1,0.1-2.9-0.9-2.9 c-1,0-2,0.5-3.1,0.5c-1.7,0-4-3.4-2.1-3.2c1.1,0,3.1,0.9,5.5,1c1.6,0,2.6-2.5,2.7-3.6C72.6,12.6,69.4,11.1,67.4,11z"></path> </g> </g> <g> <path fill="#50318E" d="M64.9,16.1c-0.4,1.1,1.2,2.4,2.5,2.2c1.2,0,2.7-0.5,2.6-2.1C69.7,13.4,65.5,14.3,64.9,16.1z"></path> </g> </g><g class="logo__part logo__part--character logo__part--b2"> <g> <g> <path d="M82.3,0.4c-2.1,0-3.8,1-4.7,2.9c-0.3,0.5-1,1.5-1.5,3.4l0,0l0,0c0,0.1-0.4,1.8-0.5,3l0,0.1V10c0,0.2,0,0.6,0,0.9 c0,0.5-0.1,1-0.1,1.6c0,0,0,0,0,0c0,0,0,0.4-0.2,1.4c-0.1,0.5-0.6,1.1-1.2,2.1c-0.3,0.4-0.6,0.8-0.9,1.3c-0.2,0.3-1,1.6-1.3,2.6 c-0.3,0.8-1.7,4.5,0.1,8.9c1.3,3.7,4.9,6.1,9.3,6.1c1.6,0,3.2-0.3,4.7-1c1-0.4,1.7-1,2.2-1.3l0.1-0.1c0.5-0.4,0.9-0.8,1-1 c0.3-0.3,0.6-0.7,0.8-1.1c0.3-0.5,0.2-1.1,0.5-1.6c0.4-0.8,1.1-1.2,1.1-1.4c0.9-2.6,0.8-4.7,0.7-5.7v-0.1v-0.2L92.4,21 c0-0.2-0.1-0.3-0.1-0.4c0-0.2-0.1-0.5-0.2-0.9c-0.7-2.7-3.2-4.3-6.4-4.3c-0.6,0-1.1,0.1-1.6,0.2l-0.5,0.1l-0.1,0.1 c0-0.1,0.1-0.2,0.1-0.4l0-0.1l0-0.1l0.1-0.2c0.3-1.1,0.3-1.1,1.6-3l0.1-0.2c0.6-0.5,1.1-1.5,1.9-2.9C87.8,8,88,7,88,6.1 C88,3,85.5,0.4,82.3,0.4L82.3,0.4z"></path> <path fill="#FFE500" d="M73.6,20.4c0.2-0.9,1.1-2.2,1.1-2.2c1.2-1.9,2.1-2.9,2.4-4c0.2-1.2,0.2-1.7,0.2-1.7 c0-0.9,0.1-1.9,0.1-2.5C77.6,8.8,78,7.1,78,7.1c0.5-2,1.2-2.9,1.2-2.9c0.6-1.4,1.7-2,3.1-2c2.1,0,3.9,1.7,3.9,3.9 c0,0.5-0.1,1.2-0.5,2c-1.1,2.1-1.5,2.5-1.6,2.5c-1.7,2.7-1.6,2.5-2.1,4.1c-0.2,0.6-0.4,1.1-0.2,1.6c0.2,0.9,0.9,1.2,1.5,1.2 c0.2,0,0.5,0,0.9-0.1c0.1,0,0.2,0,0.4-0.1c1.9-0.4,5.2,0,6,3c0.1,0.2,0.1,0.6,0.2,1.1v0.2c0.1,1,0.1,2.9-0.6,5 c-0.1,0.4-1.2,2.6-2.1,3.5l0,0c0,0-0.2,0.4-0.7,0.7c-0.5,0.4-1.1,0.9-2,1.2c-4.4,2-10,0.4-11.5-4.1C72,23.9,73.6,20.4,73.6,20.4z "></path> </g> </g> <g> <path fill="#50318E" d="M86.1,25.9c-1.1,1.2-3.7,2.5-5.5,0.9c-1.7-1.6-1.9-5.5-0.1-5.9C82.3,20.7,89.6,22.3,86.1,25.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--i"> <g> <g> <path d="M99.7,14.3c-1.6,0-2.8,0.9-3.3,2.4c-1.2,3.7,0.4,5.8,2.2,6.5c0.3,0.1,0.7,0.2,1,0.2c1.8,0,3.4-1.7,4.2-3.1 c0.8-1.4,0.8-2.8,0.2-3.7C103.2,15.5,101.5,14.3,99.7,14.3L99.7,14.3z"></path> <path fill="#FFE500" d="M98.1,17.3c-0.7,2.4-0.1,3.7,1.1,4.2c1.5,0.6,4-2.9,3.2-4C101.7,16.4,98.8,15.1,98.1,17.3z"></path> </g> </g> <g> <g> <path d="M97.1,21.5L97.1,21.5c-1.2,0-2.6,0.7-4.1,1.9l0,0l0,0c-1.1,1.1-1.6,1.7-2.3,2.5c-0.1,0.1-0.2,0.3-0.3,0.5 c-0.1,0.1-0.3,0.8-0.3,0.8c-0.6,1.2-1.3,1.9-1.4,2.2c-0.1,1.1,0,1.8,0.3,2.4c0.6,1.3,2.1,2.2,4,2.3c0.1,0,0.2,0,0.3,0 c3.3,0,6.5-4.2,7.1-7.9c0.3-2-0.2-3.2-0.7-3.8C98.9,21.9,98.1,21.5,97.1,21.5L97.1,21.5z"></path> <path fill="#FFE500" d="M94.2,24.8c2.9-2.5,4.7-1.7,4.2,1.2c-0.5,3-3.1,6.5-5.5,6.4c-1.7-0.1-3.9-1.2-1.7-4.4 C92.3,26.8,92.8,26.2,94.2,24.8z"></path> </g> </g> </g><g class="logo__part logo__part--character logo__part--e3"> <g> <g> <path d="M106.4,23.7c-4.7,0-8.3,2.9-9.1,7.4c-0.5,2.6,0,5.3,1.4,7.4c1.5,2.1,3.8,3.5,6.7,4.1c0.5,0.1,1,0.2,1.4,0.2 c2.2,0,3-1.4,3.4-2.1c0-0.1,0.1-0.2,0.1-0.2l0-0.1l0-0.1c0.6-1,0.8-2.7,0.2-4c0,0,0,0,0,0c0.6-0.3,1.1-0.7,1.6-1.3 c0.7-0.8,1.1-1.8,1.3-2.6c0.6-2.6-0.1-4.4-0.8-5.5c-1-1.5-2.6-2.6-4.3-3C107.8,23.8,107.1,23.7,106.4,23.7L106.4,23.7z"></path> <path fill="#FFE500" d="M108.2,25.7c-4-0.7-8.2,1-9.1,5.7c-0.7,3.9,1.1,8.4,6.7,9.4c2.4,0.5,2.6-0.6,3.1-1.4 c0.5-0.9,0.5-2.6-0.5-2.7s-2,0.1-3,0c-1.6-0.2-3.2-3.6-1.5-3.4c1,0.2,2.7,1.2,4.9,1.6c1.5,0.2,2.9-1.9,3-2.9 C112.8,28,110,26,108.2,25.7z"></path> </g> </g> <g> <path fill="#50318E" d="M105,28.5c-0.6,1-0.5,2.9,0.7,3c1.2,0.1,3.6-1.1,2.7-2.6C107.7,27.5,105.9,27.2,105,28.5z"></path> </g> </g><g class="logo__part logo__part--character logo__part--s"> <g> <path d="M117.5,34.6c-2.4,0-4.7,1-6.3,2.7l0,0l0,0c-1.2,1.4-2.3,3.8-1.7,5.9c-1.3,0.1-2.2,0.9-2.6,1.3l0,0l0,0 c-2.3,2.5-2.2,5.6,0.3,7.9l0,0l0,0c1.8,1.6,4.1,2.4,6.4,2.4c2.4,0,4.6-1,6.2-2.7c1.3-1.4,2.4-3.9,1.8-5.9c1.2-0.1,2.2-0.9,2.5-1.3 l0,0l0,0c1.1-1.2,1.7-2.6,1.6-4c-0.1-1.4-0.7-2.7-2-3.9C122.1,35.5,119.9,34.6,117.5,34.6L117.5,34.6 C117.5,34.6,117.5,34.6,117.5,34.6L117.5,34.6z"></path> <path fill="#FFE500" d="M118.5,51c1.1-1.2,2.2-3.9,0.7-5.2c-1-0.9-1.9-1.2-2.9-2.1c-0.7-0.7-0.7-1.7-0.1-2.4 c0.5-0.6,1.6-1.2,2.4-0.6c1,0.9,1.1,2.6,2,3.6c0.7,0.6,1.7,0,2.2-0.5c1.6-1.7,1.5-3.7-0.2-5.4c-2.9-2.6-7.4-2.7-10.1,0.1 c-1.1,1.2-2.1,3.9-0.7,5.2c1,0.9,2.4,1.1,3,2.4c0.5,0.9,0.4,1.4,0,2.1c-0.5,0.7-1.6,1.2-2.4,0.6c-1-0.9-1-2.6-2-3.6 c-0.7-0.6-1.7,0-2.2,0.5c-1.6,1.7-1.5,3.7,0.2,5.4C111.4,53.7,115.9,53.9,118.5,51z"></path> </g> </g> </svg> <script> require(['jquery-1', 'modernizr', 'childrens/logo/animated-cbeebies-logo'], function ($, Modernizr, logoAnimation) { var shouldAnimateLogo = Modernizr.svg && Modernizr.cssanimations; if (shouldAnimateLogo) { var logo = logoAnimation({id: '#large-menu-logo'}); $(document).ready(function () { setTimeout(logo.play, 800); }); } }); </script> </span><span class="menu__link-label">Home</span> </a> </li><li class="menu__item menu__item--shows"> <a class="menu__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/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="cbeebies"> <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/20201003033657/https://www.bbc.co.uk/cbeebies/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="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Games</span> </a> </li><li class="menu__item menu__item--puzzles"> <a class="menu__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/puzzles" data-stats-interaction="navigation" data-stats-interaction-variant="puzzles" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"puzzles::4"}" data-bbc-title="Puzzles & Quizzes" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Puzzles & Quizzes</span> </a> </li><li class="menu__item menu__item--watch"> <a class="menu__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/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 & Sing" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Watch & Sing</span> </a> </li><li class="menu__item menu__item--joinin"> <a class="menu__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/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="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Join In</span> </a> </li><li class="menu__item menu__item--makes menu__item--current"> <a class="menu__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes" data-stats-interaction="navigation" data-stats-interaction-variant="makes" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"makes::7"}" data-bbc-title="Make & Colour" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Make & Colour</span> </a> </li><li class="menu__item menu__item--radio"> <a class="menu__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/radio" data-stats-interaction="navigation" data-stats-interaction-variant="radio" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"radio::8"}" data-bbc-title="Radio" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Radio</span> </a> </li><li class="menu__item menu__item--topics"> <a class="menu__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/topics" data-stats-interaction="navigation" data-stats-interaction-variant="topics" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"topics::9"}" data-bbc-title="Topics" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Topics</span> </a> </li> </ul> <div class="menu__search-bar menu__search-bar--open"> <form id="search-bar-in-menu" class="search-bar" role="search" action="//web.archive.org/web/20201003033657/https://search.bbc.co.uk/search" method="get" accept-charset="utf-8"> <label for="search-bar-input-in-menu" class="search-bar__label vh">Start your search here...</label> <input type="hidden" name="scope" value="cbeebies"> <div class="search-bar__input-area"> <input id="search-bar-input-in-menu" class="search-bar__input" type="text" name="q" placeholder="Start your search here..."> <button class="search-bar__clear" aria-label="Clear Search" type="button" data-stats-interaction="search_bar" data-stats-interaction-variant="clear" data-stats-interaction-action="button"> <i class="search-bar__clear-icon gelicon gelicon--no" aria-hidden="true"></i> </button> </div> <button aria-label="Search" class="search-bar__button"> <div class="search-bar__button-inner"> <span class="search-bar__button-image"></span> </div> </button> </form> <script> require(['jquery-1', 'local/utils/config'], function ($, config) { function clearSearchOnClick() { var $searchBar = $('#search-bar-in-menu'); var $searchInput = $('#search-bar-input-in-menu'); var $clearButton = $searchBar.find('.search-bar__clear'); $clearButton.on('click', function () { $searchInput.val("").focus(); $clearButton.hide(); }); function hideOrShowClearButton() { var isEmpty = $searchInput.val() === ""; isEmpty ? $clearButton.hide() : $clearButton.show(); } hideOrShowClearButton(); $searchInput.on('keyup keypress blur change', hideOrShowClearButton); } function setNextPageIstatsLabelsOnFormSubmit() { var $searchForm = $('#search-bar-in-menu'); function canSetPerformanceCookies() { return 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/20201003033657/https://search.bbc.co.uk/search" method="get" accept-charset="utf-8"> <label for="search-bar-input-below-menu" class="search-bar__label vh">Start your search here...</label> <input type="hidden" name="scope" value="cbeebies"> <div class="search-bar__input-area"> <input id="search-bar-input-below-menu" class="search-bar__input" type="text" name="q" placeholder="Start your search here..."> <button class="search-bar__clear" aria-label="Clear Search" type="button" data-stats-interaction="search_bar" data-stats-interaction-variant="clear" data-stats-interaction-action="button"> <i class="search-bar__clear-icon gelicon gelicon--no" aria-hidden="true"></i> </button> </div> <button aria-label="Search" class="search-bar__button"> <div class="search-bar__button-inner"> <span class="search-bar__button-image"></span> </div> </button> </form> <script> require(['jquery-1', 'local/utils/config'], function ($, config) { function clearSearchOnClick() { var $searchBar = $('#search-bar-below-menu'); var $searchInput = $('#search-bar-input-below-menu'); var $clearButton = $searchBar.find('.search-bar__clear'); $clearButton.on('click', function () { $searchInput.val("").focus(); $clearButton.hide(); }); function hideOrShowClearButton() { var isEmpty = $searchInput.val() === ""; isEmpty ? $clearButton.hide() : $clearButton.show(); } hideOrShowClearButton(); $searchInput.on('keyup keypress blur change', hideOrShowClearButton); } function setNextPageIstatsLabelsOnFormSubmit() { var $searchForm = $('#search-bar-below-menu'); function canSetPerformanceCookies() { return 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="content-page content-page--has-sidebar" role="main"> <span class="vh" id="main-content">Turn your toy into Waffle</span> <div class="content-page__columns-wrapper"> <div class="content-page__columns"><div class="content-page__column content-page__column--main"> <section class="content-page__section content-page__section--content-item content-item content-item--clip content-item--makes"> <div class="content-item__frame"> <section class="content-item__section content-item__primary-content content-item__primary-content--clip" itemtype="http://www.schema.org/VideoObject" itemscope> <meta itemprop="name" content="Waffle the Wonder Dog - Turn your toy into Waffle"/> <meta itemprop="description" content="If you love Waffle why not give your own toy a Waffle make-over. Grab a grown up to help you make this simple paper collar."/> <meta itemprop="typicalAgeRange" content="0-12"/> <meta itemprop="datePublished" content="2018-07-01T23:00:00.000Z"/> <meta itemprop="url" content="https://web.archive.org/web/20201003033657/http://www.bbc.co.uk/cbeebies/makes/cbeebies-house-turn-your-toy-into-waffle"/> <meta itemprop="isFamilyFriendly" content="true"/> <meta itemprop="image" content="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/720/1x/cbeebies/cbeebies-house-turn-your-toy-into-waffle-content-card.jpg"/> <meta itemprop="thumbnailUrl" content="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/720/1x/cbeebies/cbeebies-house-turn-your-toy-into-waffle-content-card.jpg"/> <div class="content-item__section-content"> <div id="player-57367" class="smp-embed content-item__embed content-item__embed--smp-embed"> <div class="smp-embed__placeholder"></div> </div> <noscript> <div class="content-item__js-not-available js-not-available"> <h2 class="js-not-available__title">Oops you can't see this activity!</h2> <p class="js-not-available__text">To enjoy the CBeebies website at its best you will need to have JavaScript turned on.</p> <p class="js-not-available__text">For more help please visit the <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/grownups/faqs" class="js-not-available__link">CBeebies Grown-ups FAQ <span class="gel-icon gelicon--next"></span></a></p> </div> </noscript> <script type="text/javascript"> require(['childrens/smp-embed'], function(smpEmbed) { var settings = { "superResponsive" : true, "appName" : "cbeebies", "appType" : "responsive", "ui" : { "cta" : { "mode" : "duration" }, "controls" : { "availableOnMediaEnded" : false }, "disableReithFonts" : false, "useFontSalt" : true, "colour" : "#29C5FE" }, "playlistObject" : { "title" : "Turn your toy into Waffle", "summary" : "If you love Waffle why not give your own toy a Waffle make-over, with this fun collar.", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20201003033657/https://ichef.bbci.co.uk/images/ic/$recipe/p06cqycs.jpg", "items" : [ { "kind" : "programme", "live" : false, "versionID" : "p06cqxx1", "vpid" : "p06cqxx1", "duration" : 97 } ] }, "statsObject" : { "clipPID" : "p06cqxwz", "deviceId" : "", "sessionLabels" : { "children_content" : "pid-p06cqxwz" } } }; var intentionId = "pid-p06cqxwz"; smpEmbed.embed('#player-57367', settings, intentionId); }); </script> </div> </section> <div class="content-item__section content-item__section--information"> <div class="content-item__section-content"> <div class="content-item-description"> <div class="reactions-container"><div id="u27214540904949724"><div class="reactions" data-reactid=".19vf1qgiia0" data-react-checksum="874806402"><div data-reactid=".19vf1qgiia0.0"><div data-reactid=".19vf1qgiia0.0.0"><div class="reactions-module" data-reactid=".19vf1qgiia0.0.0.0"><div class="reactions-sprite-animation-wrapper" data-reactid=".19vf1qgiia0.0.0.0.0"><div class="reactions-sprite-animation reactions-sprite-animation__slide--0" style="left:0;top:0;" data-reactid=".19vf1qgiia0.0.0.0.0.0"><noscript data-reactid=".19vf1qgiia0.0.0.0.0.0.0"></noscript></div></div><div class="reactions-tray" data-reactid=".19vf1qgiia0.0.0.0.1"><div class="reactions-tray__reactions-container reactions-tray__reactions-container--no-animation" data-reactid=".19vf1qgiia0.0.0.0.1.0"><ul class="gs-c-reactions" data-reactid=".19vf1qgiia0.0.0.0.1.0.0"><div class="reactions-list" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0"><li data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$0"><button class="gs-c-reaction reaction-button" aria-pressed="false" aria-labelledby="reaction-label-text--loved-childrens-reactions-urn:bbc:pips::pid:p06cqxwz reaction-count-text--loved-childrens-reactions-urn:bbc:pips::pid:p06cqxwz" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$0.0"><span class="gel-icon reaction-icon reaction-icon-loved" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$0.0.0"><svg data-name="Layer 1" viewbox="0 0 72 72" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$0.0.0.0"><path d="M13.54 49.73A31.54 31.54 0 0 1 6 30c0-2.08-.06-10.46 6.55-16.17a14.48 14.48 0 0 1 9.1-3.46c7.39 0 11.7 3.42 14.34 8.12 2.64-4.69 7-8.13 14.34-8.12a14.48 14.48 0 0 1 9.1 3.46C66.06 19.54 66 27.93 66 30a31.54 31.54 0 0 1-7.54 19.73C51.28 58.48 36 61.63 36 61.63s-15.28-3.15-22.46-11.9z" fill="#e63f23" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$0.0.0.0.0"></path><path d="M17.06 16.8C14.9 18.15 14 20.51 15 22.08s3.56 1.75 5.73.4 3.11-3.71 2.11-5.28-3.61-1.75-5.78-.4z" fill="#ee7966" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$0.0.0.0.1"></path></svg></span><span id="reaction-label-text--loved-childrens-reactions-urn:bbc:pips::pid:p06cqxwz" class="reaction-label" aria-label="Reaction type Love," data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$0.0.1">Love</span><span id="reaction-count-text--loved-childrens-reactions-urn:bbc:pips::pid:p06cqxwz" class="reaction-count" aria-label="Total number of Loves 285" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$0.0.2">285</span><div class="reaction-focus-line" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$0.0.3"></div></button></li><li data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$1"><button class="gs-c-reaction reaction-button" aria-pressed="false" aria-labelledby="reaction-label-text--lol-childrens-reactions-urn:bbc:pips::pid:p06cqxwz reaction-count-text--lol-childrens-reactions-urn:bbc:pips::pid:p06cqxwz" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$1.0"><span class="gel-icon reaction-icon reaction-icon-lol" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$1.0.0"><svg data-name="Layer 1" viewbox="0 0 72 72" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$1.0.0.0"><path d="M33.34 6.12A30 30 0 1 1 6.12 38.66 30 30 0 0 1 33.34 6.12" fill="#ffd201" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$1.0.0.0.0"></path><path d="M55.14 37.21a19.14 19.14 0 1 1-38.29-.16" fill="#2b2b2b" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$1.0.0.0.1"></path><path d="M25.56 53.17a11.22 11.22 0 0 1 20.75.07" fill="#a75916" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$1.0.0.0.2"></path><path d="M35.95 46.29a11.24 11.24 0 0 0-10.41 6.91 19.23 19.23 0 0 0 10.36 3.11 18.78 18.78 0 0 0 10.39-3 11.1 11.1 0 0 0-10.34-7" fill="#e63f23" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$1.0.0.0.3"></path><path d="M21.36 20.41l10.76 3.91a1.27 1.27 0 0 1 0 2.4l-10.75 3.81a1 1 0 0 1-.69-1.78l7.7-3.25-7.69-3.39a.92.92 0 0 1 .68-1.7M51.32 22.11l-7.7 3.38 7.71 3.25a1 1 0 0 1-.69 1.78l-10.74-3.8a1.27 1.27 0 0 1 0-2.4l10.76-3.91a.92.92 0 0 1 .68 1.7" fill="#2b2b2b" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$1.0.0.0.4"></path></svg></span><span id="reaction-label-text--lol-childrens-reactions-urn:bbc:pips::pid:p06cqxwz" class="reaction-label" aria-label="Reaction type Funny," data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$1.0.1">Funny</span><span id="reaction-count-text--lol-childrens-reactions-urn:bbc:pips::pid:p06cqxwz" class="reaction-count" aria-label="Total number of Funnys 143" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$1.0.2">143</span><div class="reaction-focus-line" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$1.0.3"></div></button></li><li data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$2"><button class="gs-c-reaction reaction-button" aria-pressed="false" aria-labelledby="reaction-label-text--applause-childrens-reactions-urn:bbc:pips::pid:p06cqxwz reaction-count-text--applause-childrens-reactions-urn:bbc:pips::pid:p06cqxwz" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$2.0"><span class="gel-icon reaction-icon reaction-icon-applause" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$2.0.0"><svg data-name="Layer 1" viewbox="0 0 72 72" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$2.0.0.0"><path d="M52.43 11.33l4.12-7.71a1.09 1.09 0 0 1 1.87 1.09l-4.12 7.71a1.09 1.09 0 0 1-1.87-1.09M43.75 3a1 1 0 0 1 1.79.25l1.23 5.28a1 1 0 0 1-1.89.47l-1.23-5.27a1 1 0 0 1 .1-.74M15.59 11.1l-.7-8.71a1.09 1.09 0 0 1 2.17-.09l.7 8.71a1.09 1.09 0 0 1-2.17.09M3.78 8.77A1 1 0 0 1 5.41 8l3.89 3.79A1 1 0 1 1 8 13.23L4.09 9.45a1 1 0 0 1-.31-.68" fill="#2b2b2b" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$2.0.0.0.0"></path><path d="M57.24 56.4c5-7.08 4.75-10.71 2.84-16.46-.37-1.12-.91-2.56-1.4-3.67a96 96 0 0 0-5.2-10.15l-3.54-7.32a4 4 0 0 0-4-2.23 3.72 3.72 0 0 0-2.6 1.36 4.29 4.29 0 0 0-.49 4.61l4 8.31L24 15.42a4 4 0 0 0-5.52 1l-.05.06c-1.55 2.09-.06 4.44.18 4.74l-4.06-2.74-.42-.28a4 4 0 0 0-5.56 1 3.86 3.86 0 0 0-.1 4.12 4.1 4.1 0 0 0 1.25 1.35L13 27.54c-1.84-1.24-4.92-1.62-6.38.54A3.86 3.86 0 0 0 7.8 33.5l5.65 4.66c-1.9-1.29-4.4-1.34-5.6.7a3.79 3.79 0 0 0 1.28 5s18.1 13.05 23.78 16.56c6.15 3.8 8.78 4.25 13.83 3.69 4.27-.47 7-2.71 10.5-7.72" fill="#9f8214" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$2.0.0.0.1"></path><path d="M64.75 41.35c-.34-1.13-.83-2.57-1.29-3.68-1.46-3.59-8.23-17.6-8.23-17.6a4 4 0 0 0-3.92-2.32 3.72 3.72 0 0 0-2.79 1.49 4.29 4.29 0 0 0-.44 4.39l3.27 7.23a.33.33 0 0 1-.49.4L29.57 16a4 4 0 0 0-5.51.86l-.06.06a2.53 2.53 0 0 0-.65 2 2.13 2.13 0 0 0 1 1.67l.48.37L39.64 32a.53.53 0 0 1 .13.72.48.48 0 0 1-.41.2.54.54 0 0 1-.31-.11L22.64 20.63l-2.55-1.81-.34-.25a4.06 4.06 0 0 0-5.68.88 3.45 3.45 0 0 0-.16 3.79 17.84 17.84 0 0 0 2.3 2.17l2.1 1.59 18.37 13.18a.53.53 0 0 1 .13.72.48.48 0 0 1-.41.2.54.54 0 0 1-.3-.1L17.21 27.41a4 4 0 0 0-2.55-.72 3.49 3.49 0 0 0-2.72 1.45 3.83 3.83 0 0 0 1 5.42l5 3.7 14.18 10.12a.53.53 0 0 1 .13.72.48.48 0 0 1-.41.2.54.54 0 0 1-.31-.11l-14-10-.25-.19-.54-.37c-1.93-.94-3.73-.74-4.73 1s.38 4 1.1 4.51c0 0 18.53 14.21 24.09 17.86 6 3.95 8.62 4.45 13.64 4 4.25-.36 7-2.51 10.65-7.39 5.13-6.88 5.01-10.5 3.26-16.26z" fill="#ffd201" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$2.0.0.0.2"></path></svg></span><span id="reaction-label-text--applause-childrens-reactions-urn:bbc:pips::pid:p06cqxwz" class="reaction-label" aria-label="Reaction type Clap," data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$2.0.1">Clap</span><span id="reaction-count-text--applause-childrens-reactions-urn:bbc:pips::pid:p06cqxwz" class="reaction-count" aria-label="Total number of Claps 109" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$2.0.2">109</span><div class="reaction-focus-line" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$2.0.3"></div></button></li><li data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$3"><button class="gs-c-reaction reaction-button" aria-pressed="false" aria-labelledby="reaction-label-text--inspired-childrens-reactions-urn:bbc:pips::pid:p06cqxwz reaction-count-text--inspired-childrens-reactions-urn:bbc:pips::pid:p06cqxwz" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$3.0"><span class="gel-icon reaction-icon reaction-icon-inspired" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$3.0.0"><svg data-name="Layer 1" viewbox="0 0 72 72" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$3.0.0.0"><circle cx="36" cy="36" r="30" fill="#ffd201" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$3.0.0.0.0"></circle><path d="M35.9 14.3a.82.82 0 0 1-.82-.82V9.7a.82.82 0 0 1 1.65 0v3.78a.82.82 0 0 1-.83.82zM61.42 36.51h-3.78a.82.82 0 0 1 0-1.65h3.78a.82.82 0 1 1 0 1.65zM14.16 36.51h-3.78a.82.82 0 1 1 0-1.65h3.78a.82.82 0 0 1 0 1.65zM51.28 20.67a.82.82 0 0 1-.58-1.4l2.67-2.67a.82.82 0 0 1 1.16 1.16l-2.67 2.67a.82.82 0 0 1-.58.24zM20.53 20.67a.82.82 0 0 1-.58-.24l-2.67-2.67a.82.82 0 1 1 1.16-1.16l2.67 2.67a.82.82 0 0 1-.58 1.4zM44 15.87a.82.82 0 0 1-.76-1.13l1.41-3.5a.82.82 0 0 1 1.53.61l-1.41 3.5a.82.82 0 0 1-.77.52zM59.57 46a.82.82 0 0 1-.31-.06l-3.5-1.41a.82.82 0 1 1 .62-1.53l3.5 1.41a.82.82 0 0 1-.31 1.59zM15.74 28.39a.82.82 0 0 1-.31-.06l-3.5-1.41a.82.82 0 0 1 .61-1.53L16 26.8a.82.82 0 0 1-.31 1.59zM55.91 28a.82.82 0 0 1-.32-1.58l3.48-1.48a.82.82 0 0 1 .64 1.51l-3.48 1.48a.82.82 0 0 1-.32.07zM12.43 46.51a.82.82 0 0 1-.32-1.58l3.48-1.48a.82.82 0 1 1 .63 1.55l-3.48 1.48a.82.82 0 0 1-.31.03zM27.39 16a.82.82 0 0 1-.76-.5l-1.48-3.48a.82.82 0 0 1 1.51-.64l1.48 3.48a.82.82 0 0 1-.75 1.14zM29.39 48.81c0-2.53-1.63-4.9-3.47-6.63a13.68 13.68 0 0 1 3.68-22.52c9.92-4.66 20.67 2.71 20.67 12.41a13.83 13.83 0 0 1-5.79 11.26 5 5 0 0 0-2.1 4.1v1.39a17 17 0 0 1-5.83 1.34 23.78 23.78 0 0 1-7.16-1.35z" fill="#fff" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$3.0.0.0.1"></path><path d="M29.42 48.71v4.8a8.05 8.05 0 0 0 2.33 1.09l.07.18a4.09 4.09 0 1 0 8.17 0v-.06a2.42 2.42 0 0 0 .11-.29 21.91 21.91 0 0 0 2.3-.79v-5.13s-4.92 3.49-12.98.2z" fill="#d3145b" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$3.0.0.0.2"></path></svg></span><span id="reaction-label-text--inspired-childrens-reactions-urn:bbc:pips::pid:p06cqxwz" class="reaction-label" aria-label="Reaction type Got It!," data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$3.0.1">Got It!</span><span id="reaction-count-text--inspired-childrens-reactions-urn:bbc:pips::pid:p06cqxwz" class="reaction-count" aria-label="Total number of Got Its 87" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$3.0.2">87</span><div class="reaction-focus-line" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$3.0.3"></div></button></li><li data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$4"><button class="gs-c-reaction reaction-button" aria-pressed="false" aria-labelledby="reaction-label-text--omd-childrens-reactions-urn:bbc:pips::pid:p06cqxwz reaction-count-text--omd-childrens-reactions-urn:bbc:pips::pid:p06cqxwz" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$4.0"><span class="gel-icon reaction-icon reaction-icon-omd" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$4.0.0"><svg data-name="Layer 1" viewbox="0 0 72 72" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$4.0.0.0"><circle cx="35.91" cy="35.72" r="30" fill="#ffd201" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$4.0.0.0.0"></circle><ellipse cx="25.73" cy="29.22" rx="3.85" ry="4.98" fill="#2b2b2b" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$4.0.0.0.1"></ellipse><ellipse cx="46.27" cy="29.22" rx="3.85" ry="4.98" fill="#2b2b2b" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$4.0.0.0.2"></ellipse><path d="M13.57 26.32v-.1c0-.37.06-.73.11-1.1s.17-.72.27-1.08.26-.71.41-1a10.55 10.55 0 0 1 .54-1 9.46 9.46 0 0 1 .65-.93 9.27 9.27 0 0 1 .75-.86 9.86 9.86 0 0 1 .84-.77A11.39 11.39 0 0 1 19 18.14a9.62 9.62 0 0 1 1-.49 9 9 0 0 1 1.06-.38 11.43 11.43 0 0 1 2.19-.45c.37 0 .74-.07 1.11-.07s.74 0 1.11.05.73.1 1.09.18c-.35.14-.69.25-1 .35l-1 .35c-.33.1-.66.24-1 .36s-.64.26-1 .39-.62.28-.93.42-.6.3-.9.45-.58.32-.87.49a9.58 9.58 0 0 0-.84.53 9.62 9.62 0 0 0-.81.57c-.28.18-.51.41-.77.62s-.48.45-.74.66-.46.48-.7.71-.44.51-.67.76-.42.54-.63.81-.39.57-.6.86-.37.6-.59.91zM58.27 26.32v-.1c-.21-.31-.4-.61-.59-.91s-.4-.58-.6-.86-.41-.55-.63-.81-.43-.52-.67-.76-.45-.49-.7-.71-.47-.47-.74-.66-.5-.43-.77-.62a9.61 9.61 0 0 0-.81-.57 9.58 9.58 0 0 0-.84-.53c-.28-.17-.57-.34-.87-.49s-.59-.32-.9-.45-.61-.3-.93-.42-.63-.28-1-.39-.64-.26-1-.36l-1-.35c-.34-.11-.69-.22-1-.35.36-.08.72-.13 1.09-.18s.73 0 1.11-.05.74 0 1.11.07a11.43 11.43 0 0 1 2.19.45 9 9 0 0 1 1.06.38 9.62 9.62 0 0 1 1 .49 11.39 11.39 0 0 1 1.89 1.27 9.86 9.86 0 0 1 .84.77 9.28 9.28 0 0 1 .75.86A9.45 9.45 0 0 1 57 22a10.54 10.54 0 0 1 .54 1c.16.34.28.7.41 1s.19.73.27 1.08.09.74.11 1.1z" fill="#9f8214" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$4.0.0.0.3"></path><path d="M35.55 56.89a14.47 14.47 0 0 1-14.42-14.53 29 29 0 0 1 14.54-4.26h.66a29 29 0 0 1 14.54 4.26 14.47 14.47 0 0 1-14.42 14.53z" fill="#2b2b2b" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$4.0.0.0.4"></path><path d="M28.43 55a14.31 14.31 0 0 0 7.11 2h.91a14.31 14.31 0 0 0 7.11-2A9 9 0 0 0 36 51.41 9 9 0 0 0 28.43 55z" fill="#e63f23" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$4.0.0.0.5"></path></svg></span><span id="reaction-label-text--omd-childrens-reactions-urn:bbc:pips::pid:p06cqxwz" class="reaction-label" aria-label="Reaction type Wow," data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$4.0.1">Wow</span><span id="reaction-count-text--omd-childrens-reactions-urn:bbc:pips::pid:p06cqxwz" class="reaction-count" aria-label="Total number of Wows 139" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$4.0.2">139</span><div class="reaction-focus-line" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$4.0.3"></div></button></li><li data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$5"><button class="gs-c-reaction reaction-button" aria-pressed="false" aria-labelledby="reaction-label-text--sad-childrens-reactions-urn:bbc:pips::pid:p06cqxwz reaction-count-text--sad-childrens-reactions-urn:bbc:pips::pid:p06cqxwz" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$5.0"><span class="gel-icon reaction-icon reaction-icon-sad" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$5.0.0"><svg data-name="Layer 1" viewbox="0 0 72 72" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$5.0.0.0"><circle cx="36" cy="36" r="30" transform="rotate(-5.1 35.96834013 36.0247667)" fill="#ffd201" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$5.0.0.0.0"></circle><path d="M15 40.42c1.16-2.66 8.18-5.59 8.18-5.59s2.59 7.17 1.42 9.79a5.26 5.26 0 0 1-9.6-4.2z" fill="#269dc8" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$5.0.0.0.1"></path><path d="M25.81 53.82a1 1 0 0 1-.81-1.55A14.14 14.14 0 0 1 36.35 46a14.1 14.1 0 0 1 11.16 6A1 1 0 1 1 46 53.2a12 12 0 0 0-9.65-5.2 12.22 12.22 0 0 0-9.76 5.44 1 1 0 0 1-.78.38zM26.26 36A6.91 6.91 0 0 1 20 32.2a1.17 1.17 0 1 1 2.1-1 4.6 4.6 0 0 0 8.23 0 1.17 1.17 0 1 1 2.09 1.05A6.91 6.91 0 0 1 26.26 36zM45.36 36a6.91 6.91 0 0 1-6.21-3.84 1.17 1.17 0 1 1 2.1-1 4.6 4.6 0 0 0 8.23 0 1.17 1.17 0 1 1 2.09 1.05A6.91 6.91 0 0 1 45.36 36z" fill="#2b2b2b" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$5.0.0.0.2"></path></svg></span><span id="reaction-label-text--sad-childrens-reactions-urn:bbc:pips::pid:p06cqxwz" class="reaction-label" aria-label="Reaction type Sad," data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$5.0.1">Sad</span><span id="reaction-count-text--sad-childrens-reactions-urn:bbc:pips::pid:p06cqxwz" class="reaction-count" aria-label="Total number of Sads 211" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$5.0.2">211</span><div class="reaction-focus-line" data-reactid=".19vf1qgiia0.0.0.0.1.0.0.0.$5.0.3"></div></button></li></div></ul><div class="reactions-tray__reactive-prompt" data-reactid=".19vf1qgiia0.0.0.0.1.0.1">Press and hold for more...</div></div></div><button class="reactions-cta" aria-pressed="false" aria-label="Reactions. Show Reactions. Total number of reactions: 974" data-reactid=".19vf1qgiia0.0.0.0.4"><div class="reactions-cta-image" data-reactid=".19vf1qgiia0.0.0.0.4.0"><span data-reactid=".19vf1qgiia0.0.0.0.4.0.0"><span class="cta-icon cta-cbeebies-icon" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0"><svg viewbox="0 0 76 68" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0.0"><defs data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0.0.0"><clippath id="a" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0.0.0.0"><path d="M16.26 38.31a9.6 9.6 0 0 1-6.72-11.8 19.21 19.21 0 0 1 10-.22l.42.11a19.21 19.21 0 0 1 8.57 5.24 9.6 9.6 0 0 1-11.74 6.82z" fill="#2b2b2b" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0.0.0.0.0"></path></clippath></defs><circle cx="20.16" cy="25.01" r="19.9" transform="rotate(-80 20.16 25.01)" fill="#efc203" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0.0.1"></circle><ellipse cx="14.75" cy="18.89" rx="3.3" ry="2.55" transform="rotate(-74.9 14.757 18.895)" fill="#2b2b2b" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0.0.2"></ellipse><ellipse cx="27.9" cy="22.44" rx="3.3" ry="2.55" transform="rotate(-74.9 27.908 22.442)" fill="#2b2b2b" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0.0.3"></ellipse><path d="M7.46 14.93v-.07c.08-.23.16-.46.26-.69s.23-.43.36-.65.29-.41.45-.6a7 7 0 0 1 .52-.55 6.27 6.27 0 0 1 .58-.48 6.15 6.15 0 0 1 .63-.42 6.54 6.54 0 0 1 .67-.35 7.55 7.55 0 0 1 1.43-.48 6.38 6.38 0 0 1 .74-.13 6 6 0 0 1 .75-.06 6 6 0 0 1 .75 0 6 6 0 0 1 .74.08c.24.05.49.08.72.15s.47.13.7.22.45.19.67.3h-.72l-.7.05c-.23 0-.46 0-.69.06s-.45.06-.68.08-.44.07-.66.11-.44.09-.65.13-.43.1-.64.16a6.35 6.35 0 0 0-.63.19 6.38 6.38 0 0 0-.62.23c-.21.07-.4.17-.6.26s-.39.2-.59.3-.38.23-.57.33-.37.25-.56.37-.36.27-.54.41L8 14.4c-.17.16-.34.32-.53.48zM36.09 22.66v-.07c-.08-.23-.15-.46-.22-.68s-.15-.44-.24-.65-.17-.42-.27-.63-.19-.41-.3-.6-.2-.39-.33-.58-.22-.38-.36-.55-.24-.36-.39-.53a6.38 6.38 0 0 0-.42-.51 6.35 6.35 0 0 0-.45-.48c-.15-.16-.3-.32-.47-.46s-.32-.3-.5-.44-.34-.3-.52-.43-.35-.29-.54-.41-.37-.28-.56-.4l-.58-.4c-.2-.13-.4-.26-.6-.4.24 0 .49 0 .73.07s.48.11.72.16.46.16.7.23a7.58 7.58 0 0 1 1.33.67 6 6 0 0 1 .62.43 6.38 6.38 0 0 1 .57.49 7.55 7.55 0 0 1 1 1.14 6.54 6.54 0 0 1 .41.64 6.15 6.15 0 0 1 .33.68 6.27 6.27 0 0 1 .26.71 7 7 0 0 1 .17.73c0 .25.06.5.08.74s0 .5 0 .74-.07.49-.12.73z" fill="#9f8214" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0.0.4"></path><path d="M16.26 38.31a9.6 9.6 0 0 1-6.72-11.8 19.21 19.21 0 0 1 10-.22l.42.11a19.21 19.21 0 0 1 8.57 5.24 9.6 9.6 0 0 1-11.74 6.82z" fill="#2b2b2b" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0.0.5"></path><g clip-path="url(#a)" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0.0.6"><ellipse cx="16.36" cy="39.1" rx="4.41" ry="5.64" transform="rotate(-74.9 16.361 39.1)" fill="#e63f23" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0.0.6.0"></ellipse></g><path d="M50.54 34.94A20.35 20.35 0 0 1 40 26.27c-.66-1.16-3.36-5.85-1.47-11.16a9.34 9.34 0 0 1 4-4.83 9.8 9.8 0 0 1 10.63 0 9.8 9.8 0 0 1 5.47-9.12 9.34 9.34 0 0 1 6.21-1c5.53 1.1 8.16 5.83 8.82 7a20.35 20.35 0 0 1 2 13.47c-1.25 7.19-8.81 13.81-8.81 13.81s-9.5 3.12-16.31.5z" fill="#e63f23" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0.0.7"></path><path d="M42 15.34c-.79 1.44-.56 3.07.5 3.63s2.56-.15 3.34-1.6.56-3.07-.5-3.63-2.51.15-3.34 1.6z" fill="#ee7966" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0.0.8"></path><circle cx="42.08" cy="45.81" r="22.09" transform="matrix(.17 -.98 .98 .17 -10.35 79.3)" fill="#ffd201" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0.0.9"></circle><path d="M55.66 49a14.07 14.07 0 0 1-27.69-5" fill="#2b2b2b" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0.0.a"></path><path d="M32.21 56.72a8.24 8.24 0 0 1 15 2.7" fill="#a75916" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0.0.b"></path><path d="M40.6 53.07a8.26 8.26 0 0 0-8.42 3.68 14.13 14.13 0 0 0 7.1 3.57 13.8 13.8 0 0 0 7.91-.87 8.15 8.15 0 0 0-6.59-6.38z" fill="#e63f23" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0.0.c"></path><path d="M53.22 43.65l-7.29-4.21a.94.94 0 0 1 .31-1.73l8.26-1.39a.7.7 0 0 1 .27 1.38l-6 1.37 5.13 3.43a.67.67 0 0 1-.71 1.15zM33.35 32.47l7.29 4.21a.94.94 0 0 1-.31 1.73l-8.27 1.39a.7.7 0 0 1-.27-1.38l6-1.37-5.13-3.43a.67.67 0 0 1 .71-1.15z" fill="#2b2b2b" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.0.0.d"></path></svg></span><span class="reactions-count-container" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.1"><span class="reactions-count-container__count-text" data-reactid=".19vf1qgiia0.0.0.0.4.0.0.1.0">974</span></span></span><div class="cta-arrow-icon" data-reactid=".19vf1qgiia0.0.0.0.4.0.1"><svg height="15" width="20" viewbox="0 0 20 15" data-reactid=".19vf1qgiia0.0.0.0.4.0.1.0"><path fill="#db63d9" d="M18.5 4.7l-2.8-2.9L10 7.5 4.3 1.8 1.5 4.7l8.5 8.5z" data-reactid=".19vf1qgiia0.0.0.0.4.0.1.0.0"></path></svg></div></div></button></div></div></div></div></div></div> <div class="button-list-container button-list-container--above-description"> <ul class="button-list"></ul> </div> <div class="content-item-description__text-container"> <a class="content-item-description__brand-link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/waffle-the-wonder-dog" title="Waffle the Wonder Dog" data-stats-interaction="show_oj" data-stats-interaction-variant="text_link"> <span class="content-item-description__brand-name">All Waffle the Wonder Dog</span> <span class="gelicon gelicon--next"></span> </a> <h1 class="content-item-description__heading"><span class="vh">Waffle the Wonder Dog - </span>Turn your toy into Waffle</h1> <p class="content-item-description__description">If you love Waffle why not give your own toy a Waffle make-over. Grab a grown up to help you make this simple paper collar.</p> </div> </div> <div class="button-list-container button-list-container--below-description"> <ul class="button-list"></ul> </div> </div> </div> <section class="content-item__section content-item__section--secondary"> <div class="you-will-need content-item__section-content"> <h2 class="you-will-need__heading">You will need</h2> <ul class="you-will-need__items"> <li class="you-will-need__item"> <span class="you-will-need__text"> Coloured paper or card </span> </li> <li class="you-will-need__item"> <span class="you-will-need__text"> Ribbon </span> </li> <li class="you-will-need__item"> <span class="you-will-need__text"> Ruler </span> </li> <li class="you-will-need__item"> <span class="you-will-need__text"> Sticky tape </span> </li> <li class="you-will-need__item"> <span class="you-will-need__text"> Scissors (grown-up use only) </span> </li> <li class="you-will-need__item"> <span class="you-will-need__text"> Pencil </span> </li> <li class="you-will-need__item"> <span class="you-will-need__text"> Modelling clay </span> </li> </ul> </div> </section> <section class="content-item__section content-page__section--brand-onward-journey-footer brand-onward-journey--top"> <div class="brand-journey-card"> <div class="brand-journey-card__inner"> <div class="brand-journey-card__body-container"> <div class="brand-journey-card__title-container"> <a class="brand-journey-card__title-link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/waffle-the-wonder-dog" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <h3 class="brand-journey-card__title">Waffle the Wonder Dog</h3> </a> </div> <div class="brand-journey-card__image-container"> <a class="brand-journey-card__image-link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/waffle-the-wonder-dog" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <span class="responsive-img responsive-img--5x6 brand-journey-card__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/waffle-the-wonder-dog-onward_journey_image.png" data-alt="Waffle the Wonder Dog"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/waffle-the-wonder-dog-onward_journey_image.png" alt="Waffle the Wonder Dog"/> </noscript> </span> </a> </div> <div class="brand-journey-card__button-container"> <div class="brand-journey-card__button button button--immersive "><a class="button__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/waffle-the-wonder-dog" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"><span class="button__inner"> <span class="button__text">View all</span> <i class="brand-journey-card__chevron button__icon-pre gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> </div> </div> </div> </section> <div class="content-item__section content-item__section--collection-oj"> <div class="content-item__section-content"> <div data-carousel class="carousel carousel--with-title carousel--carousel-at-mobile " data-carousel-at-mobile="true" data-carousel-changes-in-place="false" data-carousel-disable-selected-item="true"> <div class="carousel__title-container"> <a class="carousel__title-link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/curations/cbeebies-house-makes" data-stats-interaction="collection" data-stats-interaction-variant="text_link"> <h3 class="carousel__title" aria-label="CBeebies House Makes collection">CBeebies House Makes</h3> </a> </div> <div class="carousel__controls"> <div class="carousel__button carousel__button--prev button button--prev button--immersive "><a class="button__link"><span class="button__inner"> <span class="vh">previous items</span> <i class="gelicon gelicon--previous" aria-hidden="true"></i> </span></a></div><div class="carousel__button carousel__button--next button button--next button--immersive "><a class="button__link"><span class="button__inner"> <span class="vh">next items</span> <i class="gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> <div class="carousel__curtain carousel__curtain--right"></div> <div class="carousel__window"><div class="carousel__panel"> <ul class="carousel__list"><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-cress-head?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="0" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebies-house-cress-head-cc-2017-v2.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebies-house-cress-head-cc-2017-v2.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Cress Heads"> Cress Heads </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/presenters-thank-you-card?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="1" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/presenters-thank-you-card-cc-2017.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/presenters-thank-you-card-cc-2017.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Thank You Card"> Thank You Card </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item carousel__item--selected"> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-turn-your-toy-into-waffle?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card-disabled" data-stats-interaction-position="2" data-stats-interaction-action="button" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebies-house-turn-your-toy-into-waffle-content-card.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebies-house-turn-your-toy-into-waffle-content-card.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Turn your toy into Waffle"> Turn your toy into Waffle </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/make-your-own-cardboard-tube-animal-with-evie?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="3" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cardboard-tube-animals.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cardboard-tube-animals.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Creative Cardboard Creatures"> Creative Cardboard Creatures </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-animal-mask?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="4" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/wesak-make-content-card-image.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/wesak-make-content-card-image.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Animal Mask"> Animal Mask </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-suncatcher?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="5" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/pres-easter-suncatcher-make-1024-V3.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/pres-easter-suncatcher-make-1024-V3.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make a rainbow suncatcher"> Make a rainbow suncatcher </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/twirlywoos-twirler?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="6" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/twirlywoos_twirler_alternative_content_card.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/twirlywoos_twirler_alternative_content_card.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Twirlywoos Twirler"> Twirlywoos Twirler </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/make-your-own-hey-duggee-mask?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="7" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/make-your-own-hey-duggee-mask.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/make-your-own-hey-duggee-mask.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make your own Hey Duggee mask!"> Make your own Hey Duggee mask! </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/swashbuckle-make-your-own-pirate-hat-eyepatch?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="8" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/pres-pirate-hat-patch-captain-rebecca-content-card.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/pres-pirate-hat-patch-captain-rebecca-content-card.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <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 to make a pirate hat and eyepatch"> How to make a pirate hat and eyepatch </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-fathers-day-card?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="9" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/CBeebies_House_Fathers_Day_1024_576.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/CBeebies_House_Fathers_Day_1024_576.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Father's Day Card"> Father's Day Card </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/presenters-book-buddy?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="10" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/presenters_bookmark_make_1024_576.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/presenters_bookmark_make_1024_576.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Book Buddy"> Book Buddy </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-unicorn-headband?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="11" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/pres-unicorn-headband-1024.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/pres-unicorn-headband-1024.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make your own unicorn headband"> Make your own unicorn headband </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/draw-along-with-evie?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="12" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/draw-with-evie-from-cbeebies-house.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/draw-with-evie-from-cbeebies-house.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Draw along with Evie"> Draw along with Evie </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/diy-crafts-with-evie-from-cbeebies-house?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="13" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/spring-makes-with-evie-cbeebies-house.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/spring-makes-with-evie-cbeebies-house.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Spring crafts with Evie"> Spring crafts with Evie </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/presenters-space-helmet-make?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="14" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/space_helmet_make_v2.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/space_helmet_make_v2.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Space Helmet Make"> Space Helmet Make </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-andys-gizmo-make?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="15" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebies-house-andys-gizmo-make.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebies-house-andys-gizmo-make.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make Andy's Gizmo "> Make Andy's Gizmo </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/make-bing-and-duggee-bingo-cards?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="16" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/bingo-make-cbeebies-house-2.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/bingo-make-cbeebies-house-2.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make your own Bing and Duggee bingo cards"> Make your own Bing and Duggee bingo cards </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/waffle-sock-puppet?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="17" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/waffle-sock-puppet.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/waffle-sock-puppet.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make a Waffle Doggy sock puppet"> Make a Waffle Doggy sock puppet </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-lily-bobtail-mask?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="18" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/Lily_Bobtail_Mask_CC_V2.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/Lily_Bobtail_Mask_CC_V2.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Lily Bobtail Mask"> Lily Bobtail Mask </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-easter-treat-cup?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="19" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/Easter_Treat_Cup_Content_Card.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/Easter_Treat_Cup_Content_Card.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Easter Treat Cup"> Easter Treat Cup </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-funny-finger-feet?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="20" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/funny_finger_feet_make_CC_V2.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/funny_finger_feet_make_CC_V2.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Easter Funny Finger Feet"> Easter Funny Finger Feet </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/swashbuckle-make-your-own-wally-the-welly-puppet?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="21" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/swashbuckle-sock-puppet-make-wally-the-welly-2.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/swashbuckle-sock-puppet-make-wally-the-welly-2.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make a sock puppet like Wally the Welly "> Make a sock puppet like Wally the Welly </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/go-jetters-grandmaster-glitch-moustache?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="22" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/go_jetters_moustache_make_content_card.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/go_jetters_moustache_make_content_card.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Grandmaster Glitch Moustache"> Grandmaster Glitch Moustache </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/presenters-jet-pack?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="23" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/jet_pack_make.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/jet_pack_make.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Go Jetters Jet Pack"> Go Jetters Jet Pack </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/presenters-clangers-make?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="24" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/clangers_make_1024_576.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/clangers_make_1024_576.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make your own Clanger"> Make your own Clanger </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-go-jetters-badge?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="25" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebies-house-go-jetters-badge-ugc-02.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebies-house-go-jetters-badge-ugc-02.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make your own Go Jetters badge"> Make your own Go Jetters badge </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-diwali-make?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="26" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebies-house-diwali-1024.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebies-house-diwali-1024.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Diwali Firework Picture"> Diwali Firework Picture </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-thumbelina-make?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="27" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/thumbelina-bug-make-new-cc.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/thumbelina-bug-make-new-cc.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make a Thumbelina Party Bug!"> Make a Thumbelina Party Bug! </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/moon-and-star-toast?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="28" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/eid_toast_content_card_v2.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/eid_toast_content_card_v2.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Moon and Star Toast"> Moon and Star Toast </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/make-a-colourful-blossom-tree-for-holi-festival?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="29" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebies-blossom-tree-make-holi.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebies-blossom-tree-make-holi.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make a colourful tree with Ryan"> Make a colourful tree with Ryan </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/space-mobile-make?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="30" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/planet_mobile_cu_1024.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/planet_mobile_cu_1024.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Space Mobile"> Space Mobile </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/presenters-clangers-planet-make?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="31" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/clangers_planet_make_1024_576.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/clangers_planet_make_1024_576.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Clangers Planet Make"> Clangers Planet Make </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/how-to-make-bubbles?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="32" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/CBeebies_House_How_To_Make_Bubbles_Content_Card_V2.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/CBeebies_House_How_To_Make_Bubbles_Content_Card_V2.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <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 how to make bubbles?"> Do you know how to make bubbles? </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-puss-in-boots-make-a-cat-cup?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="33" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebies-puss-in-boots-make-a-cat-cup.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebies-puss-in-boots-make-a-cat-cup.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make a cat cup game with Ben"> Make a cat cup game with Ben </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/moon-mobile-make-your-own?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="34" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/moon-mobile-make-1024.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/moon-mobile-make-1024.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make your own moon mobile with Rebecca"> Make your own moon mobile with Rebecca </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/bitz-and-bob-goggles-helmet-make?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="35" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/bitz-bob-pres-make-cc.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/bitz-bob-pres-make-cc.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make Bitz & Bob's goggles and helmet"> Make Bitz & Bob's goggles and helmet </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/make-a-book-bag-charm?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="36" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/book-bag-charm-make-ugc.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/book-bag-charm-make-ugc.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make a book bag charm with Evie"> Make a book bag charm with Evie </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-easter-card?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="37" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/easter_card_make_1024_576.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/easter_card_make_1024_576.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Easter Card"> Easter Card </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/biggleton-make-your-own-biggleton-bus?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="38" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/biggleton-bus-make-content_card.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/biggleton-bus-make-content_card.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make your own Biggleton bus"> Make your own Biggleton bus </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-music-kit?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="39" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/music-kit-new-content-card.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/music-kit-new-content-card.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Music Kit "> Music Kit </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-robot-make?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="40" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebies-house-robot-new-content-card.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebies-house-robot-new-content-card.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Build your own robot "> Build your own robot </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/presenters-furchester-faces?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="41" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/presenters_furchester_puppets_1024_576.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/presenters_furchester_puppets_1024_576.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Furchester Faces"> Furchester Faces </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/presenters-blow-football?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="42" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/pres_blow_football_make_1024_576v2.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/pres_blow_football_make_1024_576v2.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Blow Football"> Blow Football </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-vaisakhi-kite?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="43" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/kite-content-card.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/kite-content-card.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Vaisakhi Kite"> Vaisakhi Kite </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-footy-friend-make?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="44" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/Footie_Friend_1024_576.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/Footie_Friend_1024_576.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Footy Friend"> Footy Friend </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-frog-make?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="45" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebies-house-frog-make.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebies-house-frog-make.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Frog Make"> Frog Make </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/snake-plate-make?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="46" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/snake_make_1024_576_v3.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/snake_make_1024_576_v3.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Paper Plate Snake"> Paper Plate Snake </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/presenters-velociraptor-hat?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="47" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/pres_velociraptor_1024_576.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/pres_velociraptor_1024_576.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Velociraptor Hat"> Velociraptor Hat </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/presenters-making-a-fossil?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="48" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/Presenters_Fossil_Make_1024_576.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/Presenters_Fossil_Make_1024_576.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Making a Fossil"> Making a Fossil </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/presenters-velociraptor-feet?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="49" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/pres_velociraptor_feet_1024_576.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/pres_velociraptor_feet_1024_576.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Velociraptor Feet"> Velociraptor Feet </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/presenters-woolly-mammoth-feet?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="50" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/mammoth-feet-make.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/mammoth-feet-make.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Woolly Mammoth Feet"> Woolly Mammoth Feet </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="carousel__item "> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/presenters-woolly-mammoth-head?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="51" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/mammoth-head-make.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/mammoth-head-make.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Woolly Mammoth Headdress"> Woolly Mammoth Headdress </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li></ul> </div></div> </div> </div> </div> <section class="content-item__section content-page__section--brand-onward-journey-footer brand-onward-journey--bottom"> <div class="brand-journey-card"> <div class="brand-journey-card__inner"> <div class="brand-journey-card__body-container"> <div class="brand-journey-card__title-container"> <a class="brand-journey-card__title-link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/waffle-the-wonder-dog" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <h3 class="brand-journey-card__title">Waffle the Wonder Dog</h3> </a> </div> <div class="brand-journey-card__image-container"> <a class="brand-journey-card__image-link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/waffle-the-wonder-dog" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <span class="responsive-img responsive-img--5x6 brand-journey-card__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/waffle-the-wonder-dog-onward_journey_image.png" data-alt="Waffle the Wonder Dog"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/waffle-the-wonder-dog-onward_journey_image.png" alt="Waffle the Wonder Dog"/> </noscript> </span> </a> </div> <div class="brand-journey-card__button-container"> <div class="brand-journey-card__button button button--immersive "><a class="button__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/waffle-the-wonder-dog" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"><span class="button__inner"> <span class="button__text">View all</span> <i class="brand-journey-card__chevron button__icon-pre gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> </div> </div> </div> </section> </div> </section> <script> require(['jquery-1'], function ($) { var cover = $('.childrens-wrapper__cover'); var secondContentItemSection = $('.content-item__section').eq(1); function updateCoverHeight() { var height = secondContentItemSection.offset().top - cover.offset().top; if (height > 250) { cover.height(height); } } if (cover.length && secondContentItemSection.length) { updateCoverHeight(); var timer = null; $(window).on('orientationchange', updateCoverHeight); $(window).resize(function () { if (timer) { clearTimeout(timer); } timer = setTimeout(updateCoverHeight, 150); }); } var menuToggleButton = $('.menu__toggle'); menuToggleButton.click(function () { window.setTimeout(updateCoverHeight, 100); }); }); </script> <section class="onward-journeys content-page__section content-page__section--content-cards"> <div class="onward-journey__cards"> <ul class="content-list"> <li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-colouring-sheets-waffle-the-wonder-dog" class="content-card content-card--makes content-card--styled content-card--animated" data-stats-interaction="oj" data-stats-interaction-variant="content_card" data-stats-interaction-position="0" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/waffle-the-dog-colouring-sheet-cc.jpg" data-alt="Waffle the Wonder Dog - Waffle the Wonder Dog Colouring Sheets"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/waffle-the-dog-colouring-sheet-cc.jpg" alt="Waffle the Wonder Dog - Waffle the Wonder Dog Colouring Sheets"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Waffle the Wonder Dog Colouring Sheets"> Waffle the Wonder Dog Colouring Sheets </p> <div class="content-card__details"> <p class="content-card__subtitle " aria-label="from Waffle the Wonder Dog">Waffle the Wonder Dog</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">603</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-colouring-sheets-peter-rabbit" class="content-card content-card--makes content-card--styled content-card--animated" data-stats-interaction="oj" data-stats-interaction-variant="content_card" data-stats-interaction-position="1" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/peter-rabbit-colouring-sheets.jpg" data-alt="Peter Rabbit - Peter Rabbit Colouring Sheets"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/peter-rabbit-colouring-sheets.jpg" alt="Peter Rabbit - Peter Rabbit Colouring Sheets"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Peter Rabbit Colouring Sheets"> Peter Rabbit Colouring Sheets </p> <div class="content-card__details"> <p class="content-card__subtitle " aria-label="from Peter Rabbit">Peter Rabbit</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count"> <span class="content-card__count-description">Number of loves </span> <span class="content-card__count-number">697</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/games/waffle-and-friends-game" class="content-card content-card--games content-card--styled content-card--animated" data-stats-interaction="oj" data-stats-interaction-variant="content_card" data-stats-interaction-position="2" data-site-section="games"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/waffle-and-friends-game-cbeebies-cc.jpg" data-alt="Waffle the Wonder Dog - Waffle and Friends Game"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/waffle-and-friends-game-cbeebies-cc.jpg" alt="Waffle the Wonder Dog - Waffle and Friends Game"/> </noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--games"> <span class="flag__icon"></span> <span class="flag__text">New levels</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Waffle and Friends Game"> Waffle and Friends Game </p> <div class="content-card__details"> <p class="content-card__subtitle " aria-label="from Waffle the Wonder Dog">Waffle the Wonder Dog</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">28383</span> </span> </li></ul> </div> </div> </a> </li> </ul> </div> </section> <script> require(['jquery-1', 'stats/stats', 'domReady!'], function ($, stats, domReady) { stats.recordEvent({ action_name: 'web_oj', action_type: 'view' }, $('.childrens-wrapper'), window.location.pathname); }); </script> <section class="content-page__section content-page__section--brandcards"> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/waffle-the-wonder-dog" class="brandcard" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"><div class="brandcard__inner"><div class="brandcard__image-container"> <div class="brandcard__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/waffle-the-wonder-dog-onward_journey_image.png" data-alt="Waffle the Wonder Dog"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/waffle-the-wonder-dog-onward_journey_image.png" alt="Waffle the Wonder Dog"/> </noscript> </span> </div> </div><div class="brandcard__text"> <span class="brandcard__text-inner"> <span class="brandcard__brand-prefix">All</span> <span class="brandcard__brand-name-container"> <span class="brandcard__brand-name">Waffle the Wonder Dog <span class="brandcard__link-icon gelicon gelicon--next"></span></span> </span> </span> </div></div></a> </section> </div><div class="content-page__column content-page__column--side"> <section class="content-page__section--brand-onward-journey brand-onward-journey--top"> <div class="brand-journey-card"> <div class="brand-journey-card__inner"> <div class="brand-journey-card__body-container"> <div class="brand-journey-card__title-container"> <a class="brand-journey-card__title-link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/waffle-the-wonder-dog" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <h3 class="brand-journey-card__title">Waffle the Wonder Dog</h3> </a> </div> <div class="brand-journey-card__image-container"> <a class="brand-journey-card__image-link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/waffle-the-wonder-dog" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <span class="responsive-img responsive-img--5x6 brand-journey-card__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/waffle-the-wonder-dog-onward_journey_image.png" data-alt="Waffle the Wonder Dog"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/waffle-the-wonder-dog-onward_journey_image.png" alt="Waffle the Wonder Dog"/> </noscript> </span> </a> </div> <div class="brand-journey-card__button-container"> <div class="brand-journey-card__button button button--immersive "><a class="button__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/waffle-the-wonder-dog" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"><span class="button__inner"> <span class="button__text">View all</span> <i class="brand-journey-card__chevron button__icon-pre gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> </div> </div> </div> </section> <div class="collection-list"> <div class="collection-list__title-container"> <a class="collection-list__title-link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/curations/cbeebies-house-makes" data-stats-interaction="collection" data-stats-interaction-variant="text_link"> <h3 class="collection-list__title" aria-label="CBeebies House Makes collection">CBeebies House Makes</h3> </a> </div> <ul class="collection-list__items"> <li class="collection-list__item"> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/make-your-own-cardboard-tube-animal-with-evie?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="0" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cardboard-tube-animals.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cardboard-tube-animals.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Creative Cardboard Creatures"> Creative Cardboard Creatures </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-list__item"> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-animal-mask?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="1" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/wesak-make-content-card-image.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/wesak-make-content-card-image.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Animal Mask"> Animal Mask </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-list__item"> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/cbeebies-house-suncatcher?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="2" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/pres-easter-suncatcher-make-1024-V3.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/pres-easter-suncatcher-make-1024-V3.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make a rainbow suncatcher"> Make a rainbow suncatcher </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="collection-list__item"> <a href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/makes/twirlywoos-twirler?collection=cbeebies-house-makes" class="content-card content-card--makes content-card--minimal" data-stats-interaction="collection" data-stats-interaction-variant="content_card" data-stats-interaction-position="3" data-stats-internal-link-location="cbeebies-house-makes" data-site-section="makes"> <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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/twirlywoos_twirler_alternative_content_card.jpg"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/twirlywoos_twirler_alternative_content_card.jpg" alt=""/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--makes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Twirlywoos Twirler"> Twirlywoos Twirler </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li> </ul> <div class="collection-list__button button button--immersive "><a class="button__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/curations/cbeebies-house-makes" data-stats-interaction="collection" data-stats-interaction-variant="button"><span class="button__inner"> <span class="button__text">View collection</span> <i class="collection-list__chevron button__icon-pre gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> <section class="content-page__section--brand-onward-journey brand-onward-journey--bottom"> <div class="brand-journey-card"> <div class="brand-journey-card__inner"> <div class="brand-journey-card__body-container"> <div class="brand-journey-card__title-container"> <a class="brand-journey-card__title-link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/waffle-the-wonder-dog" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <h3 class="brand-journey-card__title">Waffle the Wonder Dog</h3> </a> </div> <div class="brand-journey-card__image-container"> <a class="brand-journey-card__image-link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/waffle-the-wonder-dog" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <span class="responsive-img responsive-img--5x6 brand-journey-card__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/waffle-the-wonder-dog-onward_journey_image.png" data-alt="Waffle the Wonder Dog"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/waffle-the-wonder-dog-onward_journey_image.png" alt="Waffle the Wonder Dog"/> </noscript> </span> </a> </div> <div class="brand-journey-card__button-container"> <div class="brand-journey-card__button button button--immersive "><a class="button__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/waffle-the-wonder-dog" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"><span class="button__inner"> <span class="button__text">View all</span> <i class="brand-journey-card__chevron button__icon-pre gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> </div> </div> </div> </section> </div> </div> </div> <section class="brand-shelf-section"> <p class="brand-shelf__title window window--extra-wide grid-container" hidden></p> <div class="brand-shelf-container window window--extra-wide"> <div id="brand-shelf" data-simple-carousel class="brand-shelf simple-carousel"> <div class="brand-shelf__main"> <div class="simple-carousel__controls"> <div class="brand-shelf__curtain brand-shelf__curtain--left"></div> <div class="brand-shelf__curtain brand-shelf__curtain--right"></div> <button class="brand-shelf__button brand-shelf__button--prev simple-carousel__button--prev"> <span class="vh">Previous items</span> <i class="gelicon gelicon--previous" aria-hidden="true"></i> </button> <button class="brand-shelf__button brand-shelf__button--next simple-carousel__button--next"> <span class="vh">Next items</span> <i class="gelicon gelicon--next" aria-hidden="true"></i> </button> </div> <div class="simple-carousel__window brand-shelf__window"> <div class="simple-carousel__panel"> <ul class="brand-shelf__list"><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/waffle-the-wonder-dog" 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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/waffle-the-wonder-dog-brand-egg-v2.png" data-alt="Waffle the Wonder Dog"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/waffle-the-wonder-dog-brand-egg-v2.png" alt="Waffle the Wonder Dog"/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/numberblocks" 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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/numberblocks-egg-v4.png"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/numberblocks-egg-v4.png" alt=""/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/swashbuckle-online" 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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/swashbuckle-brandshelf-egg-2019.png" data-alt="Cook, Gem and Line from CBeebies Swashbuckle holding pirate treasure. "></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/swashbuckle-brandshelf-egg-2019.png" alt="Cook, Gem and Line from CBeebies Swashbuckle holding pirate treasure. "/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/go-jetters" 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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/go_jetters_s2_atoz.png" data-alt="Go Jetters Logo"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/go_jetters_s2_atoz.png" alt="Go Jetters Logo"/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/peter-rabbit" 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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/peter-rabbit-brand-shelf.png"></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/peter-rabbit-brand-shelf.png" alt=""/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows/hey-duggee" 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/20201003033657/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/hey_duggee_brand_shelf.png" data-alt="Hey Duggee."></span> <noscript> <img src="https://web.archive.org/web/20201003033657im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/hey_duggee_brand_shelf.png" alt="Hey Duggee."/> </noscript> </span> </a> </li></ul> </div> </div> </div> </div> <div class="brand-shelf__all-shows-link button button--center button--shows "><a class="button__link" href="/web/20201003033657/https://www.bbc.co.uk/cbeebies/shows" data-stats-interaction="brand_shelf" data-stats-interaction-variant="all_shows"><span class="button__inner"> <span class="button__text">All shows</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span></a></div> </div> </section> <section class="feedback-banner-section" data-feedback-banner data-ng-class="{'feedback-banner-section--show' : !isFeedbackBannerHidden}"> <div class="feedback-banner-container window window--extra-wide"> <div class="feedback-banner"> <span class="feedback-banner__close" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="hide" data-stats-interaction-action="button" data-istats-click="cross_channel_hide"> <i aria-hidden="true" class="gelicon gelicon--no"></i> </span> <p class="feedback-banner__message">We'll hide these CBBC shows for 30 days.</p> <p class="feedback-banner__undo"><a class="feedback-banner__undo-link" data-feedback-banner-close data-channel-banner-open data-stats-interaction="channel_banner" data-stats-interaction-variant="undo" data-stats-interaction-action="button" data-istats-click="cross_channel_undo">Bring them back!</a></p> <p class="feedback-banner__question">Why did you hide them?</p> <ul class="feedback-banner__options"> <li class="feedback-banner__option" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="feedback" data-stats-interaction-position="0" data-stats-interaction-action="button" data-istats-pos="0" data-istats-click="cross_channel_feedback"> <span>Not familiar with CBBC</span> </li> <li class="feedback-banner__option" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="feedback" data-stats-interaction-position="1" data-stats-interaction-action="button" data-istats-pos="1" data-istats-click="cross_channel_feedback"> <span>Didn't like those shows</span> </li> <li class="feedback-banner__option" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="feedback" data-stats-interaction-position="2" data-stats-interaction-action="button" data-istats-pos="2" data-istats-click="cross_channel_feedback"> <span>Too young for CBBC</span> </li> </ul> <div class="feedback-banner__image"> <img class="feedback-banner__image-inner" src="https://web.archive.org/web/20201003033657im_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/e294b45/images/feedback/feedbackImage.png" alt=""/> </div> </div> </div> </section> </div> <div class="cf"></div> </div> <div id="heart-button-isite-tooltip"> <div class="tooltip heart-button__tooltip" data-active-tooltip=""> <span class="tooltip__pointer"></span> <div class="tooltip__inner"> <div class="tooltip__content tooltip__content--upsell"> <p class="tooltip__subtitle"> Love this? Sign in to let us know. </p> <div class="tooltip__idcta"> <p class="id4-cta"> <span class="id4-cta-size-medium id4-cta-color-blue id4-cta-medium-blue"> <a href="" class="id4-cta-signin id4-cta-button">Sign in</a> <span class="id4-cta-with"> with your BBC iD,</span> or <a href="" class="id4-cta-register">Register</a> </span> <script> require(['jquery-1', 'idcta-v2/id-config'], ($, idctaConfig) => { idctaConfig.getConfigAsync() .then((idConfig) => { $('.id4-cta-signin').each(function () { if (idConfig.signin_url) { this.href = idConfig.signin_url; } }); $('.id4-cta-register').each(function () { if (idConfig.register_url) { this.href = idConfig.register_url; } }); }); }); </script> </p> </div> </div> <div class="tooltip__content tooltip__content--error"> <p class="tooltip__title"> <span class="add-to__icons add-to__s"> <i aria-hidden="true" class="gelicon gelicon--alert add-to__gelicon add-to__icon"></i> </span>Something's gone wrong </p> <p class="tooltip__body tooltip__try-again">Please try again later</p> </div> <button href="#" class="tooltip__close add-to__tab" title="Close" aria-label="Close Tooltip"> <span class="tooltip__close-icon"> <i aria-hidden="true" class="gelicon gelicon--no"></i> </span> </button> </div> </div> </div> <script type="text/javascript"> require(['lib/Imager', 'lib/minpubsub'], function (Imager, pubsub) { Imager.transforms.pixelRatio = function (value) { return value; }; var availableWidths = [80, 160, 240, 320, 400, 480, 560, 640, 720, 800, 880, 960]; var imagerDefault = new Imager('.delayed-image-load', { availableWidths: availableWidths, availablePixelRatios: [1, 1.5], loadHidden: false }); var imagerPng = new Imager('.delayed-png-image-load', { availableWidths: availableWidths, availablePixelRatios: [1], loadHidden: false }); var imagerGif = new Imager('.delayed-gif-image-load', { availableWidths: availableWidths, availablePixelRatios: [1, 1.5], lazyload: true, loadHidden: false }); pubsub.subscribe('/showMore/updateImages', function () { imagerDefault.add('.delayed-image-load'); imagerPng.add('.delayed-png-image-load'); }); pubsub.subscribe('/imager/addPngImages', function (selector) { imagerPng.add(selector); }); pubsub.subscribe('/imager/addImages', function (selector) { imagerDefault.add(selector); }); }); require(['childrens/singlePlayingVideo'], function (singlePlayingVideo) { setTimeout(singlePlayingVideo.setup, 2000); }); require(['stats/riddle-events'], function (riddleEvents) { riddleEvents.init(); }); require(['angular/app'], function () {}); </script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-local-storage-feature-detection-helper@1.0.1"]={},function(r){function e(t){if(o[t])return o[t].exports;var n=o[t]={exports:{},id:t,loaded:!1};return r[t].call(n.exports,n,n.exports,e),n.loaded=!0,n.exports}var o={};return e.m=r,e.c=o,e.p="",e(0)}([function(r,e,o){Morph.modules["bbc-morph-local-storage-feature-detection-helper@1.0.1"]=o(1)},function(r,e){"use strict";var o=function(){return"localStorage"in window},t=function(){var r="bbc-storage";try{return window.localStorage.setItem(r,r),window.localStorage.removeItem(r),!0}catch(r){return!1}};r.exports.browserSupportsLocalStorage=function(){return o()&&t()}}]);; });</script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-local-storage-helper@1.0.0"]={"bbc-morph-local-storage-feature-detection-helper":"1.0.1"},function(e){function o(t){if(r[t])return r[t].exports;var l=r[t]={exports:{},id:t,loaded:!1};return e[t].call(l.exports,l,l.exports,o),l.loaded=!0,l.exports}var r={};return o.m=e,o.c=r,o.p="",o(0)}([function(e,o,r){Morph.modules["bbc-morph-local-storage-helper@1.0.0"]=r(1)},function(e,o,r){"use strict";function t(e){return e&&e.__esModule?e:{default:e}}var l=r(2),a=t(l),n=function(e){return a.default.browserSupportsLocalStorage()?window.localStorage.getItem(e):null},c=function(e,o){a.default.browserSupportsLocalStorage()&&window.localStorage.setItem(e,o)},u=function(e){a.default.browserSupportsLocalStorage()&&window.localStorage.removeItem(e)};e.exports={setItem:c,getItem:n,removeItem:u}},function(e,o){e.exports=Morph.modules["bbc-morph-local-storage-feature-detection-helper@1.0.1"]}]);; });</script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-classnames@1.0.1"]={classnames:"2.2.5"},function(r){function e(o){if(n[o])return n[o].exports;var s=n[o]={exports:{},id:o,loaded:!1};return r[o].call(s.exports,s,s.exports,e),s.loaded=!0,s.exports}var n={};return e.m=r,e.c=n,e.p="",e(0)}([function(r,e,n){Morph.modules["bbc-morph-classnames@1.0.1"]=n(1)},function(r,e,n){var o=n(2);r.exports=o},function(r,e,n){var o,s;!function(){"use strict";function n(){for(var r=[],e=0;e<arguments.length;e++){var o=arguments[e];if(o){var s=typeof o;if("string"===s||"number"===s)r.push(o);else if(Array.isArray(o))r.push(n.apply(null,o));else if("object"===s)for(var a in o)t.call(o,a)&&o[a]&&r.push(a)}}return r.join(" ")}var t={}.hasOwnProperty;"undefined"!=typeof r&&r.exports?r.exports=n:(o=[],s=function(){return n}.apply(e,o),!(void 0!==s&&(r.exports=s)))}()}]);; });</script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-gel-icons@2.2.0"]={"bbc-morph-classnames":"1.0.1","morph-require":"3.0.17",react:"0.14.7"},function(e){function r(t){if(n[t])return n[t].exports;var i=n[t]={exports:{},id:t,loaded:!1};return e[t].call(i.exports,i,i.exports,r),i.loaded=!0,i.exports}var n={};return r.m=e,r.c=n,r.p="",r(0)}([function(e,r,n){Morph.modules["bbc-morph-gel-icons@2.2.0"]=n(1)},function(e,r,n){"use strict";function t(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(2),o=t(i),s=n(3),a=t(s),l=n(4),u=t(l),c=o.default.createClass({displayName:"GEL__Icon",propTypes:{iconName:o.default.PropTypes.string,additionalClassNames:o.default.PropTypes.string},render:function(){var e=(0,u.default)("gel-icon","gel-icon--"+this.props.iconName,this.props.additionalClassNames),r=a.default.selfTransitiveThenUpdate("gel-icon-"+this.props.iconName,this);return o.default.createElement("div",{className:e},r?o.default.createElement(r,null):null)}});c.ensureIcon=function(e){"undefined"==typeof window&&a.default.selfTransitive("gel-icon-"+e,null)},r.default=c,e.exports=r.default},function(e,r){e.exports=React},function(e,r){e.exports={transitive:function(e,r){return Morph.requireTransitiveWithCaller("bbc-morph-gel-icons@2.2.0",e,r)},selfTransitive:function(e,r){return Morph.requireTransitiveWithCaller("bbc-morph-gel-icons@2.2.0",e,r,!0)},transitiveThenUpdate:function(e,r){return Morph.requireTransitiveWithCallerThenUpdate("bbc-morph-gel-icons@2.2.0",e,r)},selfTransitiveThenUpdate:function(e,r){return Morph.requireTransitiveWithCallerThenUpdate("bbc-morph-gel-icons@2.2.0",e,r,!0)}}},function(e,r){e.exports=Morph.modules["bbc-morph-classnames@1.0.1"]}]);; });</script> <script>Morph.toInit.bundles.push(function() { !function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=7)}([function(e,t){e.exports=React},function(e,t){e.exports=Morph.modules["bbc-morph-classnames@1.0.1"]},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e,t,o,n){return e||"reaction-"+n+"-text--"+t+"-"+o};t.default=n,e.exports=t.default},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var o={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(o[n]=e[n]);return o}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==(void 0===t?"undefined":a(t))&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+(void 0===t?"undefined":a(t)));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};Object.defineProperty(t,"__esModule",{value:!0});var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},p=o(0),l=n(p),f=o(11),d=n(f),y=o(2),h=n(y),b=function(e){function t(o){s(this,t);var n=i(this,e.call(this,o));return n.state={count:o.count},n}return u(t,e),t.prototype.componentWillReceiveProps=function(e){var t=this;if(e.count!==this.props.count){var o=function(){return t.setState({count:e.count})};if(this.props.randomUpdateOffset>0){var n=Math.random()*this.props.randomUpdateOffset;clearTimeout(this.timeoutId),this.timeoutId=setTimeout(o,n)}else o()}},t.prototype.render=function(){var e=this.props,t=e.formatter,o=e.className,n=e.id,s=r(e,["formatter","className","id"]);return l.default.createElement("span",c({id:(0,h.default)(n,this.context.type,this.context.uniqueId,"count"),className:o},s),(0,d.default)(this.state.count+this.props.countOffset,t))},t}(l.default.Component);b.displayName="ReactionCount",b.propTypes={count:p.PropTypes.number,countOffset:p.PropTypes.number,className:p.PropTypes.string,id:p.PropTypes.string,formatter:p.PropTypes.string,randomUpdateOffset:p.PropTypes.number},b.defaultProps={count:0,countOffset:0,className:"",id:"",formatter:null,randomUpdateOffset:0},b.contextTypes={uniqueId:p.PropTypes.string,type:p.PropTypes.string},t.default=b,e.exports=t.default},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var o={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(o[n]=e[n]);return o}Object.defineProperty(t,"__esModule",{value:!0});var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},i=o(1),u=n(i),a=o(0),c=n(a),p=o(2),l=n(p),f=function(e,t){var o=e.children,n=e.className,i=e.id,a=e.hidden,p=r(e,["children","className","id","hidden"]);return c.default.createElement("span",s({id:(0,l.default)(i,t.type,t.uniqueId,"label"),className:(0,u.default)(n,{"gs-u-vh":a})},p),o)};f.displayName="ReactionLabel",f.propTypes={children:a.PropTypes.node,className:a.PropTypes.string,id:a.PropTypes.string,hidden:a.PropTypes.bool},f.defaultProps={children:null,className:"",id:"",hidden:!1},f.contextTypes={uniqueId:a.PropTypes.string,type:a.PropTypes.string},t.default=f,e.exports=t.default},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var o={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(o[n]=e[n]);return o}Object.defineProperty(t,"__esModule",{value:!0});var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},i=o(1),u=n(i),a=o(0),c=n(a),p=function(e){var t=e.children,o=e.className,n=r(e,["children","className"]);return c.default.createElement("span",s({className:(0,u.default)("gel-icon",o)},n),t)};p.displayName="ReactionIcon",p.propTypes={children:a.PropTypes.node,className:a.PropTypes.string},p.defaultProps={children:null,className:""},t.default=p,e.exports=t.default},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var o={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(o[n]=e[n]);return o}Object.defineProperty(t,"__esModule",{value:!0});var s=o(15),i=n(s),u=o(0),a=n(u),c=o(5),p=n(c),l=function(e,t){var o=function(o){var n=o.children,s=o.active,u=o.gelIconClassName,c=r(o,["children","active","gelIconClassName"]);return i.default.ensureIcon(s?t:e),a.default.createElement(p.default,c,a.default.createElement(i.default,{additionalClassNames:u,iconName:s?e:t}),n)};return o.displayName="ThumbReactionIcon",o.propTypes={children:u.PropTypes.node,active:u.PropTypes.bool.isRequired,gelIconClassName:u.PropTypes.string},o.defaultProps={children:null,gelIconClassName:null},o};t.default=l,e.exports=t.default},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(8),r=o.n(n);Morph.modules["bbc-morph-reactions@4.2.0"]=r.a},function(e,t,o){"use strict";e.exports=o(9)},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.DislikeReactionIcon=t.LikeReactionIcon=t.ReactionLabel=t.ReactionIcon=t.ReactionCount=t.Reactions=t.Reaction=void 0;var r=o(10),s=n(r),i=o(12),u=n(i),a=o(3),c=n(a),p=o(5),l=n(p),f=o(4),d=n(f),y=o(14),h=n(y),b=o(16),m=n(b);t.Reaction=s.default,t.Reactions=u.default,t.ReactionCount=c.default,t.ReactionIcon=l.default,t.ReactionLabel=d.default,t.LikeReactionIcon=h.default,t.DislikeReactionIcon=m.default,t.default={Reaction:s.default,Reactions:u.default,ReactionCount:c.default,ReactionIcon:l.default,ReactionLabel:d.default,LikeReactionIcon:h.default,DislikeReactionIcon:m.default}},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==(void 0===t?"undefined":u(t))&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+(void 0===t?"undefined":u(t)));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};Object.defineProperty(t,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},c=o(1),p=n(c),l=o(0),f=n(l),d=o(3),y=n(d),h=o(4),b=n(h),m=o(2),v=n(m),P=function(e,t,o,n){return function(r){t&&t(o),e&&e(r,o,n)}},O=function e(t,o,n){var r=[];return f.default.Children.forEach(t,function(t){t.type===b.default&&r.push((0,v.default)(t.props.id,o,n,"label")),t.type===y.default&&r.push((0,v.default)(t.props.id,o,n,"count")),r=[].concat(r,e(t.props&&t.props.children,o,n))}),r},T=function(e){function t(){return r(this,t),s(this,e.apply(this,arguments))}return i(t,e),t.prototype.getChildContext=function(){return{type:this.props.type}},t.prototype.render=function(){return f.default.createElement("li",a({},this.props.liProps,{className:this.props.liProps.className}),f.default.createElement("button",a({},this.props.buttonProps,{"aria-pressed":this.props.type===this.context.active,"aria-labelledby":O(this.props.children,this.props.type,this.context.uniqueId).join(" "),className:(0,p.default)("gs-c-reaction",this.props.buttonProps.className),onClick:P(this.props.onClick,this.context.updateActive,this.props.type,this.context.active)}),this.props.children))},t}(f.default.Component);T.displayName="Reaction",T.propTypes={children:l.PropTypes.node,onClick:l.PropTypes.func,liProps:l.PropTypes.objectOf(l.PropTypes.any),buttonProps:l.PropTypes.objectOf(l.PropTypes.any),type:l.PropTypes.string},T.defaultProps={children:null,onClick:null,liProps:{},buttonProps:{},type:null},T.contextTypes={active:l.PropTypes.string,updateActive:l.PropTypes.func,uniqueId:l.PropTypes.string},T.childContextTypes={type:l.PropTypes.string},t.default=T,e.exports=t.default},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={default:function(e){var t=""+e;return e>=1e4?((e/1e3).toFixed(1)+"K").replace(".0",""):e>=1e3?t[0]+","+t[1]+t[2]+t[3]:t}},r=function(e,t){var o=n[t];return o?o(e):""+e};t.default=r,e.exports=t.default},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var o={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(o[n]=e[n]);return o}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==(void 0===t?"undefined":a(t))&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+(void 0===t?"undefined":a(t)));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};Object.defineProperty(t,"__esModule",{value:!0});var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},p=o(13),l=n(p),f=o(0),d=n(f),y=function(e){function t(o){s(this,t);var n=i(this,e.call(this,o)),r=o.active;return n.props.store&&n.props.uniqueId&&"undefined"!=typeof window&&(r=n.props.store.getItem("reactions-"+n.props.uniqueId)),n.state={active:r},n.updateActive=n.updateActive.bind(n),n}return u(t,e),t.prototype.getChildContext=function(){return{active:this.state.active,updateActive:this.updateActive,uniqueId:this.props.uniqueId}},t.prototype.updateActive=function(e){var t=this.state.active===e?null:e;if(this.setState({active:t}),this.props.store&&this.props.uniqueId){var o="reactions-"+this.props.uniqueId;t?this.props.store.setItem(o,t):this.props.store.removeItem(o)}},t.prototype.render=function(){var e=this.props,t=e.children,o=r(e,["children"]),n=t?t(this.state.active):[];return d.default.createElement("ul",c({className:"gs-c-reactions"},o),n)},t}(d.default.Component);y.displayName="Reactions",y.propTypes={active:f.PropTypes.string,children:f.PropTypes.func,uniqueId:f.PropTypes.string,store:f.PropTypes.shape({getItem:f.PropTypes.func,setItem:f.PropTypes.func,removeItem:f.PropTypes.func})},y.defaultProps={active:null,children:null,uniqueId:null,store:l.default},y.childContextTypes={active:f.PropTypes.string,updateActive:f.PropTypes.func,uniqueId:f.PropTypes.string},t.default=y,e.exports=t.default},function(e,t){e.exports=Morph.modules["bbc-morph-local-storage-helper@1.0.0"]},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(6),r=function(e){return e&&e.__esModule?e:{default:e}}(n),s=(0,r.default)("thumbs-up-selected-state","thumbs-up-deselected-state");t.default=s,e.exports=t.default},function(e,t){e.exports=Morph.modules["bbc-morph-gel-icons@2.2.0"]},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(6),r=function(e){return e&&e.__esModule?e:{default:e}}(n),s=(0,r.default)("thumbs-down-selected-state","thumbs-down-deselected-state");t.default=s,e.exports=t.default}]); //# sourceMappingURL=bundle.js.map; });</script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-local-storage-helper@1.0.1"]={"bbc-morph-local-storage-feature-detection-helper":"1.0.1"},function(e){function o(t){if(r[t])return r[t].exports;var l=r[t]={exports:{},id:t,loaded:!1};return e[t].call(l.exports,l,l.exports,o),l.loaded=!0,l.exports}var r={};return o.m=e,o.c=r,o.p="",o(0)}([function(e,o,r){Morph.modules["bbc-morph-local-storage-helper@1.0.1"]=r(1)},function(e,o,r){"use strict";function t(e){return e&&e.__esModule?e:{default:e}}var l=r(2),a=t(l),n=function(e){return a.default.browserSupportsLocalStorage()?window.localStorage.getItem(e):null},c=function(e,o){a.default.browserSupportsLocalStorage()&&window.localStorage.setItem(e,o)},u=function(e){a.default.browserSupportsLocalStorage()&&window.localStorage.removeItem(e)};e.exports={setItem:c,getItem:n,removeItem:u}},function(e,o){e.exports=Morph.modules["bbc-morph-local-storage-feature-detection-helper@1.0.1"]}]);; });</script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-classnames@1.0.2"]={classnames:"2.2.5"},function(r){function o(s){if(n[s])return n[s].exports;var e=n[s]={exports:{},id:s,loaded:!1};return r[s].call(e.exports,e,e.exports,o),e.loaded=!0,e.exports}var n={};o.m=r,o.c=n,o.p="",o(0)}([function(r,o,n){Morph.modules["bbc-morph-classnames@1.0.2"]=n(1)},function(r,o,n){var s=n(2);r.exports=s},function(r,o,n){var s,e;!function(){"use strict";function n(){for(var r=[],o=0;o<arguments.length;o++){var s=arguments[o];if(s){var e=typeof s;if("string"===e||"number"===e)r.push(s);else if(Array.isArray(s))r.push(n.apply(null,s));else if("object"===e)for(var a in s)t.call(s,a)&&s[a]&&r.push(a)}}return r.join(" ")}var t={}.hasOwnProperty;void 0!==r&&r.exports?r.exports=n:(s=[],void 0!==(e=function(){return n}.apply(o,s))&&(r.exports=e))}()}]);; });</script> <script>Morph.toInit.bundles.push(function() { Morph.versions["bbc-morph-childrens-reactions@1.4.7"]={"babel-runtime":"6.26.0","bbc-morph-childrens-reactions-data":"0.7.1","bbc-morph-classnames":"1.0.2","bbc-morph-id-availability-data":"1.0.0","bbc-morph-local-storage-helper":"1.0.1","bbc-morph-reactions":"4.2.0","@bbc/counting-service-client-library":"2.2.1","gel-sass-tools":"1.2.1","gel-typography":"2.0.5","morph-container":"2.1.16","morph-require":"5.2.1",react:"0.14.7",requirejs:"2.3.6","sass-mq":"4.0.2","whatwg-fetch":"2.0.4"},function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){Morph.modules["bbc-morph-childrens-reactions@1.4.7"]=r(1)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){var t=e.urn,r=e.standalone,n=e.idAvailability,o=Boolean(r),i=(0,a.default)({urn:t,data:"bbc-morph-childrens-reactions-data"},o?{standalone:r}:{}),s=n?{availabilityOverride:n}:{};return{reactionsData:{uri:i,requireSuccess:!1,updates:!1},idAvailabilityData:{uri:(0,a.default)({data:"bbc-morph-id-availability-data"},s),requireSuccess:!0,updates:!1}}}Object.defineProperty(t,"__esModule",{value:!0});var i=r(2),a=n(i),s=r(41),u=n(s),c=r(42),l=n(c);t.default=u.default.create(l.default,{data:function(e){return e.styleguide?{}:o(e)}}),e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(3),i=n(o);t.default=i.default||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}},function(e,t,r){e.exports={default:r(4),__esModule:!0}},function(e,t,r){r(5),e.exports=r(8).Object.assign},function(e,t,r){var n=r(6);n(n.S+n.F,"Object",{assign:r(22)})},function(e,t,r){var n=r(7),o=r(8),i=r(9),a=r(11),s=r(21),u="prototype",c=function(e,t,r){var l,f,d,p=e&c.F,h=e&c.G,y=e&c.S,v=e&c.P,m=e&c.B,b=e&c.W,E=h?o:o[t]||(o[t]={}),_=E[u],g=h?n:y?n[t]:(n[t]||{})[u];h&&(r=t);for(l in r)f=!p&&g&&void 0!==g[l],f&&s(E,l)||(d=f?g[l]:r[l],E[l]=h&&"function"!=typeof g[l]?r[l]:m&&f?i(d,n):b&&g[l]==d?function(e){var t=function(t,r,n){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,r)}return new e(t,r,n)}return e.apply(this,arguments)};return t[u]=e[u],t}(d):v&&"function"==typeof d?i(Function.call,d):d,v&&((E.virtual||(E.virtual={}))[l]=d,e&c.R&&_&&!_[l]&&a(_,l,d)))};c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,e.exports=c},function(e,t){var r=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=r)},function(e,t){var r=e.exports={version:"2.6.6"};"number"==typeof __e&&(__e=r)},function(e,t,r){var n=r(10);e.exports=function(e,t,r){if(n(e),void 0===t)return e;switch(r){case 1:return function(r){return e.call(t,r)};case 2:return function(r,n){return e.call(t,r,n)};case 3:return function(r,n,o){return e.call(t,r,n,o)}}return function(){return e.apply(t,arguments)}}},function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},function(e,t,r){var n=r(12),o=r(20);e.exports=r(16)?function(e,t,r){return n.f(e,t,o(1,r))}:function(e,t,r){return e[t]=r,e}},function(e,t,r){var n=r(13),o=r(15),i=r(19),a=Object.defineProperty;t.f=r(16)?Object.defineProperty:function(e,t,r){if(n(e),t=i(t,!0),n(r),o)try{return a(e,t,r)}catch(e){}if("get"in r||"set"in r)throw TypeError("Accessors not supported!");return"value"in r&&(e[t]=r.value),e}},function(e,t,r){var n=r(14);e.exports=function(e){if(!n(e))throw TypeError(e+" is not an object!");return e}},function(e,t){e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},function(e,t,r){e.exports=!r(16)&&!r(17)(function(){return 7!=Object.defineProperty(r(18)("div"),"a",{get:function(){return 7}}).a})},function(e,t,r){e.exports=!r(17)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(e,t){e.exports=function(e){try{return!!e()}catch(e){return!0}}},function(e,t,r){var n=r(14),o=r(7).document,i=n(o)&&n(o.createElement);e.exports=function(e){return i?o.createElement(e):{}}},function(e,t,r){var n=r(14);e.exports=function(e,t){if(!n(e))return e;var r,o;if(t&&"function"==typeof(r=e.toString)&&!n(o=r.call(e)))return o;if("function"==typeof(r=e.valueOf)&&!n(o=r.call(e)))return o;if(!t&&"function"==typeof(r=e.toString)&&!n(o=r.call(e)))return o;throw TypeError("Can't convert object to primitive value")}},function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},function(e,t){var r={}.hasOwnProperty;e.exports=function(e,t){return r.call(e,t)}},function(e,t,r){"use strict";var n=r(16),o=r(23),i=r(38),a=r(39),s=r(40),u=r(26),c=Object.assign;e.exports=!c||r(17)(function(){var e={},t={},r=Symbol(),n="abcdefghijklmnopqrst";return e[r]=7,n.split("").forEach(function(e){t[e]=e}),7!=c({},e)[r]||Object.keys(c({},t)).join("")!=n})?function(e,t){for(var r=s(e),c=arguments.length,l=1,f=i.f,d=a.f;c>l;)for(var p,h=u(arguments[l++]),y=f?o(h).concat(f(h)):o(h),v=y.length,m=0;v>m;)p=y[m++],n&&!d.call(h,p)||(r[p]=h[p]);return r}:c},function(e,t,r){var n=r(24),o=r(37);e.exports=Object.keys||function(e){return n(e,o)}},function(e,t,r){var n=r(21),o=r(25),i=r(29)(!1),a=r(33)("IE_PROTO");e.exports=function(e,t){var r,s=o(e),u=0,c=[];for(r in s)r!=a&&n(s,r)&&c.push(r);for(;t.length>u;)n(s,r=t[u++])&&(~i(c,r)||c.push(r));return c}},function(e,t,r){var n=r(26),o=r(28);e.exports=function(e){return n(o(e))}},function(e,t,r){var n=r(27);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==n(e)?e.split(""):Object(e)}},function(e,t){var r={}.toString;e.exports=function(e){return r.call(e).slice(8,-1)}},function(e,t){e.exports=function(e){if(void 0==e)throw TypeError("Can't call method on "+e);return e}},function(e,t,r){var n=r(25),o=r(30),i=r(32);e.exports=function(e){return function(t,r,a){var s,u=n(t),c=o(u.length),l=i(a,c);if(e&&r!=r){for(;c>l;)if(s=u[l++],s!=s)return!0}else for(;c>l;l++)if((e||l in u)&&u[l]===r)return e||l||0;return!e&&-1}}},function(e,t,r){var n=r(31),o=Math.min;e.exports=function(e){return e>0?o(n(e),9007199254740991):0}},function(e,t){var r=Math.ceil,n=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?n:r)(e)}},function(e,t,r){var n=r(31),o=Math.max,i=Math.min;e.exports=function(e,t){return e=n(e),e<0?o(e+t,0):i(e,t)}},function(e,t,r){var n=r(34)("keys"),o=r(36);e.exports=function(e){return n[e]||(n[e]=o(e))}},function(e,t,r){var n=r(8),o=r(7),i="__core-js_shared__",a=o[i]||(o[i]={});(e.exports=function(e,t){return a[e]||(a[e]=void 0!==t?t:{})})("versions",[]).push({version:n.version,mode:r(35)?"pure":"global",copyright:"漏 2019 Denis Pushkarev (zloirock.ru)"})},function(e,t){e.exports=!0},function(e,t){var r=0,n=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++r+n).toString(36))}},function(e,t){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(e,t){t.f=Object.getOwnPropertySymbols},function(e,t){t.f={}.propertyIsEnumerable},function(e,t,r){var n=r(28);e.exports=function(e){return Object(n(e))}},function(e,t){e.exports={create:function(e,t){return Morph.createContainerWithCaller("bbc-morph-childrens-reactions@1.4.7",e,t)}}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(43),i=n(o),a=r(48),s=n(a),u=r(80),c=n(u),l=r(81),f=n(l),d=r(82),p=n(d),h=r(86),y=n(h);r(94);var v=r(95),m=n(v),b=r(96),E=n(b),_=r(100),g=n(_),T=r(154),S=n(T),P=r(119),w=n(P),R=r(114),x=function(e){function t(e){(0,c.default)(this,t);var r=(0,f.default)(this,(t.__proto__||(0,i.default)(t)).call(this,e));return r.props=e,r}return(0,y.default)(t,e),(0,p.default)(t,null,[{key:"countsForUrn",value:function(e,t){return t.body&&t.body.countsData[e]?t.body.countsData[e]:{}}},{key:"mapCounts",value:function(e,t){var r="cbeebies"===e?R.CBEEBIES_LABELS:R.CBBC_LABELS;return r.map(function(e){var r=R.LABEL_TO_KEY[e];return{label:e,count:"object"===("undefined"==typeof t?"undefined":(0,s.default)(t))&&r in t?t[r]:0}})}},{key:"totalCountsForUrn",value:function(e,t){return t.body&&t.body.countsTotals[e]?t.body.countsTotals[e]:0}},{key:"getEnv",value:function(e){if(e.body&&"string"==typeof e.body.env){var t=e.body.env;if("int"===t||"test"===t||"stage"===t||"live"===t)return t}return"live"}}]),(0,p.default)(t,[{key:"render",value:function(){var e=this.props,r=e.standalone,n=e.urn,o=e.reactionsData,i=e.product,a=e.resourceType,s=e.styleguide,u=e.pageContext,c=Boolean(r),l=t.countsForUrn(n,o),f=t.mapCounts(i,l),d=t.totalCountsForUrn(n,o),p=t.getEnv(o),h=decodeURIComponent(this.props.resourceTitle),y=decodeURIComponent(this.props.url),v=n.toString().replace("urn:bbc:","").replace("urn:riddle:",""),b="urn:bbc:"+i+":"+a+":"+v,_=!!this.props.forcedError&&new Error(this.props.forcedError),T=Boolean(this.props.acceptanceTestMode);return m.default.createElement("div",{className:"reactions"},s?m.default.createElement(g.default,{product:i}):m.default.createElement(S.default,{enableStandaloneMode:c,countingServiceClientLibrary:E.default,ReactionsModule:w.default,product:i,reactionsCounts:f,reactionsCountTotal:d,urn:n,resourceTitle:h,resourceType:a,url:y,globalId:b,env:p,isIdAvailable:this.props.idAvailabilityData.body.isAvailable,error:_,enableAcceptanceTestMode:T,pageContext:u}))}}]),t}(v.Component);x.displayName="ReactionsBootstrap",x.propTypes={styleguide:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool]),standalone:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool]),product:v.PropTypes.string.isRequired,resourceType:v.PropTypes.string.isRequired,urn:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool]),resourceTitle:v.PropTypes.string.isRequired,url:v.PropTypes.string.isRequired,reactionsData:v.PropTypes.oneOfType([v.PropTypes.shape({body:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.object]),meta:v.PropTypes.object}),v.PropTypes.string]),idAvailabilityData:v.PropTypes.shape({body:v.PropTypes.shape({isAvailable:v.PropTypes.bool})}).isRequired,forcedError:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool]),acceptanceTestMode:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool]),pageContext:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool])},x.defaultProps={styleguide:!1,standalone:!1,urn:!1,reactionsData:{},forcedError:!1,idAvailabilityData:{body:{isAvailable:!0}},acceptanceTestMode:!1,pageContext:!1},t.default=x,e.exports=t.default},function(e,t,r){e.exports={default:r(44),__esModule:!0}},function(e,t,r){r(45),e.exports=r(8).Object.getPrototypeOf},function(e,t,r){var n=r(40),o=r(46);r(47)("getPrototypeOf",function(){return function(e){return o(n(e))}})},function(e,t,r){var n=r(21),o=r(40),i=r(33)("IE_PROTO"),a=Object.prototype;e.exports=Object.getPrototypeOf||function(e){return e=o(e),n(e,i)?e[i]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?a:null}},function(e,t,r){var n=r(6),o=r(8),i=r(17);e.exports=function(e,t){var r=(o.Object||{})[e]||Object[e],a={};a[e]=t(r),n(n.S+n.F*i(function(){r(1)}),"Object",a)}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(49),i=n(o),a=r(67),s=n(a),u="function"==typeof s.default&&"symbol"==typeof i.default?function(e){return typeof e}:function(e){return e&&"function"==typeof s.default&&e.constructor===s.default&&e!==s.default.prototype?"symbol":typeof e};t.default="function"==typeof s.default&&"symbol"===u(i.default)?function(e){return"undefined"==typeof e?"undefined":u(e)}:function(e){return e&&"function"==typeof s.default&&e.constructor===s.default&&e!==s.default.prototype?"symbol":"undefined"==typeof e?"undefined":u(e)}},function(e,t,r){e.exports={default:r(50),__esModule:!0}},function(e,t,r){r(51),r(62),e.exports=r(66).f("iterator")},function(e,t,r){"use strict";var n=r(52)(!0);r(53)(String,"String",function(e){this._t=String(e),this._i=0},function(){var e,t=this._t,r=this._i;return r>=t.length?{value:void 0,done:!0}:(e=n(t,r),this._i+=e.length,{value:e,done:!1})})},function(e,t,r){var n=r(31),o=r(28);e.exports=function(e){return function(t,r){var i,a,s=String(o(t)),u=n(r),c=s.length;return u<0||u>=c?e?"":void 0:(i=s.charCodeAt(u),i<55296||i>56319||u+1===c||(a=s.charCodeAt(u+1))<56320||a>57343?e?s.charAt(u):i:e?s.slice(u,u+2):(i-55296<<10)+(a-56320)+65536)}}},function(e,t,r){"use strict";var n=r(35),o=r(6),i=r(54),a=r(11),s=r(55),u=r(56),c=r(60),l=r(46),f=r(61)("iterator"),d=!([].keys&&"next"in[].keys()),p="@@iterator",h="keys",y="values",v=function(){return this};e.exports=function(e,t,r,m,b,E,_){u(r,t,m);var g,T,S,P=function(e){if(!d&&e in O)return O[e];switch(e){case h:return function(){return new r(this,e)};case y:return function(){return new r(this,e)}}return function(){return new r(this,e)}},w=t+" Iterator",R=b==y,x=!1,O=e.prototype,A=O[f]||O[p]||b&&O[b],M=A||P(b),C=b?R?P("entries"):M:void 0,L="Array"==t?O.entries||A:A;if(L&&(S=l(L.call(new e)),S!==Object.prototype&&S.next&&(c(S,w,!0),n||"function"==typeof S[f]||a(S,f,v))),R&&A&&A.name!==y&&(x=!0,M=function(){return A.call(this)}),n&&!_||!d&&!x&&O[f]||a(O,f,M),s[t]=M,s[w]=v,b)if(g={values:R?M:P(y),keys:E?M:P(h),entries:C},_)for(T in g)T in O||i(O,T,g[T]);else o(o.P+o.F*(d||x),t,g);return g}},function(e,t,r){e.exports=r(11)},function(e,t){e.exports={}},function(e,t,r){"use strict";var n=r(57),o=r(20),i=r(60),a={};r(11)(a,r(61)("iterator"),function(){return this}),e.exports=function(e,t,r){e.prototype=n(a,{next:o(1,r)}),i(e,t+" Iterator")}},function(e,t,r){var n=r(13),o=r(58),i=r(37),a=r(33)("IE_PROTO"),s=function(){},u="prototype",c=function(){var e,t=r(18)("iframe"),n=i.length,o="<",a=">";for(t.style.display="none",r(59).appendChild(t),t.src="javascript:",e=t.contentWindow.document,e.open(),e.write(o+"script"+a+"document.F=Object"+o+"/script"+a),e.close(),c=e.F;n--;)delete c[u][i[n]];return c()};e.exports=Object.create||function(e,t){var r;return null!==e?(s[u]=n(e),r=new s,s[u]=null,r[a]=e):r=c(),void 0===t?r:o(r,t)}},function(e,t,r){var n=r(12),o=r(13),i=r(23);e.exports=r(16)?Object.defineProperties:function(e,t){o(e);for(var r,a=i(t),s=a.length,u=0;s>u;)n.f(e,r=a[u++],t[r]);return e}},function(e,t,r){var n=r(7).document;e.exports=n&&n.documentElement},function(e,t,r){var n=r(12).f,o=r(21),i=r(61)("toStringTag");e.exports=function(e,t,r){e&&!o(e=r?e:e.prototype,i)&&n(e,i,{configurable:!0,value:t})}},function(e,t,r){var n=r(34)("wks"),o=r(36),i=r(7).Symbol,a="function"==typeof i,s=e.exports=function(e){return n[e]||(n[e]=a&&i[e]||(a?i:o)("Symbol."+e))};s.store=n},function(e,t,r){r(63);for(var n=r(7),o=r(11),i=r(55),a=r(61)("toStringTag"),s="CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","),u=0;u<s.length;u++){var c=s[u],l=n[c],f=l&&l.prototype;f&&!f[a]&&o(f,a,c),i[c]=i.Array}},function(e,t,r){"use strict";var n=r(64),o=r(65),i=r(55),a=r(25);e.exports=r(53)(Array,"Array",function(e,t){this._t=a(e),this._i=0,this._k=t},function(){var e=this._t,t=this._k,r=this._i++;return!e||r>=e.length?(this._t=void 0,o(1)):"keys"==t?o(0,r):"values"==t?o(0,e[r]):o(0,[r,e[r]])},"values"),i.Arguments=i.Array,n("keys"),n("values"),n("entries")},function(e,t){e.exports=function(){}},function(e,t){e.exports=function(e,t){return{value:t,done:!!e}}},function(e,t,r){t.f=r(61)},function(e,t,r){e.exports={default:r(68),__esModule:!0}},function(e,t,r){r(69),r(77),r(78),r(79),e.exports=r(8).Symbol},function(e,t,r){"use strict";var n=r(7),o=r(21),i=r(16),a=r(6),s=r(54),u=r(70).KEY,c=r(17),l=r(34),f=r(60),d=r(36),p=r(61),h=r(66),y=r(71),v=r(72),m=r(73),b=r(13),E=r(14),_=r(40),g=r(25),T=r(19),S=r(20),P=r(57),w=r(74),R=r(76),x=r(38),O=r(12),A=r(23),M=R.f,C=O.f,L=w.f,I=n.Symbol,k=n.JSON,N=k&&k.stringify,j="prototype",B=p("_hidden"),U=p("toPrimitive"),D={}.propertyIsEnumerable,F=l("symbol-registry"),q=l("symbols"),z=l("op-symbols"),H=Object[j],K="function"==typeof I,W=n.QObject,V=!W||!W[j]||!W[j].findChild,Y=i&&c(function(){return 7!=P(C({},"a",{get:function(){return C(this,"a",{value:7}).a}})).a})?function(e,t,r){var n=M(H,t);n&&delete H[t],C(e,t,r),n&&e!==H&&C(H,t,n)}:C,G=function(e){var t=q[e]=P(I[j]);return t._k=e,t},J=K&&"symbol"==typeof I.iterator?function(e){return"symbol"==typeof e}:function(e){return e instanceof I},X=function(e,t,r){return e===H&&X(z,t,r),b(e),t=T(t,!0),b(r),o(q,t)?(r.enumerable?(o(e,B)&&e[B][t]&&(e[B][t]=!1),r=P(r,{enumerable:S(0,!1)})):(o(e,B)||C(e,B,S(1,{})),e[B][t]=!0),Y(e,t,r)):C(e,t,r)},$=function(e,t){b(e);for(var r,n=v(t=g(t)),o=0,i=n.length;i>o;)X(e,r=n[o++],t[r]);return e},Q=function(e,t){return void 0===t?P(e):$(P(e),t)},Z=function(e){var t=D.call(this,e=T(e,!0));return!(this===H&&o(q,e)&&!o(z,e))&&(!(t||!o(this,e)||!o(q,e)||o(this,B)&&this[B][e])||t)},ee=function(e,t){if(e=g(e),t=T(t,!0),e!==H||!o(q,t)||o(z,t)){var r=M(e,t);return!r||!o(q,t)||o(e,B)&&e[B][t]||(r.enumerable=!0),r}},te=function(e){for(var t,r=L(g(e)),n=[],i=0;r.length>i;)o(q,t=r[i++])||t==B||t==u||n.push(t);return n},re=function(e){for(var t,r=e===H,n=L(r?z:g(e)),i=[],a=0;n.length>a;)!o(q,t=n[a++])||r&&!o(H,t)||i.push(q[t]);return i};K||(I=function(){if(this instanceof I)throw TypeError("Symbol is not a constructor!");var e=d(arguments.length>0?arguments[0]:void 0),t=function(r){this===H&&t.call(z,r),o(this,B)&&o(this[B],e)&&(this[B][e]=!1),Y(this,e,S(1,r))};return i&&V&&Y(H,e,{configurable:!0,set:t}),G(e)},s(I[j],"toString",function(){return this._k}),R.f=ee,O.f=X,r(75).f=w.f=te,r(39).f=Z,x.f=re,i&&!r(35)&&s(H,"propertyIsEnumerable",Z,!0),h.f=function(e){return G(p(e))}),a(a.G+a.W+a.F*!K,{Symbol:I});for(var ne="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),oe=0;ne.length>oe;)p(ne[oe++]);for(var ie=A(p.store),ae=0;ie.length>ae;)y(ie[ae++]);a(a.S+a.F*!K,"Symbol",{for:function(e){return o(F,e+="")?F[e]:F[e]=I(e)},keyFor:function(e){if(!J(e))throw TypeError(e+" is not a symbol!");for(var t in F)if(F[t]===e)return t},useSetter:function(){V=!0},useSimple:function(){V=!1}}),a(a.S+a.F*!K,"Object",{create:Q,defineProperty:X,defineProperties:$,getOwnPropertyDescriptor:ee,getOwnPropertyNames:te,getOwnPropertySymbols:re});var se=c(function(){x.f(1)});a(a.S+a.F*se,"Object",{getOwnPropertySymbols:function(e){return x.f(_(e))}}),k&&a(a.S+a.F*(!K||c(function(){var e=I();return"[null]"!=N([e])||"{}"!=N({a:e})||"{}"!=N(Object(e))})),"JSON",{stringify:function(e){for(var t,r,n=[e],o=1;arguments.length>o;)n.push(arguments[o++]);if(r=t=n[1],(E(t)||void 0!==e)&&!J(e))return m(t)||(t=function(e,t){if("function"==typeof r&&(t=r.call(this,e,t)),!J(t))return t}),n[1]=t,N.apply(k,n)}}),I[j][U]||r(11)(I[j],U,I[j].valueOf),f(I,"Symbol"),f(Math,"Math",!0),f(n.JSON,"JSON",!0)},function(e,t,r){var n=r(36)("meta"),o=r(14),i=r(21),a=r(12).f,s=0,u=Object.isExtensible||function(){return!0},c=!r(17)(function(){return u(Object.preventExtensions({}))}),l=function(e){a(e,n,{value:{i:"O"+ ++s,w:{}}})},f=function(e,t){if(!o(e))return"symbol"==typeof e?e:("string"==typeof e?"S":"P")+e;if(!i(e,n)){if(!u(e))return"F";if(!t)return"E";l(e)}return e[n].i},d=function(e,t){if(!i(e,n)){if(!u(e))return!0;if(!t)return!1;l(e)}return e[n].w},p=function(e){return c&&h.NEED&&u(e)&&!i(e,n)&&l(e),e},h=e.exports={KEY:n,NEED:!1,fastKey:f,getWeak:d,onFreeze:p}},function(e,t,r){var n=r(7),o=r(8),i=r(35),a=r(66),s=r(12).f;e.exports=function(e){var t=o.Symbol||(o.Symbol=i?{}:n.Symbol||{});"_"==e.charAt(0)||e in t||s(t,e,{value:a.f(e)})}},function(e,t,r){var n=r(23),o=r(38),i=r(39);e.exports=function(e){var t=n(e),r=o.f;if(r)for(var a,s=r(e),u=i.f,c=0;s.length>c;)u.call(e,a=s[c++])&&t.push(a);return t}},function(e,t,r){var n=r(27);e.exports=Array.isArray||function(e){return"Array"==n(e)}},function(e,t,r){var n=r(25),o=r(75).f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],s=function(e){try{return o(e)}catch(e){return a.slice()}};e.exports.f=function(e){return a&&"[object Window]"==i.call(e)?s(e):o(n(e))}},function(e,t,r){var n=r(24),o=r(37).concat("length","prototype");t.f=Object.getOwnPropertyNames||function(e){return n(e,o)}},function(e,t,r){var n=r(39),o=r(20),i=r(25),a=r(19),s=r(21),u=r(15),c=Object.getOwnPropertyDescriptor;t.f=r(16)?c:function(e,t){if(e=i(e),t=a(t,!0),u)try{return c(e,t)}catch(e){}if(s(e,t))return o(!n.f.call(e,t),e[t])}},function(e,t){},function(e,t,r){r(71)("asyncIterator")},function(e,t,r){r(71)("observable")},function(e,t){"use strict";t.__esModule=!0,t.default=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(48),i=n(o);t.default=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==("undefined"==typeof t?"undefined":(0,i.default)(t))&&"function"!=typeof t?e:t}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(83),i=n(o);t.default=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),(0,i.default)(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}()},function(e,t,r){e.exports={default:r(84),__esModule:!0}},function(e,t,r){r(85);var n=r(8).Object;e.exports=function(e,t,r){return n.defineProperty(e,t,r)}},function(e,t,r){var n=r(6);n(n.S+n.F*!r(16),"Object",{defineProperty:r(12).f})},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(87),i=n(o),a=r(91),s=n(a),u=r(48),c=n(u);t.default=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+("undefined"==typeof t?"undefined":(0,c.default)(t)));e.prototype=(0,s.default)(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(i.default?(0,i.default)(e,t):e.__proto__=t)}},function(e,t,r){e.exports={default:r(88),__esModule:!0}},function(e,t,r){r(89),e.exports=r(8).Object.setPrototypeOf},function(e,t,r){var n=r(6);n(n.S,"Object",{setPrototypeOf:r(90).set})},function(e,t,r){var n=r(14),o=r(13),i=function(e,t){if(o(e),!n(t)&&null!==t)throw TypeError(t+": can't set as prototype!")};e.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(e,t,n){try{n=r(9)(Function.call,r(76).f(Object.prototype,"__proto__").set,2),n(e,[]),t=!(e instanceof Array)}catch(e){t=!0}return function(e,r){return i(e,r),t?e.__proto__=r:n(e,r),e}}({},!1):void 0),check:i}},function(e,t,r){e.exports={default:r(92),__esModule:!0}},function(e,t,r){r(93);var n=r(8).Object;e.exports=function(e,t){return n.create(e,t)}},function(e,t,r){var n=r(6);n(n.S,"Object",{create:r(57)})},function(e,t){!function(e){"use strict";function t(e){if("string"!=typeof e&&(e=String(e)),/[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(e))throw new TypeError("Invalid character in header field name");return e.toLowerCase()}function r(e){return"string"!=typeof e&&(e=String(e)),e}function n(e){var t={next:function(){var t=e.shift();return{done:void 0===t,value:t}}};return m.iterable&&(t[Symbol.iterator]=function(){return t}),t}function o(e){this.map={},e instanceof o?e.forEach(function(e,t){this.append(t,e)},this):Array.isArray(e)?e.forEach(function(e){this.append(e[0],e[1])},this):e&&Object.getOwnPropertyNames(e).forEach(function(t){this.append(t,e[t])},this)}function i(e){return e.bodyUsed?Promise.reject(new TypeError("Already read")):void(e.bodyUsed=!0)}function a(e){return new Promise(function(t,r){e.onload=function(){t(e.result)},e.onerror=function(){r(e.error)}})}function s(e){var t=new FileReader,r=a(t);return t.readAsArrayBuffer(e),r}function u(e){var t=new FileReader,r=a(t);return t.readAsText(e),r}function c(e){for(var t=new Uint8Array(e),r=new Array(t.length),n=0;n<t.length;n++)r[n]=String.fromCharCode(t[n]);return r.join("")}function l(e){if(e.slice)return e.slice(0);var t=new Uint8Array(e.byteLength);return t.set(new Uint8Array(e)),t.buffer}function f(){return this.bodyUsed=!1,this._initBody=function(e){if(this._bodyInit=e,e)if("string"==typeof e)this._bodyText=e;else if(m.blob&&Blob.prototype.isPrototypeOf(e))this._bodyBlob=e;else if(m.formData&&FormData.prototype.isPrototypeOf(e))this._bodyFormData=e;else if(m.searchParams&&URLSearchParams.prototype.isPrototypeOf(e))this._bodyText=e.toString();else if(m.arrayBuffer&&m.blob&&E(e))this._bodyArrayBuffer=l(e.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer]);else{if(!m.arrayBuffer||!ArrayBuffer.prototype.isPrototypeOf(e)&&!_(e))throw new Error("unsupported BodyInit type");this._bodyArrayBuffer=l(e)}else this._bodyText="";this.headers.get("content-type")||("string"==typeof e?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):m.searchParams&&URLSearchParams.prototype.isPrototypeOf(e)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},m.blob&&(this.blob=function(){var e=i(this);if(e)return e;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(new Blob([this._bodyArrayBuffer]));if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))},this.arrayBuffer=function(){return this._bodyArrayBuffer?i(this)||Promise.resolve(this._bodyArrayBuffer):this.blob().then(s)}),this.text=function(){var e=i(this);if(e)return e;if(this._bodyBlob)return u(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(c(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},m.formData&&(this.formData=function(){return this.text().then(h)}),this.json=function(){return this.text().then(JSON.parse)},this}function d(e){var t=e.toUpperCase();return g.indexOf(t)>-1?t:e}function p(e,t){t=t||{};var r=t.body;if(e instanceof p){if(e.bodyUsed)throw new TypeError("Already read");this.url=e.url,this.credentials=e.credentials,t.headers||(this.headers=new o(e.headers)),this.method=e.method,this.mode=e.mode,r||null==e._bodyInit||(r=e._bodyInit,e.bodyUsed=!0)}else this.url=String(e);if(this.credentials=t.credentials||this.credentials||"omit",!t.headers&&this.headers||(this.headers=new o(t.headers)),this.method=d(t.method||this.method||"GET"),this.mode=t.mode||this.mode||null,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&r)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(r)}function h(e){var t=new FormData;return e.trim().split("&").forEach(function(e){if(e){var r=e.split("="),n=r.shift().replace(/\+/g," "),o=r.join("=").replace(/\+/g," ");t.append(decodeURIComponent(n),decodeURIComponent(o))}}),t}function y(e){var t=new o,r=e.replace(/\r?\n[\t ]+/g," ");return r.split(/\r?\n/).forEach(function(e){var r=e.split(":"),n=r.shift().trim();if(n){var o=r.join(":").trim();t.append(n,o)}}),t}function v(e,t){t||(t={}),this.type="default",this.status=void 0===t.status?200:t.status,this.ok=this.status>=200&&this.status<300,this.statusText="statusText"in t?t.statusText:"OK",this.headers=new o(t.headers),this.url=t.url||"",this._initBody(e)}if(!e.fetch){var m={searchParams:"URLSearchParams"in e,iterable:"Symbol"in e&&"iterator"in Symbol,blob:"FileReader"in e&&"Blob"in e&&function(){try{return new Blob,!0}catch(e){return!1}}(),formData:"FormData"in e,arrayBuffer:"ArrayBuffer"in e};if(m.arrayBuffer)var b=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],E=function(e){return e&&DataView.prototype.isPrototypeOf(e)},_=ArrayBuffer.isView||function(e){return e&&b.indexOf(Object.prototype.toString.call(e))>-1};o.prototype.append=function(e,n){e=t(e),n=r(n);var o=this.map[e];this.map[e]=o?o+","+n:n},o.prototype.delete=function(e){delete this.map[t(e)]},o.prototype.get=function(e){return e=t(e),this.has(e)?this.map[e]:null},o.prototype.has=function(e){return this.map.hasOwnProperty(t(e))},o.prototype.set=function(e,n){this.map[t(e)]=r(n)},o.prototype.forEach=function(e,t){for(var r in this.map)this.map.hasOwnProperty(r)&&e.call(t,this.map[r],r,this)},o.prototype.keys=function(){var e=[];return this.forEach(function(t,r){e.push(r)}),n(e)},o.prototype.values=function(){var e=[];return this.forEach(function(t){e.push(t)}),n(e)},o.prototype.entries=function(){var e=[];return this.forEach(function(t,r){e.push([r,t])}),n(e)},m.iterable&&(o.prototype[Symbol.iterator]=o.prototype.entries);var g=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];p.prototype.clone=function(){return new p(this,{body:this._bodyInit})},f.call(p.prototype),f.call(v.prototype),v.prototype.clone=function(){return new v(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new o(this.headers),url:this.url})},v.error=function(){var e=new v(null,{status:0,statusText:""});return e.type="error",e};var T=[301,302,303,307,308];v.redirect=function(e,t){if(T.indexOf(t)===-1)throw new RangeError("Invalid status code");return new v(null,{status:t,headers:{location:e}})},e.Headers=o,e.Request=p,e.Response=v,e.fetch=function(e,t){return new Promise(function(r,n){var o=new p(e,t),i=new XMLHttpRequest;i.onload=function(){var e={status:i.status,statusText:i.statusText,headers:y(i.getAllResponseHeaders()||"")};e.url="responseURL"in i?i.responseURL:e.headers.get("X-Request-URL");var t="response"in i?i.response:i.responseText;r(new v(t,e))},i.onerror=function(){n(new TypeError("Network request failed"))},i.ontimeout=function(){n(new TypeError("Network request failed"))},i.open(o.method,o.url,!0),"include"===o.credentials?i.withCredentials=!0:"omit"===o.credentials&&(i.withCredentials=!1),"responseType"in i&&m.blob&&(i.responseType="blob"),o.headers.forEach(function(e,t){i.setRequestHeader(t,e)}),i.send("undefined"==typeof o._bodyInit?null:o._bodyInit)})},e.fetch.polyfill=!0}}("undefined"!=typeof self?self:this)},function(e,t){e.exports=React},function(e,t,r){e.exports={postToUAS:r(97),deleteFromUAS:r(99)}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(98),o=function(e,t,r,o,i){var a=arguments.length>5&&void 0!==arguments[5]&&arguments[5],s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:null;if((0,n.activityTypeIsValid)(e)&&(0,n.dataContainsAllRequiredKeys)(t)&&(0,n.apiKeyIsValid)(r)&&(0,n.envIsValid)(o)&&(0,n.domainExtIsValid)(i)){var u=(0,n.selectUASEndpoint)(o,i,e,a),c=s?(0,n.getUrlWithPreviousAction)(u,s):u,l=(0,n.buildHeaders)(u,r),f=JSON.stringify(t),d=(0,n.buildRequest)(c,l,f,"POST"),p=a?"include":"omit",h={credentials:p};return fetch(d,h)}};t.default=o,e.exports=t.default},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(e){return"plays"===e||"reactions"===e},n=function(e){return Boolean(e.resourceDomain&&e.resourceType&&e.resourceId&&e.action&&e.actionContext)},o=function(e){return"string"==typeof e&&/^[a-z0-9]{13,}$/i.test(e)},i=function(e){return"string"==typeof e&&("int"===e||"test"===e||"stage"===e||"live"===e)},a=function(e){return".co.uk"===e||".com"===e},s={ int:"int.",test:"test.",stage:"stage.",live:""},u=function(e,t,r,n){var o=s[e],i=n?"":"nsi.";return"https://"+i+"activity."+o+"api.bbc"+t+"/my/"+r},c=function(e,t){return e+"?previousAction="+t},l=function(e,t){var r=new Headers({Host:e,"Content-Type":"application/json","X-API-Key":t});return r},f=function(e,t,r,n){return new Request(e,{method:n,headers:t,body:r})};t.default={buildRequest:f,buildHeaders:l,selectUASEndpoint:u,domainExtIsValid:a,envIsValid:i,apiKeyIsValid:o,dataContainsAllRequiredKeys:n,activityTypeIsValid:r,getUrlWithPreviousAction:c},e.exports=t.default},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(98),o=function(e,t,r){var n=e+"/"+t;return r?n+"?previousAction="+r:n},i=function(e,t,r,i,a,s,u){var c=(0,n.selectUASEndpoint)(r,i,e,s),l=o(c,a,u),f=(0,n.buildHeaders)(c,t),d=(0,n.buildRequest)(l,f,null,"DELETE"),p=s?"include":"omit",h={credentials:p};return fetch(d,h)},a=function(e,t,r,o,a){var s=arguments.length>5&&void 0!==arguments[5]&&arguments[5],u=arguments.length>6&&void 0!==arguments[6]?arguments[6]:null,c=void 0;return c=(0,n.activityTypeIsValid)(e)&&(0,n.apiKeyIsValid)(t)&&(0,n.envIsValid)(r)&&(0,n.domainExtIsValid)(o)?i(e,t,r,o,a,s,u):Promise.reject("Invalid parameters")};t.default=a,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a=r(101),s=n(a),u=r(102),c=r(103),l=n(c),f=r(109),d=n(f),p=r(118),h=n(p),y=r(111),v=n(y),m=r(114),b=r(119),E=n(b),_=r(154),g=n(_),T=r(147),S=n(T),P=r(148),w=r(156),R=n(w),x=function(){},O={postToUas:x,deleteFromUas:x},A="styleguide:urn",M="styleguide:resourceTitle",C="styleguide:url",L="styleguide:globalId",I="game",k=function(e){var t=e.children;return i.default.createElement("h3",{className:"reactions-styleguide__heading"},t)};k.displayName="SectionHeading",k.propTypes={children:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.node),o.PropTypes.node]).isRequired};var N=function(e){var t=e.children;return i.default.createElement("h4",{className:"reactions-styleguide__subheading"},t)};N.displayName="SubHeading",N.propTypes={children:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.node),o.PropTypes.node]).isRequired};var j=function(e){var t=e.id,r=e.heading,n=e.children,o=e.className;return i.default.createElement("section",{id:t,className:(0,s.default)("reactions-styleguide__section",o)},i.default.createElement(k,null,r),n)};j.displayName="Section",j.propTypes={id:o.PropTypes.string.isRequired,heading:o.PropTypes.string.isRequired,children:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.node),o.PropTypes.node]),className:o.PropTypes.string},j.defaultProps={children:i.default.createElement("noscript",null),className:""};var B={cbbc:[{count:1e4,label:m.LOVE},{count:123,label:m.LOL},{count:5347890,label:m.APPLAUSE},{count:0,label:m.GOTIT},{count:39,label:m.OMD},{count:834,label:m.SAD}],cbeebies:[{count:1e4,label:m.LOVE},{count:5347890,label:m.FUNNY},{count:0,label:m.CLAP},{count:123,label:m.GOTIT},{count:39,label:m.WOW},{count:834,label:m.SAD}],get"stay-safe"(){return this.cbbc}},U=5358886,D=function(e){return i.default.createElement("div",{className:"reactions-styleguide"},i.default.createElement(j,{heading:"Overview Cluster (CTA)",id:"overview-cluster"},i.default.createElement(N,null,"Open Without Count - clicked"),i.default.createElement(l.default,{onClick:x,isOpen:!0,count:0,product:e.product,hasBeenClicked:!0}),i.default.createElement(N,null,"Closed Without Count - clicked"),i.default.createElement(l.default,{onClick:x,isOpen:!1,count:0,product:e.product,hasBeenClicked:!0}),i.default.createElement(N,null,"Open With Count - clicked"),i.default.createElement(l.default,{onClick:x,isOpen:!0,count:555,product:e.product,hasBeenClicked:!0}),i.default.createElement(N,null,"Closed With Count - not clicked"),i.default.createElement(l.default,{onClick:x,isOpen:!1,count:U,product:e.product,hasBeenClicked:!1})),i.default.createElement(j,{heading:"Reaction Tray",id:"reaction-tray"},i.default.createElement(d.default,{showReactions:!0,product:e.product,reactionsCounts:B[e.product],reactionButtonPressStart:x,reactionButtonPressEnd:x,reactionButtonClick:x,selectedReaction:"Love",updateSelectedReaction:x})),i.default.createElement(j,{heading:"Cookie Disabled Banner",id:"cookie-warning-banner"},i.default.createElement(h.default,null)),i.default.createElement(j,{heading:"Error Message Banner",id:"error-message-banner"},i.default.createElement(S.default,null)),i.default.createElement(j,{heading:"Individual Reactions",id:"reactions-list"},B[e.product].map(function(t,r){return i.default.createElement("div",{key:r},i.default.createElement(N,null,t.label),i.default.createElement(u.Reactions,{uniqueId:"1"},function(){return i.default.createElement(v.default,{product:e.product,label:t.label,count:t.count,clickHandler:x,showReactions:!0,reactionButtonPressStart:x,reactionButtonPressEnd:x,reactionButtonClick:x})}))})),i.default.createElement(j,{heading:"Reactions Module",id:"reactions-module"},i.default.createElement(N,null,"With Cookies banner"),i.default.createElement(g.default,{enableStandaloneMode:!0,postToUASHandler:x,ReactionsModule:E.default,product:e.product,urn:A,resourceTitle:M,url:C,globalId:L,reactionsCounts:B[e.product],showCookieBanner:!0,env:"test",isSignedIn:!0,isIdAvailable:!0,idctaService:R.default,countingServiceClientLibrary:O,reactionsCountTotal:U,resourceType:I}),i.default.createElement(N,null,"With error message after reaction is clicked"),i.default.createElement(g.default,{enableStandaloneMode:!0,postToUASHandler:x,ReactionsModule:E.default,product:e.product,urn:A,resourceTitle:M,url:C,globalId:L,reactionsCounts:B[e.product],env:"test",isSignedIn:!0,isIdAvailable:!0,idctaService:R.default,error:new Error(P.ErrorTypes.UAS_FAILURE),countingServiceClientLibrary:O,reactionsCountTotal:U,resourceType:I}),i.default.createElement(N,null,"Without Cookies banner"),i.default.createElement(g.default,{enableStandaloneMode:!0,postToUASHandler:x,ReactionsModule:E.default,product:e.product,urn:A,resourceTitle:M,url:C,globalId:L,reactionsCounts:B[e.product],env:"test",isSignedIn:!0,isIdAvailable:!0,idctaService:R.default,countingServiceClientLibrary:O,reactionsCountTotal:U,resourceType:I})))};D.propTypes={product:o.PropTypes.string.isRequired},t.default=D,e.exports=t.default},function(e,t){e.exports=Morph.modules["bbc-morph-classnames@1.0.2"]},function(e,t){e.exports=Morph.modules["bbc-morph-reactions@4.2.0"]},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a=r(101),s=n(a),u=r(104),c=n(u),l=function(e){var t=e.count>0?". Total number of reactions: "+e.count:"",r=e.isOpen?"Reactions. Hide Reactions":"Reactions. Show Reactions"+t;return i.default.createElement("button",{className:(0,s.default)("reactions-cta",{"reactions-cta--open":e.isOpen,"reactions-cta--clicked":e.hasBeenClicked}),"aria-pressed":e.isOpen,"aria-label":r,onClick:function(){e.onClick()}},i.default.createElement(c.default,e))};l.displayName="Cta",l.propTypes={onClick:o.PropTypes.func.isRequired,isOpen:o.PropTypes.bool.isRequired,count:o.PropTypes.number.isRequired,product:o.PropTypes.string.isRequired,hasBeenClicked:o.PropTypes.bool.isRequired},t.default=l,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a=r(105),s=n(a),u=r(106),c=n(u),l=r(107),f=n(l),d=r(108),p=n(d),h=function(e){var t={cbeebies:c.default,cbbc:s.default,get"stay-safe"(){return this.cbbc}},r=t[e.product];return i.default.createElement("div",{className:"reactions-cta-image"},i.default.createElement("span",null,i.default.createElement(r,null),e.count>0&&i.default.createElement(p.default,{count:e.count})),i.default.createElement(f.default,null))};h.displayName="CtaImage",h.propTypes={count:o.PropTypes.number.isRequired,product:o.PropTypes.string.isRequired},t.default=h,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a="CtaCbbcWithoutCount",s=function(){return i.default.createElement("span",{className:"cta-icon cta-cbbc-icon"},i.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 76 68"},i.default.createElement("path",{d:"M50.54 34.94A20.35 20.35 0 0 1 40 26.27c-.66-1.16-3.36-5.85-1.47-11.16a9.34 9.34 0 0 1 4-4.83 9.8 9.8 0 0 1 10.63 0 9.8 9.8 0 0 1 5.47-9.12 9.34 9.34 0 0 1 6.21-1c5.53 1.1 8.16 5.83 8.82 7a20.35 20.35 0 0 1 2 13.47c-1.25 7.19-8.81 13.81-8.81 13.81s-9.5 3.12-16.31.5z",fill:"#e63f23",fillRule:"evenodd"}),i.default.createElement("path",{d:"M42 15.34c-.79 1.44-.56 3.07.5 3.63s2.56-.15 3.34-1.6.56-3.07-.5-3.63-2.51.15-3.34 1.6z",fill:"#ee7966"}),i.default.createElement("circle",{cx:"20",cy:"25",r:"19.94",transform:"rotate(-85 20.002 25.004)",fill:"#efc203"}),i.default.createElement("path",{d:"M6.3 17.19v-.07c.06-.24.12-.47.2-.71s.19-.45.3-.68.25-.43.39-.64a7 7 0 0 1 .47-.59 6.28 6.28 0 0 1 .54-.5 6.16 6.16 0 0 1 .59-.47 6.55 6.55 0 0 1 .64-.41 7.57 7.57 0 0 1 1.39-.61 6.4 6.4 0 0 1 .73-.2 6 6 0 0 1 .74-.13 6 6 0 0 1 .71-.08 6 6 0 0 1 .74 0c.25 0 .49 0 .73.09s.48.09.72.16.47.15.69.24c-.24 0-.48.08-.72.11l-.7.11c-.23 0-.46.08-.68.12s-.45.1-.67.14-.44.11-.65.16-.43.12-.64.19-.42.14-.63.22a6.37 6.37 0 0 0-.61.25 6.39 6.39 0 0 0-.59.28c-.2.09-.38.21-.58.31s-.37.24-.56.35-.36.26-.54.38-.34.28-.53.42-.34.3-.51.46-.32.33-.5.49-.31.35-.49.53zM35.55 22.4v-.07c-.1-.23-.19-.45-.28-.66s-.19-.43-.3-.63-.2-.41-.32-.6-.22-.39-.35-.57-.24-.37-.38-.55-.25-.36-.41-.52-.27-.34-.43-.49a6.39 6.39 0 0 0-.46-.47 6.37 6.37 0 0 0-.49-.44c-.17-.14-.33-.29-.51-.42s-.35-.28-.53-.4-.36-.27-.56-.38-.38-.25-.58-.37-.39-.25-.6-.35l-.62-.35c-.21-.11-.42-.22-.64-.35h.73c.24 0 .48.06.73.1s.48.11.72.17a7.6 7.6 0 0 1 1.38.55 6 6 0 0 1 .65.37 6.4 6.4 0 0 1 .62.44A7.57 7.57 0 0 1 34 17.46a6.55 6.55 0 0 1 .46.6 6.16 6.16 0 0 1 .39.65 6.28 6.28 0 0 1 .32.69 7 7 0 0 1 .24.72c.06.24.1.49.15.73s0 .5.05.74 0 .49-.06.74z",fill:"#9f8214"}),i.default.createElement("circle",{cx:"13.71",cy:"20.6",r:"5.25",transform:"rotate(-79.9 13.71 20.605)",fill:"#fff"}),i.default.createElement("ellipse",{cx:"13.71",cy:"20.74",rx:"3.04",ry:"2.56",transform:"rotate(-79.9 13.711 20.738)",fill:"#2b2b2b"}),i.default.createElement("circle",{cx:"27.2",cy:"23.01",r:"5.25",transform:"rotate(-79.9 27.2 23.006)",fill:"#fff"}),i.default.createElement("ellipse",{cx:"27.15",cy:"23.13",rx:"3.04",ry:"2.56",transform:"rotate(-79.9 27.15 23.127)",fill:"#2b2b2b"}),i.default.createElement("path",{d:"M22.52 34.49c-.51 2.89-2.91 4.88-5.34 4.45s-4-3.13-3.48-6q0-.22.09-.42c.66-2.66 2.94-4.44 5.25-4s3.96 3.08 3.48 5.97z",fill:"#2b2b2b"}),i.default.createElement("circle",{cx:"42.08",cy:"45.87",r:"22.16",transform:"rotate(-81.9 42.082 45.87)",fill:"#ffd201"}),i.default.createElement("path",{"data-name":"<Path>",d:"M66.62 48.07a3.8 3.8 0 0 1-4.5 6.13c-1.7-1.24-5.22-8.51-5.22-8.51s8.02 1.14 9.72 2.38zM18.06 41.1a3.79 3.79 0 1 0 2.54 7.15c2-.71 7.44-6.67 7.44-6.67s-8.04-1.19-9.98-.48z",fill:"#269dc8"}),i.default.createElement("path",{d:"M27.82 44.39a14.18 14.18 0 0 0 28.07 4.11z",fill:"#2b2b2b"}),i.default.createElement("path",{d:"M32.53 57.11a8.31 8.31 0 0 1 15.21 2.22",fill:"#a75916"}),i.default.createElement("path",{d:"M40.86 53.15a8.32 8.32 0 0 0-8.36 4 14.25 14.25 0 0 0 7.27 3.36 13.92 13.92 0 0 0 7.94-1.14 8.22 8.22 0 0 0-6.85-6.22z",fill:"#e63f23"}),i.default.createElement("path",{d:"M53.76 43.64a.87.87 0 0 1-.7-.58 3.41 3.41 0 0 0-6-.86.87.87 0 0 1-1.43-1 5.14 5.14 0 0 1 9.1 1.3.87.87 0 0 1-.94 1.13zM39.76 41.65a.87.87 0 0 1-.7-.58 3.41 3.41 0 0 0-6-.86.87.87 0 0 1-1.43-1 5.14 5.14 0 0 1 9.1 1.3.87.87 0 0 1-.94 1.13z",fill:"#2b2b2b"})))};s.displayName=a,t.default=s,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a="CtaCbeebiesWithoutCount",s=function(){return i.default.createElement("span",{className:"cta-icon cta-cbeebies-icon"},i.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 76 68"},i.default.createElement("defs",null,i.default.createElement("clipPath",{id:"a"},i.default.createElement("path",{d:"M16.26 38.31a9.6 9.6 0 0 1-6.72-11.8 19.21 19.21 0 0 1 10-.22l.42.11a19.21 19.21 0 0 1 8.57 5.24 9.6 9.6 0 0 1-11.74 6.82z",fill:"#2b2b2b"}))),i.default.createElement("circle",{cx:"20.16",cy:"25.01",r:"19.9",transform:"rotate(-80 20.16 25.01)",fill:"#efc203"}),i.default.createElement("ellipse",{cx:"14.75",cy:"18.89",rx:"3.3",ry:"2.55",transform:"rotate(-74.9 14.757 18.895)",fill:"#2b2b2b"}),i.default.createElement("ellipse",{cx:"27.9",cy:"22.44",rx:"3.3",ry:"2.55",transform:"rotate(-74.9 27.908 22.442)",fill:"#2b2b2b"}),i.default.createElement("path",{d:"M7.46 14.93v-.07c.08-.23.16-.46.26-.69s.23-.43.36-.65.29-.41.45-.6a7 7 0 0 1 .52-.55 6.27 6.27 0 0 1 .58-.48 6.15 6.15 0 0 1 .63-.42 6.54 6.54 0 0 1 .67-.35 7.55 7.55 0 0 1 1.43-.48 6.38 6.38 0 0 1 .74-.13 6 6 0 0 1 .75-.06 6 6 0 0 1 .75 0 6 6 0 0 1 .74.08c.24.05.49.08.72.15s.47.13.7.22.45.19.67.3h-.72l-.7.05c-.23 0-.46 0-.69.06s-.45.06-.68.08-.44.07-.66.11-.44.09-.65.13-.43.1-.64.16a6.35 6.35 0 0 0-.63.19 6.38 6.38 0 0 0-.62.23c-.21.07-.4.17-.6.26s-.39.2-.59.3-.38.23-.57.33-.37.25-.56.37-.36.27-.54.41L8 14.4c-.17.16-.34.32-.53.48zM36.09 22.66v-.07c-.08-.23-.15-.46-.22-.68s-.15-.44-.24-.65-.17-.42-.27-.63-.19-.41-.3-.6-.2-.39-.33-.58-.22-.38-.36-.55-.24-.36-.39-.53a6.38 6.38 0 0 0-.42-.51 6.35 6.35 0 0 0-.45-.48c-.15-.16-.3-.32-.47-.46s-.32-.3-.5-.44-.34-.3-.52-.43-.35-.29-.54-.41-.37-.28-.56-.4l-.58-.4c-.2-.13-.4-.26-.6-.4.24 0 .49 0 .73.07s.48.11.72.16.46.16.7.23a7.58 7.58 0 0 1 1.33.67 6 6 0 0 1 .62.43 6.38 6.38 0 0 1 .57.49 7.55 7.55 0 0 1 1 1.14 6.54 6.54 0 0 1 .41.64 6.15 6.15 0 0 1 .33.68 6.27 6.27 0 0 1 .26.71 7 7 0 0 1 .17.73c0 .25.06.5.08.74s0 .5 0 .74-.07.49-.12.73z",fill:"#9f8214"}),i.default.createElement("path",{d:"M16.26 38.31a9.6 9.6 0 0 1-6.72-11.8 19.21 19.21 0 0 1 10-.22l.42.11a19.21 19.21 0 0 1 8.57 5.24 9.6 9.6 0 0 1-11.74 6.82z",fill:"#2b2b2b"}),i.default.createElement("g",{clipPath:"url(#a)"},i.default.createElement("ellipse",{cx:"16.36",cy:"39.1",rx:"4.41",ry:"5.64",transform:"rotate(-74.9 16.361 39.1)",fill:"#e63f23"})),i.default.createElement("path",{d:"M50.54 34.94A20.35 20.35 0 0 1 40 26.27c-.66-1.16-3.36-5.85-1.47-11.16a9.34 9.34 0 0 1 4-4.83 9.8 9.8 0 0 1 10.63 0 9.8 9.8 0 0 1 5.47-9.12 9.34 9.34 0 0 1 6.21-1c5.53 1.1 8.16 5.83 8.82 7a20.35 20.35 0 0 1 2 13.47c-1.25 7.19-8.81 13.81-8.81 13.81s-9.5 3.12-16.31.5z",fill:"#e63f23",fillRule:"evenodd"}),i.default.createElement("path",{d:"M42 15.34c-.79 1.44-.56 3.07.5 3.63s2.56-.15 3.34-1.6.56-3.07-.5-3.63-2.51.15-3.34 1.6z",fill:"#ee7966"}),i.default.createElement("circle",{cx:"42.08",cy:"45.81",r:"22.09",transform:"matrix(.17 -.98 .98 .17 -10.35 79.3)",fill:"#ffd201"}),i.default.createElement("path",{d:"M55.66 49a14.07 14.07 0 0 1-27.69-5",fill:"#2b2b2b"}),i.default.createElement("path",{d:"M32.21 56.72a8.24 8.24 0 0 1 15 2.7",fill:"#a75916"}),i.default.createElement("path",{d:"M40.6 53.07a8.26 8.26 0 0 0-8.42 3.68 14.13 14.13 0 0 0 7.1 3.57 13.8 13.8 0 0 0 7.91-.87 8.15 8.15 0 0 0-6.59-6.38z",fill:"#e63f23"}),i.default.createElement("path",{d:"M53.22 43.65l-7.29-4.21a.94.94 0 0 1 .31-1.73l8.26-1.39a.7.7 0 0 1 .27 1.38l-6 1.37 5.13 3.43a.67.67 0 0 1-.71 1.15zM33.35 32.47l7.29 4.21a.94.94 0 0 1-.31 1.73l-8.27 1.39a.7.7 0 0 1-.27-1.38l6-1.37-5.13-3.43a.67.67 0 0 1 .71-1.15z",fill:"#2b2b2b"})))};s.displayName=a,t.default=s,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a="CtaArrow",s=function(e){return i.default.createElement("div",{className:"cta-arrow-icon"},i.default.createElement("svg",{height:e.height,width:e.width,viewBox:"0 0 20 15"},i.default.createElement("path",{fill:"#db63d9",d:"M18.5 4.7l-2.8-2.9L10 7.5 4.3 1.8 1.5 4.7l8.5 8.5z"})))};s.displayName=a,s.propTypes={height:o.PropTypes.number,width:o.PropTypes.number},s.defaultProps={height:15,width:20},t.default=s,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a=function(e){return i.default.createElement("span",{className:"reactions-count-container"},i.default.createElement("span",{className:"reactions-count-container__count-text"},e.count))};a.displayName="CtaCount",a.propTypes={count:o.PropTypes.number.isRequired},t.default=a,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(2),i=n(o),a=r(43),s=n(a),u=r(80),c=n(u),l=r(82),f=n(l),d=r(81),p=n(d),h=r(86),y=n(h),v=r(95),m=n(v),b=r(101),E=n(b),_=r(102),g=r(110),T=n(g),S=r(116),P=function(e){function t(e){(0,c.default)(this,t);var r=(0,p.default)(this,(t.__proto__||(0,s.default)(t)).call(this,e));return r.props=e,r.state={shouldDisableAnimation:!0},r}return(0,y.default)(t,e),(0,f.default)(t,[{key:"componentWillReceiveProps",value:function(e){this.props.showReactions!==e.showReactions&&this.setState({shouldDisableAnimation:!1})}},{key:"render",value:function(){var e=this,t=(0,S.getUniqueId)(this.props.urn);return m.default.createElement("div",{className:(0,E.default)("reactions-tray",{"animation-playing":this.props.isAnimationPlaying,"reactions-tray--open":this.props.isOpen})},m.default.createElement("div",{className:(0,E.default)("reactions-tray__reactions-container",{"reactions-tray__reactions-container--open":this.props.showReactions,"reactions-tray__reactions-container--no-animation":this.state.shouldDisableAnimation})},m.default.createElement(_.Reactions,{uniqueId:t,store:S.readOnlyLocalStorageHelper},function(t){var r=(0,i.default)({active:t},e.props);return m.default.createElement(T.default,r)}),m.default.createElement("div",{className:"reactions-tray__reactive-prompt"},"Press and hold for more...")))}}]),t}(v.Component);P.displayName="Tray",P.defaultProps={showReactions:!1,urn:!1,isAnimationPlaying:!1,isOpen:!1},P.propTypes={showReactions:v.PropTypes.bool,product:v.PropTypes.string.isRequired,reactionsCounts:v.PropTypes.arrayOf(v.PropTypes.shape({label:v.PropTypes.string,count:v.PropTypes.number})).isRequired,urn:v.PropTypes.oneOfType([v.PropTypes.string,v.PropTypes.bool]),isAnimationPlaying:v.PropTypes.bool,isOpen:v.PropTypes.bool},t.default=P,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(2),i=n(o),a=r(43),s=n(a),u=r(80),c=n(u),l=r(82),f=n(l),d=r(81),p=n(d),h=r(86),y=n(h),v=r(95),m=n(v),b=r(111),E=n(b),_=r(114),g=function(e){function t(e){(0,c.default)(this,t);var r=(0,p.default)(this,(t.__proto__||(0,s.default)(t)).call(this,e));return r.props=e,r.firstButtonRef=null,r}return(0,y.default)(t,e),(0,f.default)(t,[{key:"componentDidMount",value:function(){var e=(0,_.keyToLabel)(this.props.active,this.props.product),t=e!==this.props.selectedReaction;t&&this.props.updateSelectedReaction(e)}},{key:"componentDidUpdate",value:function(e){var t=e.showReactions===!1&&this.props.showReactions===!0;t&&this.firstButtonRef&&this.firstButtonRef.focus()}},{key:"render",value:function(){var e=this;return m.default.createElement("div",{className:"reactions-list"},this.props.reactionsCounts.map(function(t,r){var n=(0,i.default)({},e.props,t),o={ref:function(t){0===r&&(e.firstButtonRef=t)}};return m.default.createElement(E.default,(0,i.default)({},n,{key:r,buttonProps:o}))}))}}]),t}(v.Component);g.displayName="ReactionsList",g.defaultProps={active:null,selectedReaction:null},g.propTypes={selectedReaction:v.PropTypes.string,active:v.PropTypes.string,updateSelectedReaction:v.PropTypes.func.isRequired,reactionsCounts:v.PropTypes.arrayOf(v.PropTypes.shape({label:v.PropTypes.string,count:v.PropTypes.number})).isRequired,showReactions:v.PropTypes.bool.isRequired,product:v.PropTypes.string.isRequired},t.default=g,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(112),i=n(o),a=r(2),s=n(a),u=r(95),c=n(u),l=r(102),f=r(101),d=n(f),p=r(113),h=n(p),y=r(115),v=n(y),m=r(114),b=function(e){var t,r=e.product,n=e.label,o=e.count,a=e.showReactions,u=e.buttonProps,f=void 0===u?{}:u,p=e.reactionButtonPressStart,y=e.reactionButtonPressEnd,b=e.selectedReaction,E="cbeebies"===r?v.default:h.default,_=E[""+n],g=n.replace("!",""),T="reaction-button--show",S=(0,s.default)({},f,{onMouseDown:function(){return p(n)},onTouchStart:function(){return p(n)},onKeyDown:function(e){e.keyCode!==m.ENTER_KEY&&e.keyCode!==m.SPACE_KEY||e.repeat||p(n)},onKeyUp:function(e){e.keyCode!==m.ENTER_KEY&&e.keyCode!==m.SPACE_KEY||y(n)},onMouseUp:function(){return y(n)},onMouseLeave:function(){return y(n)},onTouchEnd:function(){return y(n)},className:(0,d.default)("reaction-button",(t={},(0,i.default)(t,T,a),(0,i.default)(t,"reaction-button--selected",b===n),t))}),P="reaction-icon reaction-icon-"+m.LABEL_TO_KEY[n];return c.default.createElement(l.Reaction,{key:n,type:m.LABEL_TO_KEY[n],buttonProps:S},c.default.createElement(l.ReactionIcon,{className:P},c.default.createElement(_,null)),c.default.createElement(l.ReactionLabel,{className:"reaction-label","aria-label":"Reaction type "+n+","},n),c.default.createElement(l.ReactionCount,{className:"reaction-count",count:o,"aria-label":"Total number of "+g+"s "+o}),c.default.createElement("div",{className:"reaction-focus-line"}))};b.propTypes={product:u.PropTypes.string.isRequired,label:u.PropTypes.string.isRequired,count:u.PropTypes.number.isRequired,showReactions:u.PropTypes.bool.isRequired,buttonProps:u.PropTypes.shape({class:u.PropTypes.string,arialabel:u.PropTypes.string}),reactionButtonPressStart:u.PropTypes.func.isRequired,reactionButtonPressEnd:u.PropTypes.func.isRequired,selectedReaction:u.PropTypes.string},b.defaultProps={buttonProps:{class:null,arialabel:null},selectedReaction:null},t.default=b,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(83),i=n(o);t.default=function(e,t,r){return t in e?(0,i.default)(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o,i=r(112),a=n(i),s=r(95),u=n(s),c=r(114),l=function(){return u.default.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 72 72"},u.default.createElement("path",{d:"M13.54 49.73A31.54 31.54 0 0 1 6 30c0-2.08-.06-10.46 6.55-16.17a14.48 14.48 0 0 1 9.1-3.46c7.39 0 11.7 3.42 14.34 8.12 2.64-4.69 7-8.13 14.34-8.12a14.48 14.48 0 0 1 9.1 3.46C66.06 19.54 66 27.93 66 30a31.54 31.54 0 0 1-7.54 19.73C51.28 58.48 36 61.63 36 61.63s-15.28-3.15-22.46-11.9z",fill:"#e63f23",fillRule:"evenodd"}),u.default.createElement("path",{d:"M17.06 16.8C14.9 18.15 14 20.51 15 22.08s3.56 1.75 5.73.4 3.11-3.71 2.11-5.28-3.61-1.75-5.78-.4z",fill:"#ee7966"}))},f=function(){return u.default.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 72 72"},u.default.createElement("circle",{cx:"35.91",cy:"35.72",r:"30",fill:"#ffd201"}),u.default.createElement("path",{d:"M69.12 34c-2.48-1.34-13.33-1.34-13.33-1.34s6 9.07 8.52 10.41A5.07 5.07 0 0 0 71.18 41a5.15 5.15 0 0 0-2.06-7zM2.86 34a5.15 5.15 0 0 0-2.07 7 5.07 5.07 0 0 0 6.87 2.12c2.48-1.34 8.52-10.41 8.52-10.41S5.34 32.67 2.86 34z",fill:"#269dc8"}),u.default.createElement("path",{d:"M16.37 36.45a19.34 19.34 0 0 0 38.69.16z",fill:"#2b2b2b"}),u.default.createElement("path",{d:"M25.17 52.73a11.33 11.33 0 0 1 21 .08",fill:"#a75916"}),u.default.createElement("path",{d:"M35.66 45.78a11.35 11.35 0 0 0-10.52 7 19.44 19.44 0 0 0 10.47 3.12 19 19 0 0 0 10.5-3.06 11.21 11.21 0 0 0-10.45-7.06z",fill:"#e63f23"}),u.default.createElement("path",{d:"M51.25 30.46a1.18 1.18 0 0 1-1.06-.65 4.65 4.65 0 0 0-8.31 0 1.18 1.18 0 0 1-2.12-1.06 7 7 0 0 1 12.54 0 1.18 1.18 0 0 1-1.06 1.71zM32 30.46a1.18 1.18 0 0 1-1.06-.65 4.65 4.65 0 0 0-8.31 0 1.18 1.18 0 0 1-2.12-1.06 7 7 0 0 1 12.54 0A1.18 1.18 0 0 1 32 30.46z",fill:"#2b2b2b"}))},d=function(){return u.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72"},u.default.createElement("path",{d:"M52.43 11.33l4.12-7.71a1.09 1.09 0 0 1 1.87 1.09l-4.12 7.71a1.09 1.09 0 0 1-1.87-1.09M43.75 3a1 1 0 0 1 1.79.25l1.23 5.28a1 1 0 0 1-1.89.47l-1.23-5.27a1 1 0 0 1 .1-.74M15.59 11.1l-.7-8.71a1.09 1.09 0 0 1 2.17-.09l.7 8.71a1.09 1.09 0 0 1-2.17.09M3.78 8.77A1 1 0 0 1 5.41 8l3.89 3.79A1 1 0 1 1 8 13.23L4.09 9.45a1 1 0 0 1-.31-.68",fill:"#2b2b2b"}),u.default.createElement("path",{d:"M57.24 56.4c5-7.08 4.75-10.71 2.84-16.46-.37-1.12-.91-2.56-1.4-3.67a96 96 0 0 0-5.2-10.15l-3.54-7.32a4 4 0 0 0-4-2.23 3.72 3.72 0 0 0-2.6 1.36 4.29 4.29 0 0 0-.49 4.61l4 8.31L24 15.42a4 4 0 0 0-5.52 1l-.05.06c-1.55 2.09-.06 4.44.18 4.74l-4.06-2.74-.42-.28a4 4 0 0 0-5.56 1 3.86 3.86 0 0 0-.1 4.12 4.1 4.1 0 0 0 1.25 1.35L13 27.54c-1.84-1.24-4.92-1.62-6.38.54A3.86 3.86 0 0 0 7.8 33.5l5.65 4.66c-1.9-1.29-4.4-1.34-5.6.7a3.79 3.79 0 0 0 1.28 5s18.1 13.05 23.78 16.56c6.15 3.8 8.78 4.25 13.83 3.69 4.27-.47 7-2.71 10.5-7.72",fill:"#9f8214"}),u.default.createElement("path",{d:"M64.75 41.35c-.34-1.13-.83-2.57-1.29-3.68-1.46-3.59-8.23-17.6-8.23-17.6a4 4 0 0 0-3.92-2.32 3.72 3.72 0 0 0-2.79 1.49 4.29 4.29 0 0 0-.44 4.39l3.27 7.23a.33.33 0 0 1-.49.4L29.57 16a4 4 0 0 0-5.51.86l-.06.06a2.53 2.53 0 0 0-.65 2 2.13 2.13 0 0 0 1 1.67l.48.37L39.64 32a.53.53 0 0 1 .13.72.48.48 0 0 1-.41.2.54.54 0 0 1-.31-.11L22.64 20.63l-2.55-1.81-.34-.25a4.06 4.06 0 0 0-5.68.88 3.45 3.45 0 0 0-.16 3.79 17.84 17.84 0 0 0 2.3 2.17l2.1 1.59 18.37 13.18a.53.53 0 0 1 .13.72.48.48 0 0 1-.41.2.54.54 0 0 1-.3-.1L17.21 27.41a4 4 0 0 0-2.55-.72 3.49 3.49 0 0 0-2.72 1.45 3.83 3.83 0 0 0 1 5.42l5 3.7 14.18 10.12a.53.53 0 0 1 .13.72.48.48 0 0 1-.41.2.54.54 0 0 1-.31-.11l-14-10-.25-.19-.54-.37c-1.93-.94-3.73-.74-4.73 1s.38 4 1.1 4.51c0 0 18.53 14.21 24.09 17.86 6 3.95 8.62 4.45 13.64 4 4.25-.36 7-2.51 10.65-7.39 5.13-6.88 5.01-10.5 3.26-16.26z",fill:"#ffd201"}))},p=function(){return u.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72"},u.default.createElement("circle",{cx:"36",cy:"36",r:"30",fill:"#ffd201"}),u.default.createElement("path",{d:"M35.9 14.3a.82.82 0 0 1-.82-.82V9.7a.82.82 0 0 1 1.65 0v3.78a.82.82 0 0 1-.83.82zM61.42 36.51h-3.78a.82.82 0 0 1 0-1.65h3.78a.82.82 0 1 1 0 1.65zM14.16 36.51h-3.78a.82.82 0 1 1 0-1.65h3.78a.82.82 0 0 1 0 1.65zM51.28 20.67a.82.82 0 0 1-.58-1.4l2.67-2.67a.82.82 0 0 1 1.16 1.16l-2.67 2.67a.82.82 0 0 1-.58.24zM20.53 20.67a.82.82 0 0 1-.58-.24l-2.67-2.67a.82.82 0 1 1 1.16-1.16l2.67 2.67a.82.82 0 0 1-.58 1.4zM44 15.87a.82.82 0 0 1-.76-1.13l1.41-3.5a.82.82 0 0 1 1.53.61l-1.41 3.5a.82.82 0 0 1-.77.52zM59.57 46a.82.82 0 0 1-.31-.06l-3.5-1.41a.82.82 0 1 1 .62-1.53l3.5 1.41a.82.82 0 0 1-.31 1.59zM15.74 28.39a.82.82 0 0 1-.31-.06l-3.5-1.41a.82.82 0 0 1 .61-1.53L16 26.8a.82.82 0 0 1-.31 1.59zM55.91 28a.82.82 0 0 1-.32-1.58l3.48-1.48a.82.82 0 0 1 .64 1.51l-3.48 1.48a.82.82 0 0 1-.32.07zM12.43 46.51a.82.82 0 0 1-.32-1.58l3.48-1.48a.82.82 0 1 1 .63 1.55l-3.48 1.48a.82.82 0 0 1-.31.03zM27.39 16a.82.82 0 0 1-.76-.5l-1.48-3.48a.82.82 0 0 1 1.51-.64l1.48 3.48a.82.82 0 0 1-.75 1.14zM29.39 48.81c0-2.53-1.63-4.9-3.47-6.63a13.68 13.68 0 0 1 3.68-22.52c9.92-4.66 20.67 2.71 20.67 12.41a13.83 13.83 0 0 1-5.79 11.26 5 5 0 0 0-2.1 4.1v1.39a17 17 0 0 1-5.83 1.34 23.78 23.78 0 0 1-7.16-1.35z",fill:"#fff"}),u.default.createElement("path",{d:"M29.42 48.71v4.8a8.05 8.05 0 0 0 2.33 1.09l.07.18a4.09 4.09 0 1 0 8.17 0v-.06a2.42 2.42 0 0 0 .11-.29 21.91 21.91 0 0 0 2.3-.79v-5.13s-4.92 3.49-12.98.2z",fill:"#d3145b"}))},h=function(){return u.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72"},u.default.createElement("circle",{cx:"36",cy:"36",r:"30",transform:"rotate(-5.1 35.96834013 36.0247667)",fill:"#ffd201"}),u.default.createElement("circle",{cx:"25.69",cy:"31.15",r:"7.9",fill:"#fff"}),u.default.createElement("ellipse",{cx:"25.73",cy:"31.35",rx:"3.85",ry:"4.57",fill:"#2b2b2b"}),u.default.createElement("circle",{cx:"46.31",cy:"31.15",r:"7.9",fill:"#fff"}),u.default.createElement("ellipse",{cx:"46.26",cy:"31.35",rx:"3.85",ry:"4.57",fill:"#2b2b2b"}),u.default.createElement("path",{d:"M42.41 49.4c0 4.42-3 8-6.74 8s-6.74-3.58-6.74-8v-.65c.28-4.11 3.18-7.35 6.72-7.35 3.75-.01 6.76 3.6 6.76 8z",fill:"#2b2b2b"}),u.default.createElement("path",{d:"M13.65 28c.4-6.28 7-10.64 13-9.33-5.31 2.14-10.01 4.14-13 9.33zM58.35 28c-.4-6.28-7-10.64-13-9.33 5.31 2.14 10.01 4.14 13 9.33z",fill:"#9f8214"}))},y=function(){return u.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72"},u.default.createElement("circle",{cx:"36",cy:"36",r:"30",transform:"rotate(-5.1 35.96834013 36.0247667)",fill:"#ffd201"}),u.default.createElement("path",{d:"M15 40.42c1.16-2.66 8.18-5.59 8.18-5.59s2.59 7.17 1.42 9.79a5.26 5.26 0 0 1-9.6-4.2z",fill:"#269dc8"}),u.default.createElement("path",{d:"M25.81 53.82a1 1 0 0 1-.81-1.55A14.14 14.14 0 0 1 36.35 46a14.1 14.1 0 0 1 11.16 6A1 1 0 1 1 46 53.2a12 12 0 0 0-9.65-5.2 12.22 12.22 0 0 0-9.76 5.44 1 1 0 0 1-.78.38zM26.26 36A6.91 6.91 0 0 1 20 32.2a1.17 1.17 0 1 1 2.1-1 4.6 4.6 0 0 0 8.23 0 1.17 1.17 0 1 1 2.09 1.05A6.91 6.91 0 0 1 26.26 36zM45.36 36a6.91 6.91 0 0 1-6.21-3.84 1.17 1.17 0 1 1 2.1-1 4.6 4.6 0 0 0 8.23 0 1.17 1.17 0 1 1 2.09 1.05A6.91 6.91 0 0 1 45.36 36z",fill:"#2b2b2b"}))};t.default=(o={},(0,a.default)(o,c.LOVE,l),(0,a.default)(o,c.LOL,f),(0,a.default)(o,c.APPLAUSE,d),(0,a.default)(o,c.GOTIT,p),(0,a.default)(o,c.OMD,h),(0,a.default)(o,c.SAD,y),o),e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e,t){var r="cbeebies"===t?_:g,n=r.reduce(function(e,t){return(0,s.default)({},e,(0,c.default)({},T[t],t))},{});return n[e]}Object.defineProperty(t,"__esModule",{value:!0}),t.KEY_TO_UAS_CONTEXT=t.LABEL_TO_KEY=t.CBBC_LABELS=t.CBEEBIES_LABELS=t.SPACE_KEY=t.ENTER_KEY=t.SPRITE_REVERSE_EFFECT_DELAY=t.SPRITE_EFFECT_DELAY=t.SPRITE_SLIDE_NUMBER_DEFAULT=t.SPRITE_SLIDE_DECREMENT_INTERVAL=t.SPRITE_SLIDE_INCREMENT_INTERVAL=t.SPRITE_TOTAL_SLIDES=t.NO_REACTION=t.CLAP=t.WOW=t.FUNNY=t.SAD=t.OMD=t.GOTIT=t.APPLAUSE=t.LOL=t.LOVE=void 0;var i,a=r(2),s=n(a),u=r(112),c=n(u);t.keyToLabel=o;var l=t.LOVE="Love",f=t.LOL="LOL",d=t.APPLAUSE="Applause",p=t.GOTIT="Got It!",h=t.OMD="OMD",y=t.SAD="Sad",v=t.FUNNY="Funny",m=t.WOW="Wow",b=t.CLAP="Clap",E=(t.NO_REACTION="No Content",t.SPRITE_TOTAL_SLIDES=10,t.SPRITE_SLIDE_INCREMENT_INTERVAL=100),_=(t.SPRITE_SLIDE_DECREMENT_INTERVAL=E/2,t.SPRITE_SLIDE_NUMBER_DEFAULT=0,t.SPRITE_EFFECT_DELAY=300,t.SPRITE_REVERSE_EFFECT_DELAY=1e3,t.ENTER_KEY=13,t.SPACE_KEY=32,t.CBEEBIES_LABELS=[l,v,b,p,m,y]),g=t.CBBC_LABELS=[l,f,d,p,h,y],T=t.LABEL_TO_KEY=(i={},(0,c.default)(i,d,"applause"),(0,c.default)(i,b,"applause"),(0,c.default)(i,v,"lol"),(0,c.default)(i,p,"inspired"),(0,c.default)(i,l,"loved"),(0,c.default)(i,f,"lol"),(0,c.default)(i,h,"omd"),(0,c.default)(i,y,"sad"),(0,c.default)(i,m,"omd"),i);t.KEY_TO_UAS_CONTEXT={applause:"emotion-inspired",lol:"emotion-funny",inspired:"emotion-inspired",loved:"emotion-positive",omd:"emotion-shocked",sad:"emotion-sad"}},function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i,a=r(112),s=o(a),u=r(95),c=o(u),l=r(114),f=r(113),d=n(f),p=function(){return c.default.createElement("svg",{ "data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72"},c.default.createElement("path",{d:"M33.34 6.12A30 30 0 1 1 6.12 38.66 30 30 0 0 1 33.34 6.12",fill:"#ffd201"}),c.default.createElement("path",{d:"M55.14 37.21a19.14 19.14 0 1 1-38.29-.16",fill:"#2b2b2b"}),c.default.createElement("path",{d:"M25.56 53.17a11.22 11.22 0 0 1 20.75.07",fill:"#a75916"}),c.default.createElement("path",{d:"M35.95 46.29a11.24 11.24 0 0 0-10.41 6.91 19.23 19.23 0 0 0 10.36 3.11 18.78 18.78 0 0 0 10.39-3 11.1 11.1 0 0 0-10.34-7",fill:"#e63f23"}),c.default.createElement("path",{d:"M21.36 20.41l10.76 3.91a1.27 1.27 0 0 1 0 2.4l-10.75 3.81a1 1 0 0 1-.69-1.78l7.7-3.25-7.69-3.39a.92.92 0 0 1 .68-1.7M51.32 22.11l-7.7 3.38 7.71 3.25a1 1 0 0 1-.69 1.78l-10.74-3.8a1.27 1.27 0 0 1 0-2.4l10.76-3.91a.92.92 0 0 1 .68 1.7",fill:"#2b2b2b"}))},h=function(){return c.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72"},c.default.createElement("circle",{cx:"35.91",cy:"35.72",r:"30",fill:"#ffd201"}),c.default.createElement("ellipse",{cx:"25.73",cy:"29.22",rx:"3.85",ry:"4.98",fill:"#2b2b2b"}),c.default.createElement("ellipse",{cx:"46.27",cy:"29.22",rx:"3.85",ry:"4.98",fill:"#2b2b2b"}),c.default.createElement("path",{d:"M13.57 26.32v-.1c0-.37.06-.73.11-1.1s.17-.72.27-1.08.26-.71.41-1a10.55 10.55 0 0 1 .54-1 9.46 9.46 0 0 1 .65-.93 9.27 9.27 0 0 1 .75-.86 9.86 9.86 0 0 1 .84-.77A11.39 11.39 0 0 1 19 18.14a9.62 9.62 0 0 1 1-.49 9 9 0 0 1 1.06-.38 11.43 11.43 0 0 1 2.19-.45c.37 0 .74-.07 1.11-.07s.74 0 1.11.05.73.1 1.09.18c-.35.14-.69.25-1 .35l-1 .35c-.33.1-.66.24-1 .36s-.64.26-1 .39-.62.28-.93.42-.6.3-.9.45-.58.32-.87.49a9.58 9.58 0 0 0-.84.53 9.62 9.62 0 0 0-.81.57c-.28.18-.51.41-.77.62s-.48.45-.74.66-.46.48-.7.71-.44.51-.67.76-.42.54-.63.81-.39.57-.6.86-.37.6-.59.91zM58.27 26.32v-.1c-.21-.31-.4-.61-.59-.91s-.4-.58-.6-.86-.41-.55-.63-.81-.43-.52-.67-.76-.45-.49-.7-.71-.47-.47-.74-.66-.5-.43-.77-.62a9.61 9.61 0 0 0-.81-.57 9.58 9.58 0 0 0-.84-.53c-.28-.17-.57-.34-.87-.49s-.59-.32-.9-.45-.61-.3-.93-.42-.63-.28-1-.39-.64-.26-1-.36l-1-.35c-.34-.11-.69-.22-1-.35.36-.08.72-.13 1.09-.18s.73 0 1.11-.05.74 0 1.11.07a11.43 11.43 0 0 1 2.19.45 9 9 0 0 1 1.06.38 9.62 9.62 0 0 1 1 .49 11.39 11.39 0 0 1 1.89 1.27 9.86 9.86 0 0 1 .84.77 9.28 9.28 0 0 1 .75.86A9.45 9.45 0 0 1 57 22a10.54 10.54 0 0 1 .54 1c.16.34.28.7.41 1s.19.73.27 1.08.09.74.11 1.1z",fill:"#9f8214"}),c.default.createElement("path",{d:"M35.55 56.89a14.47 14.47 0 0 1-14.42-14.53 29 29 0 0 1 14.54-4.26h.66a29 29 0 0 1 14.54 4.26 14.47 14.47 0 0 1-14.42 14.53z",fill:"#2b2b2b"}),c.default.createElement("path",{d:"M28.43 55a14.31 14.31 0 0 0 7.11 2h.91a14.31 14.31 0 0 0 7.11-2A9 9 0 0 0 36 51.41 9 9 0 0 0 28.43 55z",fill:"#e63f23"}))};t.default=(i={},(0,s.default)(i,l.LOVE,d[l.LOVE]),(0,s.default)(i,l.FUNNY,p),(0,s.default)(i,l.CLAP,d[l.APPLAUSE]),(0,s.default)(i,l.GOTIT,d[l.GOTIT]),(0,s.default)(i,l.WOW,h),(0,s.default)(i,l.SAD,d[l.SAD]),i),e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(117),i=n(o),a=function(){},s=function(e){return"childrens-reactions-"+e},u=function(e){return"reactions-"+s(e)};t.default={localStorageHelper:i.default,readOnlyLocalStorageHelper:{getItem:i.default.getItem,setItem:a,removeItem:a},getUniqueId:s,getLocalStorageKey:u},e.exports=t.default},function(e,t){e.exports=Morph.modules["bbc-morph-local-storage-helper@1.0.1"]},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a=r(114),s=r(113),u=n(s),c=function(){var e=u.default[a.SAD];return i.default.createElement("div",{className:"reactions-cookie-warning"},i.default.createElement("div",{className:"reactions-cookie-warning__inner"},i.default.createElement("div",{className:"reactions-cookie-warning__icon"},i.default.createElement(e,null)),i.default.createElement("div",{className:"reactions-cookie-warning__text"},i.default.createElement("span",null,"To make your reaction count, you鈥檒l need to ask your parent/guardian to enable cookies. See our "),i.default.createElement("a",{className:"reactions-cookie-warning__link",href:"/usingthebbc/cookies/"},"cookies policy"),i.default.createElement("span",null," for more information"))))};c.displayName="CookieWarning",c.propTypes={},t.default=c,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(120),i=n(o),a=r(123),s=n(a),u=r(43),c=n(u),l=r(80),f=n(l),d=r(81),p=n(d),h=r(82),y=n(h),v=r(86),m=n(v),b=r(95),E=n(b),_=r(101),g=n(_),T=r(109),S=n(T),P=r(103),w=n(P),R=r(118),x=n(R),O=r(146),A=n(O),M=r(114),C=r(147),L=n(C),I=r(148),k=r(116),N=r(153),j=n(N),B=function(){return E.default.createElement("noscript",null)};B.displayName="NoopComponent";var U=function(e){function t(e){(0,f.default)(this,t);var r=(0,p.default)(this,(t.__proto__||(0,c.default)(t)).call(this,e));return r.state={showReactions:!1,hasCtaBeenClicked:!1,SpriteTagName:B,startSpriteAnimation:!1,endSpriteAnimation:!1,selectedReaction:null,prevSelectedReaction:null,currentCounts:e.reactionsCounts,hasReactionButtonPressStarted:!1,errorMessage:!1,endSlideNumber:M.SPRITE_SLIDE_NUMBER_DEFAULT,windowDimensions:{width:0,height:0}},r.renderElement=null,r.moduleElement=null,r.ctaClickHandler=r.ctaClickHandler.bind(r),r.reactionButtonPressStartHandler=r.reactionButtonPressStartHandler.bind(r),r.reactionButtonPressEndHandler=r.reactionButtonPressEndHandler.bind(r),r.updateSelectedReaction=r.updateSelectedReaction.bind(r),r.updateWindowDimensions=r.updateWindowDimensions.bind(r),r.handleChange=r.handleChange.bind(r),r}return(0,m.default)(t,e),(0,y.default)(t,null,[{key:"calculateReactionCounts",value:function(e,r,n){return n.map(function(n){return t.calculateCountForReaction(n.label,n.count,r,e)})}},{key:"calculateCountForReaction",value:function(e,t,r,n){var o=Math.max(t+(r===e?1:0)+(n===e?-1:0),0);return{label:e,count:o}}},{key:"calculateCountsTotal",value:function(e,t,r){return Math.max(r+(e&&!t?1:0)+(!e&&t?-1:0),0)}}]),(0,y.default)(t,[{key:"componentDidMount",value:function(){this.moduleElement=this.renderElement,this.updateWindowDimensions(),window.addEventListener("resize",this.updateWindowDimensions),this.props.spriteService.fetchSprites()}},{key:"componentWillReceiveProps",value:function(e){if(e.uasSelectedReaction){var t=e.uasSelectedReaction===M.NO_REACTION?null:e.uasSelectedReaction;this.setState({selectedReaction:t,initialSelectedReaction:t})}}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.updateWindowDimensions)}},{key:"getAnimationPosition",value:function(){var e={x:0,y:0},t=this.state.selectedReaction?this.state.selectedReaction:this.state.prevSelectedReaction,r=M.LABEL_TO_KEY[t];if(r&&this.moduleElement){var n=this.moduleElement.querySelector(".reaction-icon-"+r);if(n){var o=n.getBoundingClientRect(),i=this.moduleElement.getBoundingClientRect();e.x=o.left+Math.floor(o.width/2),e.y=i.top}}return e}},{key:"handleError",value:function(e,r){var n=(0,I.getStandardisedErrorType)(e);this.props.istatsService.logError(n);var o=t.calculateReactionCounts(this.state.initialSelectedReaction,r,this.props.reactionsCounts);this.setState({errorMessage:n,selectedReaction:r,currentCounts:o})}},{key:"handleChange",value:function(e){this.setState({endSlideNumber:e})}},{key:"updateWindowDimensions",value:function(){this.setState({width:window.innerWidth,height:window.innerHeight})}},{key:"isWindowLandscape",value:function(){return this.state.width>this.state.height}},{key:"ctaClickHandler",value:function(){var e=this;this.setState(function(t){var r={showReactions:!t.showReactions,hasCtaBeenClicked:!0},n=t.showReactions?j.default.CtaClose:j.default.CtaOpen;return e.props.istatsService.logCtaEvent(n),r})}},{key:"reactionButtonPressStartHandler",value:function(e){var r=this.isWindowLandscape();this.setState(function(n,o){var i={};if(!n.hasReactionButtonPressStarted&&!n.shouldThrottleEventHandling){var a=t.calculateReactionCounts(n.initialSelectedReaction,e,o.reactionsCounts),s=n.selectedReaction,u=s!==e;i={currentCounts:a,prevSelectedReaction:s,hasReactionButtonPressStarted:!0,startSpriteAnimation:u,endSpriteAnimation:!1,SpriteTagName:o.spriteService.getSprite(e,r),selectedReaction:e,errorMessage:!1}}return i})}},{key:"reactionButtonPressEndHandler",value:function(e){var r=this,n=!this.state.shouldThrottleEventHandling,o=!1;e===this.state.selectedReaction&&this.setState(function(e,n){var i={};if(e.hasReactionButtonPressStarted){var a=e.errorMessage||e.selectedReaction!==e.prevSelectedReaction,s=a?e.selectedReaction:null,u=t.calculateReactionCounts(e.initialSelectedReaction,s,n.reactionsCounts);i={startSpriteAnimation:!1,endSpriteAnimation:!0,selectedReaction:s,currentCounts:u,hasReactionButtonPressStarted:!1,shouldThrottleEventHandling:!0},setTimeout(function(){return r.setState({shouldThrottleEventHandling:!1})},500),o=!0}return i},function(){if(o&&n){var e=r.state.selectedReaction,t=r.state.prevSelectedReaction;r.recordOrDeleteReaction(e,t)}})}},{key:"recordOrDeleteReaction",value:function(e,t){e?this.recordReaction(e,t):this.deleteReaction(t)}},{key:"recordReaction",value:function(){function e(e,r){return t.apply(this,arguments)}var t=(0,s.default)(i.default.mark(function e(t,r){var n,o,a,s,u,c,l,f,d,p,h=this;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return n=this.props.countingServiceClientLibrary.postToUAS,o=M.LABEL_TO_KEY[t],a=(0,k.getLocalStorageKey)(this.props.urn),e.prev=3,e.next=6,this.props.uasConfigService.configureUAS({clickedReaction:o,urn:this.props.urn,resourceTitle:this.props.resourceTitle,resourceType:this.props.resourceType,url:this.props.url,product:this.props.product,env:this.props.env,signedInState:this.props.isSignedIn,isIdAvailable:this.props.isIdAvailable,idctaService:this.props.idctaService,error:this.props.error,endSlideNumber:this.state.endSlideNumber});case 6:s=e.sent,u=s.UASdata,c=s.apiKey,l=s.env,f=s.domain,d=s.isSignedIn,p=r?M.LABEL_TO_KEY[r]:null,n("reactions",u,c,l,f,d,p).then(function(e){if(!e.ok)throw new Error(I.ErrorTypes.UAS_FAILURE);k.localStorageHelper.setItem(a,o),h.props.istatsService.logSelection(o,h.state.endSlideNumber,p,h.props.pageContext)}).catch(function(e){h.handleError(e,h.state.prevSelectedReaction)}),e.next=19;break;case 16:e.prev=16,e.t0=e.catch(3),this.handleError(e.t0,this.state.prevSelectedReaction);case 19:case"end":return e.stop()}},e,this,[[3,16]])}));return e}()},{key:"deleteReaction",value:function(){function e(e){return t.apply(this,arguments)}var t=(0,s.default)(i.default.mark(function e(t){var r,n,o,a,s,u,c,l,f,d=this;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return r=this.props.countingServiceClientLibrary.deleteFromUAS,n=this.props.globalId,o=M.LABEL_TO_KEY[t],a=(0,k.getLocalStorageKey)(this.props.urn),e.prev=4,e.next=7,this.props.uasConfigService.configureUAS({clickedReaction:M.LABEL_TO_KEY[t],urn:this.props.urn,resourceTitle:this.props.resourceTitle,resourceType:this.props.resourceType,url:this.props.url,product:this.props.product,env:this.props.env,signedInState:this.props.isSignedIn,isIdAvailable:this.props.isIdAvailable,idctaService:this.props.idctaService,error:this.props.error});case 7:s=e.sent,u=s.apiKey,c=s.env,l=s.domain,f=s.isSignedIn,r("reactions",u,c,l,n,f,o).then(function(e){if(!e.ok)throw new Error(I.ErrorTypes.UAS_FAILURE);k.localStorageHelper.removeItem(a),d.props.istatsService.logDeselection(o,d.props.pageContext)}).catch(function(e){d.handleError(e,d.state.prevSelectedReaction)}),e.next=18;break;case 15:e.prev=15,e.t0=e.catch(4),this.handleError(e.t0,this.state.prevSelectedReaction);case 18:case"end":return e.stop()}},e,this,[[4,15]])}));return e}()},{key:"updateSelectedReaction",value:function(e){this.props.uasSelectedReaction||this.state.errorMessage||this.props.error||this.setState({selectedReaction:e,initialSelectedReaction:e})}},{key:"render",value:function(){var e=this,r=(0,g.default)("reactions-module",{"landscape-animation":this.isWindowLandscape()}),n=t.calculateCountsTotal(this.state.selectedReaction,this.state.initialSelectedReaction,this.props.reactionsCountTotal);return E.default.createElement("div",{ref:function(t){e.renderElement=t},className:r},E.default.createElement(A.default,{showAnimation:this.state.startSpriteAnimation,endAnimation:this.state.endSpriteAnimation,onSlideNumberChange:this.handleChange,animationPosition:this.getAnimationPosition()},E.default.createElement(this.state.SpriteTagName,null)),E.default.createElement(S.default,{showReactions:this.state.showReactions,product:this.props.product,reactionButtonPressStart:this.reactionButtonPressStartHandler,reactionButtonPressEnd:this.reactionButtonPressEndHandler,reactionsCounts:this.state.currentCounts,selectedReaction:this.state.selectedReaction,urn:this.props.urn,updateSelectedReaction:this.updateSelectedReaction,isAnimationPlaying:this.state.startSpriteAnimation,isOpen:this.state.showReactions}),this.props.showCookieBanner&&this.state.showReactions&&E.default.createElement(x.default,null),this.state.errorMessage&&this.state.showReactions&&E.default.createElement(L.default,{errorType:this.state.errorMessage}),E.default.createElement(w.default,{onClick:this.ctaClickHandler,isOpen:this.state.showReactions,count:n,product:this.props.product,hasBeenClicked:this.state.hasCtaBeenClicked}))}}]),t}(b.Component);U.displayName="ReactionsModule",U.propTypes={product:b.PropTypes.string.isRequired,showCookieBanner:b.PropTypes.bool.isRequired,error:b.PropTypes.oneOfType([b.PropTypes.shape({Error:b.PropTypes.string}),b.PropTypes.bool]),reactionsCounts:b.PropTypes.arrayOf(b.PropTypes.object).isRequired,reactionsCountTotal:b.PropTypes.number.isRequired,countingServiceClientLibrary:b.PropTypes.shape({postToUAS:b.PropTypes.func.isRequired,deleteFromUAS:b.PropTypes.func.isRequired}).isRequired,urn:b.PropTypes.oneOfType([b.PropTypes.string,b.PropTypes.bool]),globalId:b.PropTypes.string.isRequired,env:b.PropTypes.string.isRequired,isSignedIn:b.PropTypes.bool.isRequired,isIdAvailable:b.PropTypes.bool.isRequired,uasSelectedReaction:b.PropTypes.string,resourceTitle:b.PropTypes.string.isRequired,resourceType:b.PropTypes.string.isRequired,url:b.PropTypes.string.isRequired,idctaService:b.PropTypes.shape({refreshToken:b.PropTypes.func,isCurrentUserSignedIn:b.PropTypes.func}).isRequired,uasConfigService:b.PropTypes.shape({configureUAS:b.PropTypes.func,getMyReaction:b.PropTypes.func}).isRequired,istatsService:b.PropTypes.shape({logSelection:b.PropTypes.func,logDeselection:b.PropTypes.func,logCtaEvent:b.PropTypes.func,logError:b.PropTypes.func}).isRequired,spriteService:b.PropTypes.shape({fetchSprites:b.PropTypes.func,getSprite:b.PropTypes.func}).isRequired,pageContext:b.PropTypes.oneOfType([b.PropTypes.string,b.PropTypes.bool])},U.defaultProps={showCookieBanner:!1,error:!1,reactionsData:{},urn:!1,isSignedIn:!1,isIdAvailable:!1,uasSelectedReaction:null,resourceTitle:"resourceTitle",url:"url",pageContext:!1},t.default=U,e.exports=t.default},function(e,t,r){e.exports=r(121)},function(e,t,r){var n=function(){return this}()||Function("return this")(),o=n.regeneratorRuntime&&Object.getOwnPropertyNames(n).indexOf("regeneratorRuntime")>=0,i=o&&n.regeneratorRuntime;if(n.regeneratorRuntime=void 0,e.exports=r(122),o)n.regeneratorRuntime=i;else try{delete n.regeneratorRuntime}catch(e){n.regeneratorRuntime=void 0}},function(e,t){!function(t){"use strict";function r(e,t,r,n){var i=t&&t.prototype instanceof o?t:o,a=Object.create(i.prototype),s=new p(n||[]);return a._invoke=c(e,r,s),a}function n(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}function o(){}function i(){}function a(){}function s(e){["next","throw","return"].forEach(function(t){e[t]=function(e){return this._invoke(t,e)}})}function u(e){function t(r,o,i,a){var s=n(e[r],e,o);if("throw"!==s.type){var u=s.arg,c=u.value;return c&&"object"==typeof c&&b.call(c,"__await")?Promise.resolve(c.__await).then(function(e){t("next",e,i,a)},function(e){t("throw",e,i,a)}):Promise.resolve(c).then(function(e){u.value=e,i(u)},a)}a(s.arg)}function r(e,r){function n(){return new Promise(function(n,o){t(e,r,n,o)})}return o=o?o.then(n,n):n()}var o;this._invoke=r}function c(e,t,r){var o=w;return function(i,a){if(o===x)throw new Error("Generator is already running");if(o===O){if("throw"===i)throw a;return y()}for(r.method=i,r.arg=a;;){var s=r.delegate;if(s){var u=l(s,r);if(u){if(u===A)continue;return u}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(o===w)throw o=O,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);o=x;var c=n(e,t,r);if("normal"===c.type){if(o=r.done?O:R,c.arg===A)continue;return{value:c.arg,done:r.done}}"throw"===c.type&&(o=O,r.method="throw",r.arg=c.arg)}}}function l(e,t){var r=e.iterator[t.method];if(r===v){if(t.delegate=null,"throw"===t.method){if(e.iterator.return&&(t.method="return",t.arg=v,l(e,t),"throw"===t.method))return A;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return A}var o=n(r,e.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,A;var i=o.arg;return i?i.done?(t[e.resultName]=i.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=v),t.delegate=null,A):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,A)}function f(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function d(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function p(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(f,this),this.reset(!0)}function h(e){if(e){var t=e[_];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,n=function t(){for(;++r<e.length;)if(b.call(e,r))return t.value=e[r],t.done=!1,t;return t.value=v,t.done=!0,t};return n.next=n}}return{next:y}}function y(){return{value:v,done:!0}}var v,m=Object.prototype,b=m.hasOwnProperty,E="function"==typeof Symbol?Symbol:{},_=E.iterator||"@@iterator",g=E.asyncIterator||"@@asyncIterator",T=E.toStringTag||"@@toStringTag",S="object"==typeof e,P=t.regeneratorRuntime;if(P)return void(S&&(e.exports=P));P=t.regeneratorRuntime=S?e.exports:{},P.wrap=r;var w="suspendedStart",R="suspendedYield",x="executing",O="completed",A={},M={};M[_]=function(){return this};var C=Object.getPrototypeOf,L=C&&C(C(h([])));L&&L!==m&&b.call(L,_)&&(M=L);var I=a.prototype=o.prototype=Object.create(M);i.prototype=I.constructor=a,a.constructor=i,a[T]=i.displayName="GeneratorFunction",P.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===i||"GeneratorFunction"===(t.displayName||t.name))},P.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,a):(e.__proto__=a,T in e||(e[T]="GeneratorFunction")),e.prototype=Object.create(I),e},P.awrap=function(e){return{__await:e}},s(u.prototype),u.prototype[g]=function(){return this},P.AsyncIterator=u,P.async=function(e,t,n,o){var i=new u(r(e,t,n,o));return P.isGeneratorFunction(t)?i:i.next().then(function(e){return e.done?e.value:i.next()})},s(I),I[T]="Generator",I[_]=function(){return this},I.toString=function(){return"[object Generator]"},P.keys=function(e){var t=[];for(var r in e)t.push(r);return t.reverse(),function r(){for(;t.length;){var n=t.pop();if(n in e)return r.value=n,r.done=!1,r}return r.done=!0,r}},P.values=h,p.prototype={constructor:p,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=v,this.done=!1,this.delegate=null,this.method="next",this.arg=v,this.tryEntries.forEach(d),!e)for(var t in this)"t"===t.charAt(0)&&b.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=v)},stop:function(){this.done=!0;var e=this.tryEntries[0],t=e.completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(e){function t(t,n){return i.type="throw",i.arg=e,r.next=t,n&&(r.method="next",r.arg=v),!!n}if(this.done)throw e;for(var r=this,n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n],i=o.completion;if("root"===o.tryLoc)return t("end");if(o.tryLoc<=this.prev){var a=b.call(o,"catchLoc"),s=b.call(o,"finallyLoc");if(a&&s){if(this.prev<o.catchLoc)return t(o.catchLoc,!0);if(this.prev<o.finallyLoc)return t(o.finallyLoc)}else if(a){if(this.prev<o.catchLoc)return t(o.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return t(o.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&b.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,A):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),A},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),d(r),A}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;d(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,r){return this.delegate={iterator:h(e),resultName:t,nextLoc:r},"next"===this.method&&(this.arg=v),A}}}(function(){return this}()||Function("return this")())},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var o=r(124),i=n(o);t.default=function(e){return function(){var t=e.apply(this,arguments);return new i.default(function(e,r){function n(o,a){try{var s=t[o](a),u=s.value}catch(e){return void r(e)}return s.done?void e(u):i.default.resolve(u).then(function(e){n("next",e)},function(e){n("throw",e)})}return n("next")})}}},function(e,t,r){e.exports={default:r(125),__esModule:!0}},function(e,t,r){r(77),r(51),r(62),r(126),r(144),r(145),e.exports=r(8).Promise},function(e,t,r){"use strict";var n,o,i,a,s=r(35),u=r(7),c=r(9),l=r(127),f=r(6),d=r(14),p=r(10),h=r(128),y=r(129),v=r(133),m=r(134).set,b=r(136)(),E=r(137),_=r(138),g=r(139),T=r(140),S="Promise",P=u.TypeError,w=u.process,R=w&&w.versions,x=R&&R.v8||"",O=u[S],A="process"==l(w),M=function(){},C=o=E.f,L=!!function(){try{var e=O.resolve(1),t=(e.constructor={})[r(61)("species")]=function(e){e(M,M)};return(A||"function"==typeof PromiseRejectionEvent)&&e.then(M)instanceof t&&0!==x.indexOf("6.6")&&g.indexOf("Chrome/66")===-1}catch(e){}}(),I=function(e){var t;return!(!d(e)||"function"!=typeof(t=e.then))&&t},k=function(e,t){if(!e._n){e._n=!0;var r=e._c;b(function(){for(var n=e._v,o=1==e._s,i=0,a=function(t){var r,i,a,s=o?t.ok:t.fail,u=t.resolve,c=t.reject,l=t.domain;try{s?(o||(2==e._h&&B(e),e._h=1),s===!0?r=n:(l&&l.enter(),r=s(n),l&&(l.exit(),a=!0)),r===t.promise?c(P("Promise-chain cycle")):(i=I(r))?i.call(r,u,c):u(r)):c(n)}catch(e){l&&!a&&l.exit(),c(e)}};r.length>i;)a(r[i++]);e._c=[],e._n=!1,t&&!e._h&&N(e)})}},N=function(e){m.call(u,function(){var t,r,n,o=e._v,i=j(e);if(i&&(t=_(function(){A?w.emit("unhandledRejection",o,e):(r=u.onunhandledrejection)?r({promise:e,reason:o}):(n=u.console)&&n.error&&n.error("Unhandled promise rejection",o)}),e._h=A||j(e)?2:1),e._a=void 0,i&&t.e)throw t.v})},j=function(e){return 1!==e._h&&0===(e._a||e._c).length},B=function(e){m.call(u,function(){var t;A?w.emit("rejectionHandled",e):(t=u.onrejectionhandled)&&t({promise:e,reason:e._v})})},U=function(e){var t=this;t._d||(t._d=!0,t=t._w||t,t._v=e,t._s=2,t._a||(t._a=t._c.slice()),k(t,!0))},D=function(e){var t,r=this;if(!r._d){r._d=!0,r=r._w||r;try{if(r===e)throw P("Promise can't be resolved itself");(t=I(e))?b(function(){var n={_w:r,_d:!1};try{t.call(e,c(D,n,1),c(U,n,1))}catch(e){U.call(n,e)}}):(r._v=e,r._s=1,k(r,!1))}catch(e){U.call({_w:r,_d:!1},e)}}};L||(O=function(e){h(this,O,S,"_h"),p(e),n.call(this);try{e(c(D,this,1),c(U,this,1))}catch(e){U.call(this,e)}},n=function(e){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1},n.prototype=r(141)(O.prototype,{then:function(e,t){var r=C(v(this,O));return r.ok="function"!=typeof e||e,r.fail="function"==typeof t&&t,r.domain=A?w.domain:void 0,this._c.push(r),this._a&&this._a.push(r),this._s&&k(this,!1),r.promise},catch:function(e){return this.then(void 0,e)}}),i=function(){var e=new n;this.promise=e,this.resolve=c(D,e,1),this.reject=c(U,e,1)},E.f=C=function(e){return e===O||e===a?new i(e):o(e)}),f(f.G+f.W+f.F*!L,{Promise:O}),r(60)(O,S),r(142)(S),a=r(8)[S],f(f.S+f.F*!L,S,{reject:function(e){var t=C(this),r=t.reject;return r(e),t.promise}}),f(f.S+f.F*(s||!L),S,{resolve:function(e){return T(s&&this===a?O:this,e)}}),f(f.S+f.F*!(L&&r(143)(function(e){O.all(e).catch(M)})),S,{all:function(e){var t=this,r=C(t),n=r.resolve,o=r.reject,i=_(function(){var r=[],i=0,a=1;y(e,!1,function(e){var s=i++,u=!1;r.push(void 0),a++,t.resolve(e).then(function(e){u||(u=!0,r[s]=e,--a||n(r))},o)}),--a||n(r)});return i.e&&o(i.v),r.promise},race:function(e){var t=this,r=C(t),n=r.reject,o=_(function(){y(e,!1,function(e){t.resolve(e).then(r.resolve,n)})});return o.e&&n(o.v),r.promise}})},function(e,t,r){var n=r(27),o=r(61)("toStringTag"),i="Arguments"==n(function(){return arguments}()),a=function(e,t){try{return e[t]}catch(e){}};e.exports=function(e){var t,r,s;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(r=a(t=Object(e),o))?r:i?n(t):"Object"==(s=n(t))&&"function"==typeof t.callee?"Arguments":s}},function(e,t){e.exports=function(e,t,r,n){if(!(e instanceof t)||void 0!==n&&n in e)throw TypeError(r+": incorrect invocation!");return e}},function(e,t,r){var n=r(9),o=r(130),i=r(131),a=r(13),s=r(30),u=r(132),c={},l={},t=e.exports=function(e,t,r,f,d){var p,h,y,v,m=d?function(){return e}:u(e),b=n(r,f,t?2:1),E=0;if("function"!=typeof m)throw TypeError(e+" is not iterable!");if(i(m)){for(p=s(e.length);p>E;E++)if(v=t?b(a(h=e[E])[0],h[1]):b(e[E]),v===c||v===l)return v}else for(y=m.call(e);!(h=y.next()).done;)if(v=o(y,b,h.value,t),v===c||v===l)return v};t.BREAK=c,t.RETURN=l},function(e,t,r){var n=r(13);e.exports=function(e,t,r,o){try{return o?t(n(r)[0],r[1]):t(r)}catch(t){var i=e.return;throw void 0!==i&&n(i.call(e)),t}}},function(e,t,r){var n=r(55),o=r(61)("iterator"),i=Array.prototype;e.exports=function(e){return void 0!==e&&(n.Array===e||i[o]===e)}},function(e,t,r){var n=r(127),o=r(61)("iterator"),i=r(55);e.exports=r(8).getIteratorMethod=function(e){if(void 0!=e)return e[o]||e["@@iterator"]||i[n(e)]}},function(e,t,r){var n=r(13),o=r(10),i=r(61)("species");e.exports=function(e,t){var r,a=n(e).constructor;return void 0===a||void 0==(r=n(a)[i])?t:o(r)}},function(e,t,r){var n,o,i,a=r(9),s=r(135),u=r(59),c=r(18),l=r(7),f=l.process,d=l.setImmediate,p=l.clearImmediate,h=l.MessageChannel,y=l.Dispatch,v=0,m={},b="onreadystatechange",E=function(){var e=+this;if(m.hasOwnProperty(e)){var t=m[e];delete m[e],t()}},_=function(e){E.call(e.data)};d&&p||(d=function(e){for(var t=[],r=1;arguments.length>r;)t.push(arguments[r++]);return m[++v]=function(){s("function"==typeof e?e:Function(e),t)},n(v),v},p=function(e){delete m[e]},"process"==r(27)(f)?n=function(e){f.nextTick(a(E,e,1))}:y&&y.now?n=function(e){y.now(a(E,e,1))}:h?(o=new h,i=o.port2,o.port1.onmessage=_,n=a(i.postMessage,i,1)):l.addEventListener&&"function"==typeof postMessage&&!l.importScripts?(n=function(e){l.postMessage(e+"","*")},l.addEventListener("message",_,!1)):n=b in c("script")?function(e){u.appendChild(c("script"))[b]=function(){u.removeChild(this),E.call(e)}}:function(e){setTimeout(a(E,e,1),0)}),e.exports={set:d,clear:p}},function(e,t){e.exports=function(e,t,r){var n=void 0===r;switch(t.length){case 0:return n?e():e.call(r);case 1:return n?e(t[0]):e.call(r,t[0]);case 2:return n?e(t[0],t[1]):e.call(r,t[0],t[1]);case 3:return n?e(t[0],t[1],t[2]):e.call(r,t[0],t[1],t[2]);case 4:return n?e(t[0],t[1],t[2],t[3]):e.call(r,t[0],t[1],t[2],t[3])}return e.apply(r,t)}},function(e,t,r){var n=r(7),o=r(134).set,i=n.MutationObserver||n.WebKitMutationObserver,a=n.process,s=n.Promise,u="process"==r(27)(a);e.exports=function(){var e,t,r,c=function(){var n,o;for(u&&(n=a.domain)&&n.exit();e;){o=e.fn,e=e.next;try{o()}catch(n){throw e?r():t=void 0,n}}t=void 0,n&&n.enter()};if(u)r=function(){a.nextTick(c)};else if(!i||n.navigator&&n.navigator.standalone)if(s&&s.resolve){var l=s.resolve(void 0);r=function(){l.then(c)}}else r=function(){o.call(n,c)};else{var f=!0,d=document.createTextNode("");new i(c).observe(d,{characterData:!0}),r=function(){d.data=f=!f}}return function(n){var o={fn:n,next:void 0};t&&(t.next=o),e||(e=o,r()),t=o}}},function(e,t,r){"use strict";function n(e){var t,r;this.promise=new e(function(e,n){if(void 0!==t||void 0!==r)throw TypeError("Bad Promise constructor");t=e,r=n}),this.resolve=o(t),this.reject=o(r)}var o=r(10);e.exports.f=function(e){return new n(e)}},function(e,t){e.exports=function(e){try{return{e:!1,v:e()}}catch(e){return{e:!0,v:e}}}},function(e,t,r){var n=r(7),o=n.navigator;e.exports=o&&o.userAgent||""},function(e,t,r){var n=r(13),o=r(14),i=r(137);e.exports=function(e,t){if(n(e),o(t)&&t.constructor===e)return t;var r=i.f(e),a=r.resolve;return a(t),r.promise}},function(e,t,r){var n=r(11);e.exports=function(e,t,r){for(var o in t)r&&e[o]?e[o]=t[o]:n(e,o,t[o]);return e}},function(e,t,r){"use strict";var n=r(7),o=r(8),i=r(12),a=r(16),s=r(61)("species");e.exports=function(e){var t="function"==typeof o[e]?o[e]:n[e];a&&t&&!t[s]&&i.f(t,s,{configurable:!0,get:function(){return this}})}},function(e,t,r){var n=r(61)("iterator"),o=!1;try{var i=[7][n]();i.return=function(){o=!0},Array.from(i,function(){throw 2})}catch(e){}e.exports=function(e,t){if(!t&&!o)return!1;var r=!1;try{var i=[7],a=i[n]();a.next=function(){return{done:r=!0}},i[n]=function(){return a},e(i)}catch(e){}return r}},function(e,t,r){"use strict";var n=r(6),o=r(8),i=r(7),a=r(133),s=r(140);n(n.P+n.R,"Promise",{finally:function(e){var t=a(this,o.Promise||i.Promise),r="function"==typeof e;return this.then(r?function(r){return s(t,e()).then(function(){return r})}:e,r?function(r){return s(t,e()).then(function(){throw r})}:e)}})},function(e,t,r){"use strict";var n=r(6),o=r(137),i=r(138);n(n.S,"Promise",{try:function(e){var t=o.f(this),r=i(e);return(r.e?t.reject:t.resolve)(r.v),t.promise}})},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(43),i=n(o),a=r(80),s=n(a),u=r(82),c=n(u),l=r(81),f=n(l),d=r(86),p=n(d),h=r(95),y=n(h),v=r(114),m=function(e){function t(e){(0,s.default)(this,t);var r=(0,f.default)(this,(t.__proto__||(0,i.default)(t)).call(this,e));return r.props=e,r.handleChange=r.handleChange.bind(r),r.state={slideNumber:v.SPRITE_SLIDE_NUMBER_DEFAULT},r}return(0,p.default)(t,e),(0,c.default)(t,[{key:"componentWillReceiveProps",value:function(e){var t=this;clearInterval(this.startAnimationInterval),clearTimeout(this.startAnimationTimeout);var r=this.props.showAnimation===!1&&e.showAnimation===!0,n=this.props.endAnimation===!1&&e.endAnimation===!0,o=this.props.children.type.displayName!==e.children.type.displayName;o&&this.setState({slideNumber:v.SPRITE_SLIDE_NUMBER_DEFAULT}),r?(this.setState({slideNumber:v.SPRITE_SLIDE_NUMBER_DEFAULT}),clearInterval(this.stopAnimationinterval),clearTimeout(this.stopAnimationTimeout),this.startAnimationTimeout=setTimeout(function(){t.startAnimationInterval=setInterval(t.incrementSlides.bind(t),v.SPRITE_SLIDE_INCREMENT_INTERVAL)},v.SPRITE_EFFECT_DELAY)):n&&(this.stopAnimationTimeout=setTimeout(function(){t.stopAnimationinterval=setInterval(t.decrementSlides.bind(t),v.SPRITE_SLIDE_DECREMENT_INTERVAL)},v.SPRITE_REVERSE_EFFECT_DELAY), this.handleChange(this.state.slideNumber))}},{key:"handleChange",value:function(e){this.props.onSlideNumberChange(e)}},{key:"decrementSlides",value:function(){this.state.slideNumber-1>=0?this.setState({slideNumber:this.state.slideNumber-1}):clearInterval(this.stopAnimationinterval)}},{key:"incrementSlides",value:function(){var e=Math.min(this.state.slideNumber+1,v.SPRITE_TOTAL_SLIDES);this.setState({slideNumber:e>v.SPRITE_TOTAL_SLIDES?v.SPRITE_TOTAL_SLIDES:e})}},{key:"render",value:function(){var e=this.props.animationPosition.x,t=this.props.animationPosition.y,r="reactions-sprite-animation-wrapper",n="reactions-sprite-animation reactions-sprite-animation__slide--"+this.state.slideNumber;return y.default.createElement("div",{className:r},y.default.createElement("div",{className:n,style:{left:e,top:t}},this.props.children))}}]),t}(h.Component);m.propTypes={showAnimation:h.PropTypes.bool.isRequired,children:h.PropTypes.element.isRequired,endAnimation:h.PropTypes.bool,onSlideNumberChange:h.PropTypes.func.isRequired,animationPosition:h.PropTypes.shape({x:h.PropTypes.number,y:h.PropTypes.number}).isRequired},m.defaultProps={endAnimation:!1},t.default=m,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(95),i=n(o),a=r(148),s=function(e){return i.default.createElement("div",{className:"reactions-error-message"},i.default.createElement("div",{className:"reactions-error-message__inner"},i.default.createElement("div",{role:"alert",className:"reactions-error-message__text"},(0,a.getMessageForError)(e.errorType))))};s.displayName="ErrorMessage",s.defaultProps={errorType:"ERR_MSG_OTHER"},s.propTypes={errorType:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.bool]).isRequired},t.default=s,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getMessageForError=t.getStandardisedErrorType=t.ErrorTypes=void 0;var o=r(149),i=n(o),a=t.ErrorTypes={UAS_FAILURE:"uasFailure",TOKEN_REFRESH_FAILURE:"tokenRefreshFailure",OTHER_ERROR:"otherError"};t.getStandardisedErrorType=function(e){var t=(0,i.default)(a).indexOf(e.message)>-1;return t?e.message:a.OTHER_ERROR},t.getMessageForError=function(e){switch(e){case a.UAS_FAILURE:return"Sorry, there was a problem recording your reaction. Please try again.";case a.TOKEN_REFRESH_FAILURE:return"Sorry, there was a problem. Please refresh the page and try again.";case a.OTHER_ERROR:default:return"Sorry, there was a problem. Please try again."}}},function(e,t,r){e.exports={default:r(150),__esModule:!0}},function(e,t,r){r(151),e.exports=r(8).Object.values},function(e,t,r){var n=r(6),o=r(152)(!1);n(n.S,"Object",{values:function(e){return o(e)}})},function(e,t,r){var n=r(16),o=r(23),i=r(25),a=r(39).f;e.exports=function(e){return function(t){for(var r,s=i(t),u=o(s),c=u.length,l=0,f=[];c>l;)r=u[l++],n&&!a.call(s,r)||f.push(e?[r,s[r]]:s[r]);return f}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r={CtaOpen:"cta_open",CtaClose:"cta_close"};t.default=r,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(120),i=n(o),a=r(123),s=n(a),u=r(43),c=n(u),l=r(80),f=n(l),d=r(81),p=n(d),h=r(82),y=n(h),v=r(86),m=n(v),b=r(95),E=n(b),_=r(155),g=n(_),T=r(119),S=n(T),P=r(156),w=n(P),R=r(157),x=n(R),O=r(158),A=n(O),M=r(159),C=n(M),L=r(161),I=n(L),k=r(162),N=n(k),j=r(163),B=n(j),U=r(164),D=n(U),F=r(148),q=r(114),z=function(e){function t(e){(0,f.default)(this,t);var r=(0,p.default)(this,(t.__proto__||(0,c.default)(t)).call(this,e));return r.props=e,r.state={isSignedIn:!1,error:!1,uasSelectedReaction:null},r}return(0,m.default)(t,e),(0,y.default)(t,null,[{key:"getCountingServiceClient",value:function(e,t,r){return t?g.default.getClient(r):e}},{key:"getIdctaService",value:function(e,t,r,n){return!t&&r?n?x.default:A.default:e}},{key:"getUasConfigService",value:function(e,t,r){return t?(0,I.default)(r):e}},{key:"getIstatsService",value:function(e,t){return t?B.default:e}}]),(0,y.default)(t,[{key:"componentDidMount",value:function(){function e(){return r.apply(this,arguments)}var r=(0,s.default)(i.default.mark(function e(){var r,n,o,a,s,u,c,l,f,d,p=this;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return r=t.getIdctaService(w.default,this.props.enableAcceptanceTestMode,this.props.enableStandaloneMode,this.props.error),e.next=3,r.isCurrentUserSignedIn(this.props.error).catch(function(){p.setState({error:new Error(F.ErrorTypes.TOKEN_REFRESH_FAILURE)})});case 3:if(n=e.sent,o="undefined"!=typeof n&&n,this.setState({isSignedIn:o}),!o){e.next=21;break}return a=this.props,s=a.resourceType,u=a.urn,c=a.env,l=a.product,e.next=10,w.default.refreshToken();case 10:return e.prev=10,e.next=13,C.default.getMyReaction(c,l,s,u,this.props.enableAcceptanceTestMode);case 13:f=e.sent,d=f===q.NO_REACTION?q.NO_REACTION:(0,q.keyToLabel)(f,l),this.setState({isSignedIn:o,error:!1,uasSelectedReaction:d}),e.next=21;break;case 18:e.prev=18,e.t0=e.catch(10),this.setState({isSignedIn:o,error:new Error(F.ErrorTypes.UAS_FAILURE)});case 21:case"end":return e.stop()}},e,this,[[10,18]])}));return e}()},{key:"render",value:function(){var e=this.props.enableStandaloneMode,r=this.props.error||this.state.error,n=t.getCountingServiceClient(this.props.countingServiceClientLibrary,e,r),o=E.default.createElement(S.default,{countingServiceClientLibrary:n,env:this.props.env,urn:this.props.urn,resourceTitle:this.props.resourceTitle,resourceType:this.props.resourceType,url:this.props.url,globalId:this.props.globalId,idctaService:t.getIdctaService(w.default,this.props.enableAcceptanceTestMode,e,r),isIdAvailable:this.props.isIdAvailable,isSignedIn:this.state.isSignedIn,product:this.props.product,reactionsCounts:this.props.reactionsCounts,reactionsCountTotal:this.props.reactionsCountTotal,error:r,uasSelectedReaction:this.state.uasSelectedReaction,uasConfigService:t.getUasConfigService(C.default,e,r),istatsService:t.getIstatsService(N.default,e),spriteService:D.default,pageContext:this.props.pageContext});return E.default.createElement("div",null,this.props.enableStandaloneMode?E.default.createElement("div",{className:"reactions__standalone"},E.default.createElement("div",{className:"content-item-description"},E.default.createElement("div",{className:"reactions-container"},o))):E.default.createElement("div",null,o))}}]),t}(b.Component);z.propTypes={enableStandaloneMode:b.PropTypes.bool.isRequired,countingServiceClientLibrary:b.PropTypes.shape({postToUAS:b.PropTypes.func.isRequired,deleteFromUAS:b.PropTypes.func.isRequired}).isRequired,error:b.PropTypes.oneOfType([b.PropTypes.shape({Error:b.PropTypes.string}),b.PropTypes.bool]),env:b.PropTypes.string.isRequired,urn:b.PropTypes.oneOfType([b.PropTypes.string,b.PropTypes.bool]).isRequired,resourceTitle:b.PropTypes.string.isRequired,resourceType:b.PropTypes.string.isRequired,url:b.PropTypes.string.isRequired,globalId:b.PropTypes.string.isRequired,isIdAvailable:b.PropTypes.bool.isRequired,product:b.PropTypes.string.isRequired,reactionsCounts:b.PropTypes.arrayOf(b.PropTypes.object).isRequired,reactionsCountTotal:b.PropTypes.number.isRequired,enableAcceptanceTestMode:b.PropTypes.bool,pageContext:b.PropTypes.oneOfType([b.PropTypes.string,b.PropTypes.bool])},z.defaultProps={error:!1,enableAcceptanceTestMode:!1,pageContext:!1},t.default=z,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(){return u.default.resolve({ok:!0})}function i(e){return function(){throw e}}function a(e){return e.message===c.ErrorTypes.UAS_FAILURE?i(e):o}Object.defineProperty(t,"__esModule",{value:!0});var s=r(124),u=n(s),c=r(148);t.default={getClient:function(e){return{postToUAS:a(e),deleteFromUAS:a(e)}}},e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(120),i=n(o),a=r(123),s=n(a),u=r(124),c=n(u),l=function(){return new c.default(function(e,t){requirejs(["idcta-v2/idcta-1"],e,t)})};t.default={refreshToken:function(){var e=this;return(0,s.default)(i.default.mark(function t(){var r;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,l();case 2:return r=e.sent,e.abrupt("return",r.initiateTokenRefresh());case 4:case"end":return e.stop()}},t,e)}))()},isCurrentUserSignedIn:function(){var e=this;return(0,s.default)(i.default.mark(function t(){var r;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,l();case 2:return r=e.sent,e.abrupt("return",r.hasCookie());case 4:case"end":return e.stop()}},t,e)}))()}},e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(120),i=n(o),a=r(124),s=n(a),u=r(123),c=n(u),l=r(148),f=r(158),d=n(f);t.default={refreshToken:function(e){if(e.message===l.ErrorTypes.TOKEN_REFRESH_FAILURE)throw e;return d.default.refreshToken()},isCurrentUserSignedIn:function(e){var t=this;return(0,c.default)(i.default.mark(function r(){return i.default.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(e.message!==l.ErrorTypes.TOKEN_REFRESH_FAILURE){t.next=2;break}return t.abrupt("return",s.default.reject(e));case 2:return t.abrupt("return",s.default.resolve(!0));case 3:case"end":return t.stop()}},r,t)}))()}},e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(120),i=n(o),a=r(123),s=n(a),u=r(124),c=n(u);t.default={refreshToken:function(){return c.default.resolve(!0)},isCurrentUserSignedIn:function(){var e=this;return(0,s.default)(i.default.mark(function t(){return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",c.default.resolve(!0));case 1:case"end":return e.stop()}},t,e)}))()}},e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(120),i=n(o),a=r(123),s=n(a),u=r(114),c=r(160),l=r(148),f=function(e){if(e&&"undefined"!=typeof e){if("live"===e)return"ocivkho3fups2";if("int"===e||"test"===e)return"8d6f5s2dqp0pc"}throw Error(l.ErrorTypes.API_KEY_ERROR)},d=function(){var e=window.document&&window.document.domain||"";return e.indexOf(".com")>-1?".com":".co.uk"},p=function(e){return u.KEY_TO_UAS_CONTEXT[e]},h=function(e){return"ownit"===e?"stay-safe":e},y=function(e,t,r){var n=r.replace("urn:bbc:","");return"urn:bbc:"+e+":"+t+":"+n},v=function(e,t,r,n,o){var i="live"===e?"":e+".",a=y(t,r,n);return o?"https://web.archive.org/web/20201003033657/http://localhost:3000/wiremock/session/"+Morph.contextId+"/uas/myreaction/"+a:"https://web.archive.org/web/20201003033657/https://activity."+i+"api."+c.bbcTldSuffix+"/my/reactions/"+a},m=function(){var e=(0,s.default)(i.default.mark(function e(t){var r;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(204!==t.status){e.next=2;break}return e.abrupt("return",u.NO_REACTION);case 2:return e.next=4,t.json();case 4:return r=e.sent,e.abrupt("return",r.action);case 6:case"end":return e.stop()}},e,void 0)}));return function(t){return e.apply(this,arguments)}}(),b=function(){var e=(0,s.default)(i.default.mark(function e(t){var r,n,o,a,s,u=t.clickedReaction,c=t.urn,y=t.resourceTitle,v=t.resourceType,m=t.url,b=t.product,E=t.env,_=t.signedInState,g=t.isIdAvailable,T=t.idctaService,S=t.error,P=t.endSlideNumber;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!_||!g){e.next=3;break}return e.next=3,T.refreshToken(S).catch(function(){throw new Error(l.ErrorTypes.TOKEN_REFRESH_FAILURE)});case 3:return r=void 0,P&&(r={reactLevel:u+"_"+P}),n={resourceDomain:h(b),resourceType:v,resourceId:c,resourceTitle:y,url:m,action:u,actionContext:p(u),metadata:r},o=f(E),a=d(),e.next=10,T.isCurrentUserSignedIn(S).catch(function(){throw new Error(l.ErrorTypes.TOKEN_REFRESH_FAILURE)});case 10:return s=e.sent,e.abrupt("return",{UASdata:n,apiKey:o,env:E,domain:a,isSignedIn:s});case 12:case"end":return e.stop()}},e,void 0)}));return function(t){return e.apply(this,arguments)}}(),E=function(){var e=(0,s.default)(i.default.mark(function e(t,r,n,o,a){var s,u;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return s=v(t,h(r),n,o,a),e.next=3,fetch(s,{credentials:"include",headers:{"x-api-key":f(t),Accept:"application/json"}});case 3:return u=e.sent,e.abrupt("return",m(u));case 5:case"end":return e.stop()}},e,void 0)}));return function(t,r,n,o,i){return e.apply(this,arguments)}}();t.default={configureUAS:b,getMyReaction:E},e.exports=t.default},function(e,t){"use strict";function r(){return"undefined"==typeof document?"":document.location.href}Object.defineProperty(t,"__esModule",{value:!0});var n="https://web.archive.org/web/20201003033657/http://localhost:3000",o=t.bbcTldSuffix=r().indexOf("bbc.com")!==-1?"bbc.com":"bbc.co.uk";t.getBBCDomain=function(e){switch(e){case"acc":return n;case"live":return"https://www."+o;default:return"https://www."+e+"."+o}}},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(124),i=n(o),a=function(e){return function(){throw e}},s=function(){return i.default.resolve(!0)},u=function(){},c=function(e){return e?a(e):s},l=function(e){return{configureUAS:c(e),getMyReaction:u}};t.default=l,e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(){return new c.default(function(e){requirejs(["istats-1"],function(t){e(t)})})}function i(e){o().then(function(t){t.log(d,f,(0,s.default)({},l,e))})}Object.defineProperty(t,"__esModule",{value:!0});var a=r(2),s=n(a),u=r(124),c=n(u),l={page_type:"content",children_interaction_type:"reactions"},f="web_button",d="click";t.default={logSelection:function(e,t,r,n){i({children_interaction_variant:e+"_"+t,children_interaction_location:n}),r&&this.logDeselection(r,n)},logDeselection:function(e,t){i({children_interaction_variant:e+"_deselect",children_interaction_location:t})},logCtaEvent:function(e){i({children_interaction_variant:""+e})},logError:function(e){i({children_interaction_variant:"error_"+e})}},e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(){return s.default.resolve(u)}function i(){o().then(function(e){e.log()})}Object.defineProperty(t,"__esModule",{value:!0});var a=r(124),s=n(a),u={log:function(){}};t.default={logSelection:function(e,t,r){i(),r&&this.logDeselection(r)},logDeselection:function(){i()},logCtaEvent:function(){i()},logError:function(){i()}},e.exports=t.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(){a.default&&a.default.selfTransitive&&a.default.selfTransitive("assets",function(e){s=e})}Object.defineProperty(t,"__esModule",{value:!0});var i=r(165),a=n(i),s={},u=function(e,t){return t?s.landscape[e]:s.portrait[e]};t.default={fetchSprites:o,getSprite:u},e.exports=t.default},function(e,t){e.exports={transitive:function(e,t){return Morph.requireTransitiveWithCaller("bbc-morph-childrens-reactions@1.4.7",e,t)},selfTransitive:function(e,t){return Morph.requireTransitiveWithCaller("bbc-morph-childrens-reactions@1.4.7",e,t,!0)},transitiveThenUpdate:function(e,t){return Morph.requireTransitiveWithCallerThenUpdate("bbc-morph-childrens-reactions@1.4.7",e,t)},selfTransitiveThenUpdate:function(e,t){return Morph.requireTransitiveWithCallerThenUpdate("bbc-morph-childrens-reactions@1.4.7",e,t,!0)}}}]);; });</script> <script>Morph.toInit.payloads.push(function() { Morph.setPayload('/data/bbc-morph-id-availability-data/version/1.0.0', {"meta":{"responseCode":200,"errorMessage":null,"headers":{"x-morph-privacy-level":"public","content-type":"application\/json"}},"body":{"isAvailable":true}}); });</script> <script>Morph.toInit.payloads.push(function() { Morph.setPayload('/data/bbc-morph-childrens-reactions-data/urn/urn%3Abbc%3Apips%3A%3Apid%3Ap06cqxwz/version/0.7.1', {"meta":{"responseCode":200,"errorMessage":null,"headers":{"x-morph-privacy-level":"public","content-type":"application\/json"}},"body":{"countsData":{"urn:bbc:pips::pid:p06cqxwz":{"lol":143,"loved":285,"sad":211,"applause":109,"inspired":87,"omd":139}},"countsTotals":{"urn:bbc:pips::pid:p06cqxwz":974},"env":"live"}}); });</script> <script>Morph.toInit.registers.push(function() { Morph.register({"view":"bbc-morph-childrens-reactions","product":"cbeebies","resourceType":"clip","urn":"urn:bbc:pips::pid:p06cqxwz","resourceTitle":"Turn+your+toy+into+Waffle","url":"https:\/\/web.archive.org\/web\/20201003033657\/https:\/\/www.bbc.co.uk\/cbeebies\/makes\/cbeebies-house-turn-your-toy-into-waffle","pageContext":"primary_content","version":"1.4.7","_mrrVersion":"2.0.18"},'u27214540904949724'); });</script> <script>Morph.init = function() { if (!Morph.initCalled) { Morph.markPerformance('morph-init'); Morph.initCalled = true; requirejs.config({ paths: { 'morph/react' : '//web.archive.org/web/20201003033657/https://m.files.bbci.co.uk/modules/vendor-react/1.0.0/react.min', 'morph/react-dom' : '//web.archive.org/web/20201003033657/https://m.files.bbci.co.uk/modules/vendor-react-dom/1.0.0/react-dom.min', 'morph/es5-shim' : '//web.archive.org/web/20201003033657/https://m.files.bbci.co.uk/modules/vendor-es5-shim/4.1.13/es5-shim.min', 'morph/es5-sham' : '//web.archive.org/web/20201003033657/https://m.files.bbci.co.uk/modules/vendor-es5-shim/4.1.13/es5-sham.min', 'morph/module/morph': '//web.archive.org/web/20201003033657/https://m.files.bbci.co.uk/modules/morph/5.3.1/bundle', 'live-push' : '//web.archive.org/web/20201003033657/https://m.files.bbci.co.uk/modules/morph-push-proxy-client/1.0.11/push-proxy' }, shim: { 'morph/react': { deps: ['morph/es5-shim', 'morph/es5-sham'] }, 'morph/es5-sham': { deps: ['morph/es5-shim'] } }, map: { 'morph/react-dom': { 'react': 'morph/react' } } }); } function attempt(fn) { fn(); } requirejs(['morph/react', 'morph/react-dom', 'morph/module/morph'], function(React, ReactDOM) { window.React = React; window.ReactDOM = ReactDOM; if (!Morph.toInitsCalled) { Morph.markPerformance('morph-init-core-deps-complete'); Morph.toInitsCalled = true; } Morph.toInit.bundles.forEach(attempt); Morph.toInit.bundles = []; Morph.markPerformance('morph-init-bundles-complete'); Morph.toInit.payloads.forEach(attempt); Morph.toInit.payloads = []; Morph.markPerformance('morph-init-payloads-complete'); Morph.toInit.registers.forEach(attempt); Morph.toInit.registers = []; Morph.markPerformance('morph-init-registers-complete'); }); };</script> <script>if (!Morph.manualInit) { Morph.init(); } /* u27214540904949724 */</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, cbeebies"}; _sf_async_config.path = window.location.pathname; (function () { function loadChartbeat() { window._sf_endpt = (new Date()).getTime(); var e = document.createElement("script"); e.setAttribute("language", "javascript"); e.setAttribute("type", "text/javascript"); e.setAttribute('src', "//web.archive.org/web/20201003033657/https://static.chartbeat.com/js/chartbeat.js"); document.body.appendChild(e); } var oldonload = window.onload; window.onload = (typeof window.onload != "function") ? loadChartbeat : function () { oldonload(); loadChartbeat(); }; })(); } </script> </div> <div id="orb-footer" class="orb-footer" dir="ltr"> <div id="navp-orb-footer-promo"></div><aside role="complementary"><div id="orb-aside" class="orb-nav-sec b-r b-g-p"><div class="orb-footer-inner" role="navigation" aria-label="BBC"><h2 class="orb-footer-lead">Explore the BBC</h2><div class="orb-footer-primary-links"><ul><li class="orb-nav-cbeebies"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/cbeebies">CBeebies</a></li><li class="orb-nav-iplayer"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/tv/cbeebies">CBeebies iPlayer</a></li><li class="orb-nav-grownups orb-d"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/cbeebies/grownups">Grown-ups</a></li><li class="orb-nav-cbeebiesguide"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/iplayer/guide/cbeebies">TV Guide</a></li><li class="orb-nav-cbbc"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/cbbc">CBBC</a></li><li class="orb-nav-cbeebiesbitesize orb-d"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/bitesize">Bitesize</a></li></ul></div></div></div></aside><footer role="contentinfo"><div id="orb-contentinfo" class="orb-nav-sec b-r b-g-p"><script>window.orb.worldwideFooterlinks = '<li class="orb-footer-ads"><a href="https://web.archive.org/web/20201003033657/https://advertising.bbcworldwide.com/">Advertise with us<'+'/a><'+'/li><li class="orb-footer-adchoices"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.com/usingthebbc/cookies/how-can-i-change-my-bbc-cookie-settings/">AdChoices / Do Not Sell My Info<'+'/a><'+'/li>';</script><div class="orb-footer-inner"> <ul><li class="orb-footer-terms"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/usingthebbc/terms/">Terms of Use</a></li><li class="orb-footer-about"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/aboutthebbc">About the BBC</a></li><li class="orb-footer-privacy"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/usingthebbc/privacy/">Privacy Policy</a></li><li class="orb-footer-cookies"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/usingthebbc/cookies/">Cookies</a></li><li class="orb-footer-accessibility"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/accessibility/">Accessibility Help</a></li><li class="orb-footer-parental"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/guidance">Parental Guidance</a></li><li class="orb-footer-contact"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/contact">Contact the BBC</a></li><li class="orb-footer-newsletter"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/bbcnewsletter">Get Personalised Newsletters</a></li></ul><small><em class="orb-hilight">Copyright © 2020 BBC.</em> The BBC is not responsible for the content of external sites. <span class="orb-footer-links"><a href="https://web.archive.org/web/20201003033657/https://www.bbc.co.uk/help/web/links/" class="orb-hilight">Read about our approach to external linking.</a></span></small></div></div></div></footer></div><script id="orb-js-script" data-assetpath="https://nav.files.bbci.co.uk/orbit/b3428ed36e7e195dbf298117ef155a8f/" src="https://web.archive.org/web/20201003033657js_/https://nav.files.bbci.co.uk/orbit/b3428ed36e7e195dbf298117ef155a8f/js/orb.min.js"></script><script type="text/javascript">/*<![CDATA[*/ require(['orb/nav'], function(nav) { window.bbcuser.isUKCombined().then(function(isUK) { if (isUK) { nav.loadJs('https://web.archive.org/web/20201003033657/https://nav.files.bbci.co.uk/orbit/b3428ed36e7e195dbf298117ef155a8f/js/edr.min.js'); } }); }); /*]]>*/</script> <div class="bbccom_display_none"><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && window.bbcdotcom.analytics && bbcdotcom.config && !bbcdotcom.config.isSportApp() && !bbcdotcom.config.isReel()) { bbcdotcom.checkThirdPartyFirst(bbcdotcom.analytics.page, bbcdotcom.analytics); } /*]]>*/</script><noscript><img src="//web.archive.org/web/20201003033657im_/https://ssc.api.bbc.com/?c1=2&c2=19293874&ns_site=bbc&name=" height="1" width="1" alt=""></noscript><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.currencyProviders) { bbcdotcom.checkThirdPartyFirst(bbcdotcom.currencyProviders.write, bbcdotcom.currencyProviders); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.currencyProviders) { bbcdotcom.checkThirdPartyFirst(bbcdotcom.currencyProviders.postWrite, bbcdotcom.currencyProviders); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function() { window.bbcdotcom.bodyLast = true; }()); /*]]>*/</script></div> <script type="text/javascript">require.config({ "paths": { "orb/async/_footerpromo": 'https://web.archive.org/web/20201003033657/https://nav.files.bbci.co.uk/navpromo/4745be14d971db946fed75ccf103d382/js/async/_footerpromo' } }); (function() { document.addEventListener("DOMContentLoaded", function(event) { initialiseFooter(); }); var scrollCheckTimer; var didScroll; var previousPosition = 0; var delta = 5; var PROMO_SHOW_BREAKPOINT = 1500; var pageLength = 0; function getCookie(key) { if (!key) { return document.cookie; } return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*" + encodeURIComponent(key).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) || null; } function initialiseFooter() { // Suppress this feature on browsers we no longer test var myNav = navigator.userAgent.toLowerCase(); var oldIE = (myNav.indexOf('msie') !== -1) && parseInt(myNav.split('msie')[1], 10) <= 10; if (!oldIE) { var disabledByCookie = (parseInt(getCookie('ckns_nav_promofail')) || 0) >= 3; if (!disabledByCookie) { window.bbcpage.getLanguage().then(function(language) { if (language === 'en') { window.bbcuser.isUKCombined().then(function(isUK) { if (isUK) { setUpLazyLoading(); } }); } }); } } } function setUpLazyLoading() { // offsetHeight is expensive to calculate, only do it once. pageLength = Math.abs(document.body.offsetHeight); if (pageLength < getViewportHeight() + 300 || pageLength - getCurrentPosition() < PROMO_SHOW_BREAKPOINT) { loadPromo(); } else { window.onscroll = function () { didScroll = true; }; scrollCheckTimer = setInterval(function () { if (didScroll) { hasScrolled(); didScroll = false; } }, 250); } } function loadPromo() { clearInterval(scrollCheckTimer); require(['orb/async/_footerpromo'], function(promo) { promo.init('https://web.archive.org/web/20201003033657/https://navpromo.api.bbci.co.uk', 'cbeebies'); }); } function getViewportHeight() { return window.innerHeight; } function getCurrentPosition() { return Math.abs(window.scrollY || document.body.scrollTop || document.documentElement.scrollTop); } function hasScrolled() { var currentPosition = getCurrentPosition(); if (Math.abs(previousPosition - currentPosition) <= delta) { return; } if (currentPosition > previousPosition) { if ((pageLength - currentPosition) <= PROMO_SHOW_BREAKPOINT) { loadPromo(); } } previousPosition = currentPosition; } })();</script> <script type="text/javascript">window.COOKIES_STATIC_HOST = 'https://web.archive.org/web/20201003033657/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.2-523.d8dadc6/cookie-banner/cookie-prompt/';</script><script src="https://web.archive.org/web/20201003033657js_/https://nav.files.bbci.co.uk/orbit-webmodules/0.0.2-523.d8dadc6/cookie-banner/cookie-banners.bundle.js" async=""></script><script type="text/javascript">require(["istats-1","orb/cookies"],function(o,t){if(t.isAllowed("s1"))try{if(!require.s.contexts._.config.paths.idcta)return void i();require(["idcta/idcta-1"],function(t){t&&"function"==typeof t.getIStatsLabels&&o.addLabels(t.getIStatsLabels()),i()},function(t){throw t})}catch(t){console&&"function"==typeof console.log&&console.log("an exception occurred while adding idcta labels to istats, invoking istats without them",t),i()}function i(){o.invoke()}});</script><script type="text/javascript">"use strict";window.__reverb.__reverbLoadedPromise.then(function(e){return e.initialise().then(function(){return e.viewEvent()})},function(){console.log("Failed to load reverb. No event sent")});</script><script src="https://web.archive.org/web/20201003033657js_/https://nav.files.bbci.co.uk//user-activity-helper/1d5fa47d9ba60d5c52b377ec3208b7be/js/detectview.bundle.js" async=""></script> </body> </html>

CINXE.COM

Turn your toy into Waffle - CBeebies - BBC