Join In - Chat, vote, send your pics and videos - CBBC

<!DOCTYPE html> <html lang="en" id="ng-app" class="no-js b-header--white--black b-footer--transparent--dark-grey"> <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("http://www.bbc.co.uk/cbbc/joinin","20170829205350","https://web.archive.org/","web","/_static/", "1504040030"); </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/"> <title>Join In - Chat, vote, send your pics and videos - CBBC - BBC</title> <meta name="DCTERMS.title" content="Join In - Chat, vote, send your pics and videos - CBBC - BBC"/> <meta name="description" content="Join in with CBBC! Send us your pics and videos, talk about shows and get involved with votes and live chats."/> <meta name="DCTERMS.description" content="Join in with CBBC! Send us your pics and videos, talk about shows and get involved with votes and live chats."/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="google-site-verification" content="OcYZwpRP6B606x7ebhSghFqabGc4HRHBMbobF9cv-FU"/> <link rel="canonical" href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin"/> <script type="text/javascript"> var _sf_startpt = (new Date()).getTime() </script> <link rel="copyright" href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/terms/" title="Terms of Use"/> <link href="/web/20170829205350im_/http://www.bbc.co.uk/cbbc/assets/images/favicons/apple-touch-icon.png" rel="apple-touch-icon"/> <link href="/web/20170829205350im_/http://www.bbc.co.uk/cbbc/assets/images/favicons/favicon.ico" rel="shortcut icon" type="image/x-icon"/> <link href="/web/20170829205350im_/http://www.bbc.co.uk/cbbc/assets/images/favicons/favicon-16x16.png" rel="icon" type="image/png" sizes="16x16"/> <link href="/web/20170829205350im_/http://www.bbc.co.uk/cbbc/assets/images/favicons/favicon-32x32.png" rel="icon" type="image/png" sizes="32x32"/> <link href="/web/20170829205350im_/http://www.bbc.co.uk/cbbc/assets/images/favicons/favicon-96x96.png" rel="icon" type="image/png" sizes="96x96"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20170829205350cs_/https://static.bbci.co.uk/gelstyles/0.11.0/style/core.css"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20170829205350cs_/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/stylesheets/cbbc.min.css"/>  <link rel="stylesheet" type="text/css" href="/web/20170829205350cs_/http://www.bbc.co.uk/cbbc/stylesheets/immersive/section/1423230637/67dd403/joinin.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/20170829205350cs_/https://nav.files.bbci.co.uk/orbit/1.0.0-510.c80719f/css/orb-ltr.min.css"><script type="text/javascript">/*<![CDATA[*/ window.orb = { lang: 'en', bbcBaseUrl: 'https://web.archive.org/web/20170829205350/http://www.bbc.co.uk', staticHost: 'https://web.archive.org/web/20170829205350/https://nav.files.bbci.co.uk/orbit/1.0.0-510.c80719f', figUrl: 'https://web.archive.org/web/20170829205350/https://fig.bbc.co.uk/frameworks/fig/2/fig.js', partialCookieOvenUrl: 'https://web.archive.org/web/20170829205350/https://cookie-oven.api.bbc' }; document.documentElement.className += (document.documentElement.className? ' ' : '') + 'orb-js'; window.orb.worldwideNavlinks = ''; /*]]>*/</script><script src="https://web.archive.org/web/20170829205350js_/https://nav.files.bbci.co.uk/orbit/1.0.0-510.c80719f/js/api.min.js"></script><script type="text/javascript">window.bbcFlagpoles_istats="ON",require.config({paths:{"istats-1":"//web.archive.org/web/20170829205350/http://nav.files.bbci.co.uk/nav-analytics/0.1.0-78/js/istats-1","megavolt-client":"//web.archive.org/web/20170829205350/http://nav.files.bbci.co.uk/nav-analytics/0.1.0-78/js/megavolt-client"}}),require.defined("orb/cookies")||(window.bbccookies?define("orb/cookies",function(){return window.bbccookies}):define("orb/cookies",function(){return{isAllowed:function(e){return!1}}})),require(["megavolt-client","istats-1","orb/cookies"],function(e,t,o){if(o.isAllowed("s1")){e.setMegavoltUrl("https://web.archive.org/web/20170829205350/https://mvt.api.bbc.com");t.addCollector({name:"default",url:"https://web.archive.org/web/20170829205350/https://sa.bbc.co.uk/bbc/bbc/s",separator:"&"});var i="cbbc.joinin.page";t.setCountername(i),window.istats_countername&&t.setCountername(window.istats_countername),t.addLabels("ml_name=webmodule&ml_version=78&blq_e=orbit&blq_r=orbit&blq_s=orbit&blq_v=cbbc&language=en&app_name=cbbc&app_type=responsive")}});</script><link rel="stylesheet" href="//web.archive.org/web/20170829205350cs_/http://static.bbc.co.uk/id/0.37.24/style/id-cta.css"><link rel="stylesheet" href="//web.archive.org/web/20170829205350cs_/http://static.bbc.co.uk/id/0.37.24/style/id-cta-v5.css"><script type="text/javascript">/* <![CDATA[ */ var map = {}; if (typeof(map['jssignals-1']) == 'undefined') { map['jssignals-1'] = 'https://web.archive.org/web/20170829205350/https://static.bbc.co.uk/frameworks/jssignals/0.3.6/modules/jssignals-1'; } require({paths: map}); /* ]]> */</script><script src="//web.archive.org/web/20170829205350js_/http://static.bbc.co.uk/id/0.37.24/modules/idcta/dist/idcta-1.min.js"></script><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 = RegExp("[\\?&]ptrt=([^&#]*)").exec(document.location.href); var ENDPOINT_URL = '//' + ((window.location.protocol == "https:") ? ('ssl.bbc.co.uk').replace("www.", "ssl.") : ('ssl.bbc.co.uk').replace("ssl.", "www.")); var ENDPOINT_CONFIG = ('/idcta/config?callback&locale=en-GB&pathway=cbbc&ptrt=' + encodeURI((ptrt ? ptrt[1] : document.location.href))).replace(/\&/g, '&'); var ENDPOINT_TRANSLATIONS = '/idcta/translations?callback&locale=en-GB'; map['idapp-1'] = '//web.archive.org/web/20170829205350/http://static.bbc.co.uk/idapp/0.72.58/modules/idapp/idapp-1'; map['idcta'] = '//web.archive.org/web/20170829205350/http://static.bbc.co.uk/id/0.37.24/modules/idcta'; map['idcta/config'] = [ENDPOINT_URL + ENDPOINT_CONFIG, '//web.archive.org/web/20170829205350/http://static.bbc.co.uk/id/0.37.24/modules/idcta/fallbackConfig']; map['idcta/translations'] = [ENDPOINT_URL + ENDPOINT_TRANSLATIONS, '//web.archive.org/web/20170829205350/http://static.bbc.co.uk/id/0.37.24/modules/idcta/fallbackTranslations']; require({paths: map}); /* * Temporary code * To be removed when old id-statusbar-config is no longer supported */ define('id-statusbar-config', ['idcta/id-config'], function(conf) { return conf; }); define('idcta/id-statusbar-config', ['idcta/id-config'], function(conf) { return conf; }); })();</script><script type="text/javascript">// Globally available search context window.SEARCHBOX={"variant":"cbbc","locale":"en","navSearchboxStaticPrefix":"//web.archive.org/web/20170829205350/http://nav.files.bbci.co.uk/searchbox/1.0.0-132","searchboxAppStaticPrefix":"//web.archive.org/web/20170829205350/http://search.files.bbci.co.uk/searchbox-app/1.0.16","searchFormHtml":"<div tabindex=\"-1\" data-reactid=\".2fvssx2jgg\" data-react-checksum=\"1923032532\"><div data-reactid=\".2fvssx2jgg.0\"><section class=\"se-searchbox-panel\" data-reactid=\".2fvssx2jgg.0.0\"><div class=\"se-g-wrap\" data-reactid=\".2fvssx2jgg.0.0.0\"><div class=\"se-g-layout\" data-reactid=\".2fvssx2jgg.0.0.0.0\"><div class=\"se-g-layout__item se-searchbox-title\" aria-hidden=\"true\" data-reactid=\".2fvssx2jgg.0.0.0.0.0\">search</div><div class=\"se-g-layout__item se-searchbox\" data-reactid=\".2fvssx2jgg.0.0.0.0.1\"><form accept-charset=\"utf-8\" id=\"searchboxDrawerForm\" method=\"get\" action=\"//search.bbc.co.uk/search\" data-reactid=\".2fvssx2jgg.0.0.0.0.1.0\"><label class=\"se-searchbox__input\" for=\"se-searchbox-input-field\" data-reactid=\".2fvssx2jgg.0.0.0.0.1.0.0\"><span class=\"se-sr-only\" data-reactid=\".2fvssx2jgg.0.0.0.0.1.0.0.0\">Search Term</span><input name=\"q\" type=\"text\" value=\"\" id=\"se-searchbox-input-field\" class=\"se-searchbox__input__field\" maxlength=\"512\" autocomplete=\"off\" autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\" tabindex=\"0\" data-reactid=\".2fvssx2jgg.0.0.0.0.1.0.0.1\"/></label><input type=\"hidden\" name=\"scope\" value=\"\" data-reactid=\".2fvssx2jgg.0.0.0.0.1.0.2\"/><button type=\"submit\" class=\"se-searchbox__submit\" tabindex=\"0\" data-reactid=\".2fvssx2jgg.0.0.0.0.1.0.3\">Search</button><button type=\"button\" class=\"se-searchbox__clear se-searchbox__clear--visible\" tabindex=\"0\" data-reactid=\".2fvssx2jgg.0.0.0.0.1.0.4\">Close</button></form></div></div></div></section><div aria-live=\"polite\" aria-atomic=\"true\" class=\"se-suggestions-container\" data-reactid=\".2fvssx2jgg.0.1\"><section class=\"se-g-wrap\" data-reactid=\".2fvssx2jgg.0.1.0\"></section></div></div></div>","searchScopePlaceholder":"<input type=\"hidden\" name=\"scope\" id=\"orb-search-scope\" value=\"cbbc\">","searchScopeParam":"?scope=cbbc","searchScopeTemplate":"cbbc","searchPlaceholderWrapperStart":"","searchPlaceholderWrapperEnd":""}; window.SEARCHBOX.suppress = false; window.SEARCHBOX.searchScope = SEARCHBOX.searchScopeTemplate.split('-')[0];</script><link rel="stylesheet" href="//web.archive.org/web/20170829205350cs_/http://nav.files.bbci.co.uk/searchbox/1.0.0-132/css/main.css"><script type="text/javascript">require.config({ "paths": { "orb/async/_footerpromo": 'https://web.archive.org/web/20170829205350/https://nav.files.bbci.co.uk/nav-promo/0.0.0-238.9987cce/js/async/_footerpromo' } });</script><script type="text/javascript">/*<![CDATA[*/ var _sf_startpt = (new Date()).getTime(); /*]]>*/</script><style type="text/css">.bbccom_display_none{display:none;}</style><script type="text/javascript">/*<![CDATA[*/ var bbcdotcomConfig, googletag = googletag || {}; googletag.cmd = googletag.cmd || []; var bbcdotcom = false; (function(){ if(typeof require !== 'undefined') { require({ paths:{ "bbcdotcom":"https://web.archive.org/web/20170829205350/https://static.bbc.co.uk/bbcdotcom/1.63.0/script" } }); } })(); /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ var bbcdotcom = { adverts: { keyValues: { set: function() {} } }, advert: { write: function () {}, show: function () {}, isActive: function () { return false; }, layout: function() { return { reset: function() {} } } }, config: { init: function() {}, isActive: function() {}, setSections: function() {}, isAdsEnabled: function() {}, setAdsEnabled: function() {}, isAnalyticsEnabled: function() {}, setAnalyticsEnabled: function() {}, setAssetPrefix: function() {}, setVersion: function () {}, setJsPrefix: function() {}, setSwfPrefix: function() {}, setCssPrefix: function() {}, setConfig: function() {}, getAssetPrefix: function() {}, getJsPrefix: function () {}, getSwfPrefix: function () {}, getCssPrefix: function () {} }, survey: { init: function(){ return false; } }, data: {}, init: function() {}, objects: function(str) { return false; }, locale: { set: function() {}, get: function() {} }, setAdKeyValue: function() {}, utils: { addEvent: function() {}, addHtmlTagClass: function() {}, log: function () {} }, addLoadEvent: function() {} }; /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function(){ if (typeof orb !== 'undefined' && typeof orb.fig === 'function') { if (orb.fig('ad') && orb.fig('uk') == 0) { bbcdotcom.data = { ads: (orb.fig('ad') ? 1 : 0), stats: (orb.fig('uk') == 0 ? 1 : 0), statsProvider: orb.fig('ap') }; } } else { document.write('<script type="text/javascript" src="'+('https:' == document.location.protocol ? 'https://web.archive.org/web/20170829205350/https://www.bbc.com' : 'https://web.archive.org/web/20170829205350/http://tps.bbc.com')+'/wwscripts/data">\x3C/script>'); } })(); /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function(){ if (typeof orb === 'undefined' || typeof orb.fig !== 'function') { bbcdotcom.data = { ads: bbcdotcom.data.a, stats: bbcdotcom.data.b, statsProvider: bbcdotcom.data.c }; } if (bbcdotcom.data.ads == 1) { document.write('<script type="text/javascript" src="'+('https:' == document.location.protocol ? 'https://web.archive.org/web/20170829205350/https://www.bbc.co.uk' : 'https://web.archive.org/web/20170829205350/http://www.bbc.co.uk')+'/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/20170829205350/https://static.bbc.co.uk/bbcdotcom/1.63.0/"; if (/(sandbox|int)(.dev)*.bbc.co*/.test(window.location.href) || /[?|&]ads-debug/.test(window.location.href) || document.cookie.indexOf('ads-debug=') !== -1) { document.write('<link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20170829205350/https://static.bbc.co.uk/bbcdotcom/1.63.0/style/dist/bbcdotcom.dev.css" />'); } else { document.write('<link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20170829205350/https://static.bbc.co.uk/bbcdotcom/1.63.0/style/dist/bbcdotcom.css" />'); } (function() { var useSSL = 'https:' == document.location.protocol; var src = (useSSL ? 'https:' : 'http:') + '//web.archive.org/web/20170829205350/http://www.googletagservices.com/tag/js/gpt.js'; document.write('<scr' + 'ipt src="' + src + '">\x3C/script>'); })(); 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/20170829205350/https://static.bbc.co.uk/bbcdotcom/1.63.0/script/dist/bbcdotcom.dev.js">\x3C/script>'); } else { document.write('<script type="text/javascript" src="https://web.archive.org/web/20170829205350/https://static.bbc.co.uk/bbcdotcom/1.63.0/script/dist/bbcdotcom.js">\x3C/script>'); } } })(); /*]]>*/</script><script type="text/javascript">if (window.bbcdotcom && bbcdotcom.data.stats == 1) { document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20170829205350/http://secure-us.imrworldwide.com/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20170829205350/http://me-cdn.effectivemeasure.net/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20170829205350/http://ssc.api.bbc.com/">'); } if (window.bbcdotcom && bbcdotcom.data.ads == 1) { document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20170829205350/http://www.googletagservices.com/">'); }</script><script type="text/javascript">/*<![CDATA[*/ (function(){ if (window.bbcdotcom && (bbcdotcom.data.ads == 1 || bbcdotcom.data.stats == 1)) { bbcdotcomConfig = {"adFormat":"standard","adKeyword":"","adMode":"smart","adsEnabled":true,"appAnalyticsSections":"","asyncEnabled":false,"disableInitialLoad":false,"advertInfoPageUrl":"https:\/\/web.archive.org\/web\/20170829205350\/http:\/\/www.bbc.com\/privacy\/cookies\/international\/","advertisementText":"Advertisement","analyticsEnabled":true,"appName":"cbbc","assetPrefix":"https:\/\/web.archive.org\/web\/20170829205350\/https:\/\/static.bbc.co.uk\/bbcdotcom\/1.63.0\/","customAdParams":[],"customStatsParams":[],"headline":"","id":"","inAssociationWithText":"in association with","keywords":"","language":"","orbTransitional":false,"outbrainEnabled":true,"adsenseEnabled":true,"adsportappEnabled":true,"palEnv":"live","productName":"cbbc","sections":[],"comScoreEnabled":true,"comscoreSite":"bbc","comscoreID":"19293874","comscorePageName":"","slots":"","sponsoredByText":"is sponsored by","adsByGoogleText":"Ads by Google","summary":"","type":"","features":{"testfeature":{"name":"testfeature","envs":["sandbox","int","test"],"on":true,"options":{},"override":null},"lxadverts":{"name":"lxadverts","envs":[],"on":true,"options":{},"override":null}},"staticBase":"\/bbcdotcom","staticHost":"https:\/\/web.archive.org\/web\/20170829205350\/https:\/\/static.bbc.co.uk","staticVersion":"1.63.0","staticPrefix":"https:\/\/web.archive.org\/web\/20170829205350\/https:\/\/static.bbc.co.uk\/bbcdotcom\/1.63.0","dataHttp":"tps.bbc.com","dataHttps":"www.bbc.com","flagHttp":"www.bbc.co.uk","flagHttps":"www.bbc.co.uk","analyticsHttp":"sa.bbc.com","analyticsHttps":"ssa.bbc.com"}; bbcdotcom.config.init(bbcdotcomConfig, bbcdotcom.data, window.location, window.document); bbcdotcom.config.setAssetPrefix("https://web.archive.org/web/20170829205350/https://static.bbc.co.uk/bbcdotcom/1.63.0/"); bbcdotcom.config.setVersion("1.63.0"); 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[*/ (function() { window.bbcdotcom.head = true; }()); /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ require(['istats-1', 'orb/cookies', 'orb/fig'], function (istats, bbccookies, orbFig) { istats.addLabels({ 'bbc_mc': bbccookies.analyticsPolicyString() }); var domesticBlqV = istats._getLabels().blq_v; var worldwideBlqV = istats._getLabels().blq_v + '-ww'; function setBlqVLabel(fig) { if (fig.geo.isUK()) { istats.addLabels({'blq_v': domesticBlqV}); } else { istats.addLabels({'blq_v': worldwideBlqV}); } } // Guess with synchronous API first (might be cached and the async version might be too slow) setBlqVLabel(orbFig); orbFig.load(function (fig) { setBlqVLabel(fig); }); }); /*]]>*/</script> <script type="text/javascript"> require(['orb/fig'], function(orbFig) { orbFig.load(function(fig) { if (!fig.geo.isUK()) { window.location = "https://web.archive.org/web/20170829205350/http://www.bbcchannels.com/cbbc"; } }); }); </script> <script type="text/javascript" src="https://web.archive.org/web/20170829205350js_/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/libraries/modernizr.js"></script> <script> define('modernizr', [], Modernizr); </script> <script type="text/javascript" src="https://web.archive.org/web/20170829205350js_/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/libraries/matchMedia.js"></script> <script type="text/javascript" id="js-require-config"> define('local/utils/config', function () { "use strict"; return { 'appName': 'cbbc', 'env': 'live', 'uasKey': 'ocivkho3fups2', 'uasEnv': 'live', 'uasUrl': '', 'comscoreSiteOverride': '', 'comscoreTestServiceUrl': '', 'oneTooltipPerPageEnabled': 'true', 'breakpointConfig': [ { minWidth: 0, name: 'extra-small' }, { minWidth: 400, name: 'small' }, { minWidth: 600, name: 'medium' }, { minWidth: 768, name: 'medium-wide' }, { minWidth: 1008, name: 'wide' }, { minWidth: 1280, name: 'extra-wide' } ] }; }); </script> <script> define('childrens-mandolin', function () { "use strict"; var ROLLING_PERIOD_DAYS = 30; var Mandolin = function (id, segments, opts) { var now = new Date().getTime(), storedItem, DEFAULT_START = now, DEFAULT_RATE = 1, COOKIE_NAME = 'ckpf_childrens_mandolin'; opts = opts || {}; this._id = id; this._segmentSet = segments; this._store = new Mandolin.Storage(COOKIE_NAME); this._opts = opts; this._rate = (opts.rate !== undefined) ? +opts.rate : DEFAULT_RATE; this._startTs = (opts.start !== undefined) ? new Date(opts.start).getTime() : new Date(DEFAULT_START).getTime(); this._endTs = (opts.end !== undefined) ? new Date(opts.end).getTime() : daysFromNow(ROLLING_PERIOD_DAYS); this._signupEndTs = (opts.signupEnd !== undefined) ? new Date(opts.signupEnd).getTime() : this._endTs; this._segment = null; // initially // Check for invalid options if (typeof id !== 'string') { throw new Error('Invalid Argument: id must be defined and be a string'); } if (Object.prototype.toString.call(segments) !== '[object Array]') { throw new Error('Invalid Argument: Segments are required.'); } if (opts.rate !== undefined && (opts.rate < 0 || opts.rate > 1)) { throw new Error('Invalid Argument: Rate must be between 0 and 1.'); } if (this._startTs > this._endTs) { throw new Error('Invalid Argument: end date must occur after start date.'); } if (!(this._startTs < this._signupEndTs && this._signupEndTs <= this._endTs)) { throw new Error('Invalid Argument: SignupEnd must be between start and end date'); } // Clear out expired items from Storage before looking for stashed segment data removeExpired.call(this, now); // Load segment override from cookie and validate segment if set. var overrides = window.bbccookies.get().match(/ckns_mandolin_setSegments=([^;]+)/); if (overrides !== null) { eval('overrides = ' + decodeURIComponent(RegExp.$1) + ';'); if(overrides[this._id] && this._segmentSet.indexOf(overrides[this._id]) == -1){ throw new Error('Invalid Override: overridden segment should exist in segments array'); } } if (overrides !== null && overrides[this._id]){ this._segment = overrides[this._id]; } else if ((storedItem = this._store.getItem(this._id))) { this._segment = storedItem.segment; } else if (this._startTs <= now && now < this._signupEndTs && now <= this._endTs && this._store.isEnabled() === true) { this._segment = pick(segments, this._rate); if (opts.end === undefined) { this._store.setItem(this._id, {segment: this._segment}); } else { this._store.setItem(this._id, {segment: this._segment, end: this._endTs}); } log.call(this, 'mandolin_segment'); } // order matters: do this after the segment has been populated log.call(this, 'mandolin_view'); }; Mandolin.prototype.getSegment = function () { return this._segment; }; function log(actionType, params) { var that = this; require(['istats-1'], function (istats) { istats.log(actionType, that._id + ':' + that._segment, params ? params : {}); }); } function removeExpired(expires) { var items = this._store.getItems(), expiresInt = +expires; for (var key in items) { if (items[key].end !== undefined && +items[key].end < expiresInt) { this._store.removeItem(key); } } } function getLastExpirationDate(data) { var winner = 0, rollingExpire = daysFromNow(ROLLING_PERIOD_DAYS); for (var key in data) { if (data[key].end === undefined && rollingExpire > winner) { winner = rollingExpire; } else if (+data[key].end > winner) { winner = +data[key].end; } } return (winner) ? new Date(winner) : new Date(rollingExpire) ; } Mandolin.prototype.log = function (params) { log.call(this, 'mandolin_log', params); }; Mandolin.prototype.convert = function (params) { log.call(this, 'mandolin_convert', params); this.convert = function () {}; }; function daysFromNow(n) { var endDate; endDate = new Date().getTime() + (n * 60 * 60 * 24) * 1000; return endDate; } function pick(segments, rate) { var picked, min = 0, max = segments.length - 1; if (typeof rate === 'number' && Math.random() > rate) { return null; } do { picked = Math.floor(Math.random() * (max - min + 1)) + min; } while (picked > max); return segments[picked]; } Mandolin.Storage = function (name) { validateCookieName(name); this._cookieName = name; this._isEnabled = (bbccookies.isAllowed(this._cookieName) === true && bbccookies.cookiesEnabled() === true); }; Mandolin.Storage.prototype.setItem = function (key, value) { var storeData = this.getItems(); storeData[key] = value; this.save(storeData); return value; }; Mandolin.Storage.prototype.isEnabled = function () { return this._isEnabled; }; Mandolin.Storage.prototype.getItem = function (key) { var storeData = this.getItems(); return storeData[key]; }; Mandolin.Storage.prototype.removeItem = function (key) { var storeData = this.getItems(); delete storeData[key]; this.save(storeData); }; Mandolin.Storage.prototype.getItems = function () { return deserialise(this.readCookie(this._cookieName) || ''); }; Mandolin.Storage.prototype.save = function (data) { //TODO: Is this mixing concerns to have Storage aware of item expiry? window.bbccookies.set( this._cookieName + '=' + encodeURIComponent(serialise(data)) + '; ' + 'path=/;' + 'expires=' + getLastExpirationDate(data).toUTCString() + ';' ); }; Mandolin.Storage.prototype.readCookie = function (name) { var nameEq = name + '=', ca = window.bbccookies.get().split('; '), i, c; validateCookieName(name); for (i = 0; i < ca.length; i++) { c = ca[i]; if (c.indexOf(nameEq) === 0) { return decodeURIComponent(c.substring(nameEq.length, c.length)); } } return null; }; function serialise(o) { var str = ''; for (var p in o) { if (o.hasOwnProperty(p)) { str += '"' + p + '"' + ':' + (typeof o[p] === 'object' ? (o[p] === null? 'null' : '{' + serialise(o[p])+ '}') : '"' + o[p].toString() + '"') + ','; } } return str.replace(/,\}/g, '}').replace(/,$/g, ''); } function deserialise(str) { var o; str = '{' + str + '}'; if ( !validateSerialisation(str) ) { throw 'Invalid input provided for deserialisation.'; } eval('o = ' + str); return o; } var validateSerialisation = (function () { var OBJECT_TOKEN = '<Object>', ESCAPED_CHAR = '"\\n\\r\\u2028\\u2029\\u000A\\u000D\\u005C', ALLOWED_CHAR = '([^' + ESCAPED_CHAR + ']|\\\\[' + ESCAPED_CHAR + '])', KEY = '"' + ALLOWED_CHAR + '+"', VALUE = '(null|"' + ALLOWED_CHAR + '*"|' + OBJECT_TOKEN + ')', KEY_VALUE = KEY + ':' + VALUE, KEY_VALUE_SEQUENCE = '(' + KEY_VALUE + ',)*' + KEY_VALUE, OBJECT_LITERAL = '({}|{' + KEY_VALUE_SEQUENCE + '})', objectPattern = new RegExp(OBJECT_LITERAL, 'g'); return function(str) { if (str.indexOf(OBJECT_TOKEN) !== -1) return false; while (str.match(objectPattern)) { str = str.replace(objectPattern, OBJECT_TOKEN); } return str === OBJECT_TOKEN; } })(); function validateCookieName(name) { if ( name.match(/ ,;/) ) { throw 'Illegal name provided, must be valid in browser cookie.'; } } return Mandolin; }); </script> <script type="text/javascript" id="js-require-setup"> require({ paths: { 'childrens': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts', 'cbeebies': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/cbeebies', 'cbbc': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/cbbc', 'jquery': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/libraries/jquery', 'jquery-1': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/libraries/jquery/jquery', 'jquery-1.9': 'https://web.archive.org/web/20170829205350/https://static.bbci.co.uk/frameworks/jquery/0.4.1/sharedmodules/jquery-1.9.1', 'lib': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/libraries', 'bump-3': 'https://web.archive.org/web/20170829205350/https://emp.bbci.co.uk/emp/bump-3/bump-3', 'embed': 'https://web.archive.org/web/20170829205350/http://play.bbc.co.uk/play/sdk/embed/v1/latest', 'lib/Imager': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/libraries/Imager.min', 'TweenMax': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/libraries/gsap/TweenMax.min', 'TimelineMax': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/libraries/gsap/TweenMax.min', 'lib/riddle': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/libraries/riddle/embed.min', 'echo-9.2.1': 'https://web.archive.org/web/20170829205350/https://mybbc-analytics.files.bbci.co.uk/echo-client-js/echo-9.2.1.min', 'lib/minpubsub': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/libraries/minpubsub.min', 'uasclient': 'https://web.archive.org/web/20170829205350/https://static.bbci.co.uk/uasclient/0.1.40/modules/uasclient', 'activity-button': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/activity-button', 'activity-button/activity-button': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/personalisation/personalisation.min', 'reads': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/reads', 'reads/reads': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/personalisation/personalisation.min', 'reads-carousel': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/reads-carousel', 'reads-carousel/reads-carousel': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/personalisation/personalisation.min', 'angular': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/angular', 'angular/app': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/angular/app.min', 'stats': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/stats', 'stats/stats': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/stats/stats.min', 'confetti': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/confetti', 'confetti/confetti': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/confetti/confetti.min', 'save-game-migration': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/save-game-migration', 'save-game-migration/save-game-migration': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/save-game-migration/save-game-migration.min', 'follows-panel': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/follows-panel', 'follows-panel/childrens-follows-panel': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/personalisation/personalisation.min', 'personalisation': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/personalisation', 'domReady': 'https://web.archive.org/web/20170829205350/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/javascripts/libraries/require/domReady.min', 'relay-1': 'https://web.archive.org/web/20170829205350/https://static.bbci.co.uk/frameworks/relay/0.2.6/sharedmodules/relay-1', 'jssignals-1': 'https://web.archive.org/web/20170829205350/https://static.bbci.co.uk/frameworks/jssignals/0.3.6/modules/jssignals-1' }, shim: { 'angular/angular': { exports: 'angular' }, 'TweenMax': { exports: 'TweenMax' }, 'TimelineMax': { exports: 'TimelineMax' } } }); require(['local/utils/config'], function (config) { }); require(["istats-1"], function (istats) { if (istats.setSite !== undefined) { istats.setSite('cbbc'); } }); </script> <script> require(['childrens-mandolin'], function (Mandolin) { //cleanup collection-position test var storage = new Mandolin.Storage('ckpf_childrens_mandolin'); var experimentName = 'childrens_collection_position'; if (storage.getItem(experimentName)) { storage.removeItem(experimentName); } }); </script> <script type="text/javascript"> define('local/utils/experiments', ['childrens-mandolin'], function (Mandolin) { "use strict"; function setupMandolin(experiment, variants, config) { var mandolin = new Mandolin(experiment, variants, config); return mandolin.getSegment(); } function addClasses(wrapper, experiment, variant) { var experimentPrefix = " experiment-"; var experimentClass = experimentPrefix + experiment; wrapper.className += experimentClass + experimentClass + "--" + variant; } function addAttribute(wrapper, experiment, variant) { if (!wrapper.hasAttribute("data-active-experiment")) { var att = document.createAttribute("data-active-experiment"); att.value = experiment + ":" + variant; wrapper.setAttributeNode(att); } } return { setup: function(experiment, variants, config) { var variant = setupMandolin(experiment, variants, config); var wrapper = document.querySelector(".childrens-wrapper"); if (variant) { addClasses(wrapper, experiment, variant); } addAttribute(wrapper, experiment, variant); return variant; } } }); </script> </head> <body class="b-pw-1280"> <noscript><p style="position: absolute; top: -999em"><img src="https://web.archive.org/web/20170829205350im_/https://sa.bbc.co.uk/bbc/bbc/s?name=cbbc.joinin.page&ml_name=webmodule&ml_version=78&blq_e=orbit&blq_r=orbit&blq_s=orbit&blq_v=cbbc&language=en&app_name=cbbc&app_type=responsive&blq_js_enabled=0" 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.isActive('ads')) { googletag.cmd.push(function() { googletag.display('bbccom_interstitial'); }); } }()); /*]]>*/</script></div><div id="bbccom_wallpaper_ad" class="bbccom_display_none"></div><div id="bbccom_wallpaper" class="bbccom_display_none"><script type="text/javascript">/*<![CDATA[*/ (function() { var wallpaper; if (window.bbcdotcom && bbcdotcom.config.isActive('ads')) { if (bbcdotcom.config.isAsync()) { googletag.cmd.push(function() { googletag.display('bbccom_wallpaper'); }); } else if (typeof googletag !== "undefined" && typeof googletag.display === "function") { googletag.display("wallpaper"); } wallpaper = bbcdotcom.adverts.adRegister.getAd('wallpaper'); } }()); /*]]>*/</script></div><script type="text/javascript">/*<![CDATA[*/ (function() { if (window.bbcdotcom && bbcdotcom.config.isActive('ads')) { document.write(unescape('%3Cscript id="gnlAdsEnabled" class="bbccom_display_none"%3E%3C/script%3E')); } if (window.bbcdotcom && bbcdotcom.config.isActive('analytics')) { document.write(unescape('%3Cscript id="gnlAnalyticsEnabled" class="bbccom_display_none"%3E%3C/script%3E')); } }()); /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function() { window.bbcdotcom.bodyFirst = true; }()); /*]]>*/</script><div id="blq-global"><div id="blq-pre-mast"></div></div><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/20170829205350/https://www.bbc.co.uk/">Homepage</a></div><section><div class="orb-skip-links"><h2>Accessibility links</h2><ul><li><a href="#orb-modules">Skip to content</a></li><li><a id="orb-accessibility-help" href="/web/20170829205350/http://www.bbc.co.uk/accessibility/">Accessibility Help</a></li></ul></div></section><div id="mybbc-wrapper" class="orb-nav-section orb-nav-id orb-nav-focus orb-nav-id-default"><div id="idcta-statusbar" class="orb-nav-section orb-nav-focus"><a id="idcta-link" href="https://web.archive.org/web/20170829205350/https://account.bbc.com/account?context=cbbc&ptrt=http://www.bbc.co.uk/cbbc/joinin"><span id="idcta-username">BBC iD</span></a></div><script type="text/javascript">require(['idcta/statusbar'], function(statusbar) { new statusbar.Statusbar({"id":"idcta-statusbar","publiclyCacheable":true}); });</script></div><nav role="navigation" aria-label="BBC" class="orb-nav"><div class="orb-nav-section orb-nav-links orb-nav-focus" id="orb-nav-links"><ul><li class="orb-nav-cbbc"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/cbbc">CBBC</a></li><li class="orb-nav-newsround"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/newsround">Newsround</a></li><li class="orb-nav-iplayer orb-d"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/iplayer/cbbc">CBBC iPlayer</a></li><li class="orb-nav-cbbctv"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/cbbc/guide">CBBC on TV</a></li><li class="orb-d"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/education">Bitesize</a></li><li class="orb-nav-cbeebies"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/cbeebies">CBeebies</a></li><li class="orb-d"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/cbbc/curations/stay-safe">Stay Safe</a></li><li class="orb-d"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/cbbc/curations/cbbc-help">CBBC Help</a></li><li id="orb-nav-more" style="width: 88px" aria-controls="orb-panel-more"><a href="#orb-footer" data-alt="More" class="istats-notrack">Menu<span class="orb-icon orb-icon-arrow"></span></a></li></ul></div></nav><div class="orb-nav-section orb-nav-search"><a class="orb-search__button" href="https://web.archive.org/web/20170829205350/http://search.bbc.co.uk/search?scope=cbbc" title="Search the BBC">Search</a><form class="b-f" id="orb-search-form" role="search" method="get" action="//web.archive.org/web/20170829205350/http://search.bbc.co.uk/search" accept-charset="utf-8"><div><input type="hidden" name="scope" id="orb-search-scope" value="cbbc"><label for="orb-search-q">Search the BBC</label><input id="orb-search-q" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" name="q" placeholder="Search"><button id="orb-search-button" class="orb-search__button">Search the BBC</button><input type="hidden" name="suggid" id="orb-search-suggid"></div></form></div></div><div id="orb-panels"></div></div></header> <div id="orb-modules"> <div id="unsupported-browser-banner-wrapper">  </div> <script> // Show unsupported browser banner for IE10 (function () { if (/*@cc_on!@*/false && document.documentMode === 10) { var bannerWrapper = document.getElementById('unsupported-browser-banner-wrapper'); var currentNode = bannerWrapper.firstChild; var startTagLength = ''.length; // Retrieve comment node inside the bannerWrapper; first child is whitespace while (currentNode) { if (currentNode.nodeType === bannerWrapper.COMMENT_NODE) { // Remove the IE tag comments and insert HTML into bannerWrapper bannerWrapper.innerHTML = currentNode.nodeValue.trim().slice(startTagLength, -endTagLength); } currentNode = currentNode.nextSibling; } } })(); </script> <div class="childrens-wrapper childrens-wrapper--cbbc childrens-wrapper--index childrens-wrapper--background feature-flag feature-flag--search-bar feature-flag--new-vote-styling feature-flag--episode-prominence-on-brand-pages" data-stats-page-type="index" data-stats-children-index="joinin"> <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/20170829205350/http://www.bbc.co.uk/cbbc" data-stats-interaction="navigation" data-stats-interaction-variant="home_logo"> <svg version="1.1" id="small-menu-logo" class="logo logo--cbbc logo--animated menu__logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve" preserveaspectratio="xMaxYMin meet"> <defs> <clippath id="small-menu-logo-outer-logo-path"> <ellipse cx="31.5" cy="30" rx="30.5" ry="30"></ellipse> </clippath> </defs> <g style="clip-path: url(/web/20170829205350im_/http://www.bbc.co.uk/cbbc/joinin#small-menu-logo-outer-logo-path);"> <path class="logo__part logo__part--pink" fill="#FF2C9F" d="M18.2,2.9v13.6v1.1v0.4c0,0,0,0,0.1,0c1.1,0,2.2-0.1,3.3-0.4c3.6-0.9,6.5-3.4,8.1-6.7 c0.6-1.3,1.1-2.8,1.2-4.3V0C26.3,0.1,22.1,1.1,18.2,2.9"></path> <path class="logo__part logo__part--raspberry" fill="#D41C6F" d="M21.5,18.5c-1-0.3-2.2-0.4-3.3-0.4c0,0-0.1,0-0.1,0v0.4v23.6v15c3.9,1.8,8.1,2.9,12.6,2.9 V47.7V29.4C30.3,24.2,26.5,19.8,21.5,18.5"></path> <path class="logo__part logo__part--blue" fill="#008AAA" d="M32.6,0v40.9v1.1v0.4c0,0,0,0,0,0c1.1,0,2.2-0.1,3.3-0.4c3.6-0.9,6.5-3.4,8.1-6.7 c0.6-1.3,1.1-2.8,1.2-4.3V3.4C41.4,1.4,37.1,0.2,32.6,0"></path> <path class="logo__part logo__part--turquoise" fill="#00D2A9" d="M35.9,42.9c-1-0.3-2.2-0.4-3.3-0.4c0,0,0,0,0,0v0.4v2.9V60c4.5-0.2,8.7-1.4,12.6-3.4v-2.7 C44.6,48.6,40.9,44.3,35.9,42.9"></path> <path class="logo__part logo__part--green" fill="#9FE600" d="M16.4,17.9V3.9C7.3,9.2,1.2,18.9,1.2,29.9S7.3,50.7,16.4,56v-14c-2.8-3.3-4.3-7.5-4.3-12.1 S13.7,21.2,16.4,17.9"></path> <path class="logo__part logo__part--pink-replacement" fill="#FF2C9F" d="M18.2,2.9v38v1.1v0.4c0,0,0,0,0.1,0c1.1,0,2.2-0.1,3.3-0.4c3.6-0.9,6.5-3.4,8.1-6.7 c0.6-1.3,1.1-2.8,1.2-4.3V0C26.3,0.1,22.1,1.1,18.2,2.9"></path> <path class="logo__part logo__part--turquoise-replacement" fill="#00D2A9" d="M35.9,18.5c-1-0.3-2.2-0.4-3.3-0.4c0,0,0,0,0,0v0.4v2.9V60c4.5-0.2,8.7-1.4,12.6-3.4V29.4 C44.6,24.2,40.9,19.8,35.9,18.5"></path> <path class="logo__part logo__part--orange" fill="#F76C06" d="M58.8,17.2C58.8,17.2,58.8,17.2,58.8,17.2C58.2,16.1,57.6,15,57,14 c-2.4-3.9-5.7-7.2-9.6-9.6v19.3C52.2,23.6,56.4,21.1,58.8,17.2"></path> <path class="logo__part logo__part--dark-orange" fill="#F63400" d="M47.3,36.3v19.3c3.9-2.4,7.2-5.7,9.6-9.6c0.3-0.5,0.6-1.1,0.9-1.6c0.3-0.5,0.6-1.1,0.8-1.7 l0,0C56.4,38.8,52.2,36.3,47.3,36.3"></path> </g> </svg> <script> require(['jquery-1', 'modernizr', 'childrens/logo/animated-cbbc-logo'], function ($, Modernizr, logoAnimation) { var shouldAnimateLogo = Modernizr.svg && Modernizr.cssanimations; if (shouldAnimateLogo) { var logo = logoAnimation({id: '#small-menu-logo'}); $(document).ready(function () { setTimeout(logo.play, 800); }); } }); </script> Home </a> <button id="menu-toggle" class="menu__toggle" data-stats-interaction="navigation" data-stats-interaction-action="button" data-stats-interaction-variant="open"> <span id="menu-toggle-title" class="menu__toggle-title">Menu</span> <i aria-hidden="true" class="menu__toggle-icon"></i> </button> </div> <div class="menu__contents"> <div class="menu__list"> <ul class="menu__list-inner"> <li class="menu__item menu__item--home"> <a class="menu__link" href="/web/20170829205350/http://www.bbc.co.uk/cbbc" data-stats-interaction="navigation" data-stats-interaction-variant="home"> <span class="menu__link-icon"> <svg version="1.1" id="large-menu-logo" class="logo logo--cbbc logo--animated menu__logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve" preserveaspectratio="xMaxYMin meet"> <defs> <clippath id="large-menu-logo-outer-logo-path"> <ellipse cx="31.5" cy="30" rx="30.5" ry="30"></ellipse> </clippath> </defs> <g style="clip-path: url(/web/20170829205350im_/http://www.bbc.co.uk/cbbc/joinin#large-menu-logo-outer-logo-path);"> <path class="logo__part logo__part--pink" fill="#FF2C9F" d="M18.2,2.9v13.6v1.1v0.4c0,0,0,0,0.1,0c1.1,0,2.2-0.1,3.3-0.4c3.6-0.9,6.5-3.4,8.1-6.7 c0.6-1.3,1.1-2.8,1.2-4.3V0C26.3,0.1,22.1,1.1,18.2,2.9"></path> <path class="logo__part logo__part--raspberry" fill="#D41C6F" d="M21.5,18.5c-1-0.3-2.2-0.4-3.3-0.4c0,0-0.1,0-0.1,0v0.4v23.6v15c3.9,1.8,8.1,2.9,12.6,2.9 V47.7V29.4C30.3,24.2,26.5,19.8,21.5,18.5"></path> <path class="logo__part logo__part--blue" fill="#008AAA" d="M32.6,0v40.9v1.1v0.4c0,0,0,0,0,0c1.1,0,2.2-0.1,3.3-0.4c3.6-0.9,6.5-3.4,8.1-6.7 c0.6-1.3,1.1-2.8,1.2-4.3V3.4C41.4,1.4,37.1,0.2,32.6,0"></path> <path class="logo__part logo__part--turquoise" fill="#00D2A9" d="M35.9,42.9c-1-0.3-2.2-0.4-3.3-0.4c0,0,0,0,0,0v0.4v2.9V60c4.5-0.2,8.7-1.4,12.6-3.4v-2.7 C44.6,48.6,40.9,44.3,35.9,42.9"></path> <path class="logo__part logo__part--green" fill="#9FE600" d="M16.4,17.9V3.9C7.3,9.2,1.2,18.9,1.2,29.9S7.3,50.7,16.4,56v-14c-2.8-3.3-4.3-7.5-4.3-12.1 S13.7,21.2,16.4,17.9"></path> <path class="logo__part logo__part--pink-replacement" fill="#FF2C9F" d="M18.2,2.9v38v1.1v0.4c0,0,0,0,0.1,0c1.1,0,2.2-0.1,3.3-0.4c3.6-0.9,6.5-3.4,8.1-6.7 c0.6-1.3,1.1-2.8,1.2-4.3V0C26.3,0.1,22.1,1.1,18.2,2.9"></path> <path class="logo__part logo__part--turquoise-replacement" fill="#00D2A9" d="M35.9,18.5c-1-0.3-2.2-0.4-3.3-0.4c0,0,0,0,0,0v0.4v2.9V60c4.5-0.2,8.7-1.4,12.6-3.4V29.4 C44.6,24.2,40.9,19.8,35.9,18.5"></path> <path class="logo__part logo__part--orange" fill="#F76C06" d="M58.8,17.2C58.8,17.2,58.8,17.2,58.8,17.2C58.2,16.1,57.6,15,57,14 c-2.4-3.9-5.7-7.2-9.6-9.6v19.3C52.2,23.6,56.4,21.1,58.8,17.2"></path> <path class="logo__part logo__part--dark-orange" fill="#F63400" d="M47.3,36.3v19.3c3.9-2.4,7.2-5.7,9.6-9.6c0.3-0.5,0.6-1.1,0.9-1.6c0.3-0.5,0.6-1.1,0.8-1.7 l0,0C56.4,38.8,52.2,36.3,47.3,36.3"></path> </g> </svg> <script> require(['jquery-1', 'modernizr', 'childrens/logo/animated-cbbc-logo'], function ($, Modernizr, logoAnimation) { var shouldAnimateLogo = Modernizr.svg && Modernizr.cssanimations; if (shouldAnimateLogo) { var logo = logoAnimation({id: '#large-menu-logo'}); $(document).ready(function () { setTimeout(logo.play, 800); }); } }); </script> </span><span class="menu__link-label">Home</span> </a> </li><li class="menu__item menu__item--shows"> <a class="menu__link" href="/web/20170829205350/http://www.bbc.co.uk/cbbc/shows" data-stats-interaction="navigation" data-stats-interaction-variant="shows"> <span class="menu__link-icon"></span><span class="menu__link-label">Shows</span> </a> </li><li class="menu__item menu__item--games"> <a class="menu__link" href="/web/20170829205350/http://www.bbc.co.uk/cbbc/games" data-stats-interaction="navigation" data-stats-interaction-variant="games"> <span class="menu__link-icon"></span><span class="menu__link-label">Games</span> </a> </li><li class="menu__item menu__item--quizzes"> <a class="menu__link" href="/web/20170829205350/http://www.bbc.co.uk/cbbc/quizzes" data-stats-interaction="navigation" data-stats-interaction-variant="quizzes"> <span class="menu__link-icon"></span><span class="menu__link-label">Quizzes</span> </a> </li><li class="menu__item menu__item--watch"> <a class="menu__link" href="/web/20170829205350/http://www.bbc.co.uk/cbbc/watch" data-stats-interaction="navigation" data-stats-interaction-variant="watch"> <span class="menu__link-icon"></span><span class="menu__link-label">Watch</span> </a> </li><li class="menu__item menu__item--joinin menu__item--current"> <a class="menu__link" href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin" data-stats-interaction="navigation" data-stats-interaction-variant="joinin"> <span class="menu__link-icon"></span><span class="menu__link-label">Join In</span> </a> </li><li class="menu__item menu__item--topics"> <a class="menu__link" href="/web/20170829205350/http://www.bbc.co.uk/cbbc/topics" data-stats-interaction="navigation" data-stats-interaction-variant="topics"> <span class="menu__link-icon"></span><span class="menu__link-label">Topics</span> </a> </li><li class="menu__item menu__item--newsround"> <a class="menu__link" href="/web/20170829205350/http://www.bbc.co.uk/newsround" data-stats-interaction="navigation" data-stats-interaction-variant="newsround"> <span class="menu__link-icon"></span><span class="menu__link-label">Newsround</span> </a> </li> </ul> <div class="menu__search-bar menu__search-bar--open"> <form id="search-bar-in-menu" class="search-bar" role="search" action="//web.archive.org/web/20170829205350/http://search.bbc.co.uk/search" method="get" accept-charset="utf-8"> <label for="search-bar-input-in-menu" class="search-bar__label vh">Start your search here...</label> <input type="hidden" name="scope" value="cbbc"> <div class="search-bar__input-area"> <input id="search-bar-input-in-menu" class="search-bar__input" type="text" name="q" placeholder="Start your search here..."> <button class="search-bar__clear" aria-label="Clear Search" type="button" data-stats-interaction="search_bar" data-stats-interaction-variant="clear" data-stats-interaction-action="button"> <i class="search-bar__clear-icon gelicon gelicon--no" aria-hidden="true"></i> </button> </div> <button aria-label="Search" class="search-bar__button"> <div class="search-bar__button-inner"> <span class="search-bar__button-image"></span> </div> </button> </form> <script> require(['jquery-1'], function ($) { function clearSearchOnClick() { var $searchBar = $('#search-bar-in-menu'); var $searchInput = $('#search-bar-input-in-menu'); var $clearButton = $searchBar.find('.search-bar__clear'); $clearButton.on('click', function () { $searchInput.val("").focus(); $clearButton.hide(); }); function hideOrShowClearButton() { var isEmpty = $searchInput.val() === ""; isEmpty ? $clearButton.hide() : $clearButton.show(); } hideOrShowClearButton(); $searchInput.on('keyup keypress blur change', hideOrShowClearButton); } function setNextPageIstatsLabelsOnFormSubmit() { var $searchForm = $('#search-bar-in-menu'); function canSetPerformanceCookies() { return window.bbccookies && window.bbccookies.cookiesEnabled() && window.bbccookies.readPolicy('performance'); } function setNextPageIstatsCookie(labels, domain) { var encodedLabels = $.map(labels, function(value, key) { return encodeURIComponent(key) + '=' + encodeURIComponent(value); }); var encodedLabelString = encodeURIComponent(encodedLabels.join('&')); document.cookie = 'sa_labels=' + encodedLabelString + '; domain=' + domain + '; path=/'; } var $searchButton = $searchForm.find('.search-bar__button'); function searchButtonIsActive() { return document.activeElement === $searchButton[0]; } $searchForm.submit(function () { if (canSetPerformanceCookies()) { var pageType = $(this).closest('[data-stats-page-type]').attr('data-stats-page-type'); var submitType = searchButtonIsActive() ? 'button' : 'submit'; var labels = { 'intlink_from_url': window.location.href, 'intlink_ts': new Date().getTime(), 'intlink_id': 'childrens-local-search-' + submitType, 'link_location': 'childrens-local-search-' + pageType }; setNextPageIstatsCookie(labels, 'bbc.co.uk'); } }); } 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/20170829205350/http://search.bbc.co.uk/search" method="get" accept-charset="utf-8"> <label for="search-bar-input-below-menu" class="search-bar__label vh">Start your search here...</label> <input type="hidden" name="scope" value="cbbc"> <div class="search-bar__input-area"> <input id="search-bar-input-below-menu" class="search-bar__input" type="text" name="q" placeholder="Start your search here..."> <button class="search-bar__clear" aria-label="Clear Search" type="button" data-stats-interaction="search_bar" data-stats-interaction-variant="clear" data-stats-interaction-action="button"> <i class="search-bar__clear-icon gelicon gelicon--no" aria-hidden="true"></i> </button> </div> <button aria-label="Search" class="search-bar__button"> <div class="search-bar__button-inner"> <span class="search-bar__button-image"></span> </div> </button> </form> <script> require(['jquery-1'], function ($) { function clearSearchOnClick() { var $searchBar = $('#search-bar-below-menu'); var $searchInput = $('#search-bar-input-below-menu'); var $clearButton = $searchBar.find('.search-bar__clear'); $clearButton.on('click', function () { $searchInput.val("").focus(); $clearButton.hide(); }); function hideOrShowClearButton() { var isEmpty = $searchInput.val() === ""; isEmpty ? $clearButton.hide() : $clearButton.show(); } hideOrShowClearButton(); $searchInput.on('keyup keypress blur change', hideOrShowClearButton); } function setNextPageIstatsLabelsOnFormSubmit() { var $searchForm = $('#search-bar-below-menu'); function canSetPerformanceCookies() { return window.bbccookies && window.bbccookies.cookiesEnabled() && window.bbccookies.readPolicy('performance'); } function setNextPageIstatsCookie(labels, domain) { var encodedLabels = $.map(labels, function(value, key) { return encodeURIComponent(key) + '=' + encodeURIComponent(value); }); var encodedLabelString = encodeURIComponent(encodedLabels.join('&')); document.cookie = 'sa_labels=' + encodedLabelString + '; domain=' + domain + '; path=/'; } var $searchButton = $searchForm.find('.search-bar__button'); function searchButtonIsActive() { return document.activeElement === $searchButton[0]; } $searchForm.submit(function () { if (canSetPerformanceCookies()) { var pageType = $(this).closest('[data-stats-page-type]').attr('data-stats-page-type'); var submitType = searchButtonIsActive() ? 'button' : 'submit'; var labels = { 'intlink_from_url': window.location.href, 'intlink_ts': new Date().getTime(), 'intlink_id': 'childrens-local-search-' + submitType, 'link_location': 'childrens-local-search-' + pageType }; setNextPageIstatsCookie(labels, 'bbc.co.uk'); } }); } 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="index-page" role="main" data-istats-index="joinin"> <div class="window window--extra-wide grid-container"> <h1 class="vh">Join In - Chat, vote, send your pics and videos</h1> <div class="promo-area promo-area--variant-a promo-area--space-main promo-area--multiple promo-area--has-primary-promo "> <div class="promo-area__grid"> <div class="promo-area__item promo promo--overlay promo-area__item--large promo--large promo--joinin"> <a class="promo__link" href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/challenge-champion-noah-henry" data-stats-interaction="promo" data-stats-interaction-variant="joinin_main" data-stats-interaction-position="0"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--primary promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/challenge_champ_noah_henry_whisper_promo_a.jpg" data-alt="Noah and Henry from The Next Step standing next to each other. Noah is pointing at Henry who is wearing headphones."></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/challenge_champ_noah_henry_whisper_promo_a.jpg" alt="Noah and Henry from The Next Step standing next to each other. Noah is pointing at Henry who is wearing headphones."/></noscript> </span> <span class="responsive-img responsive-img--61x25 promo__image promo__image--secondary promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/challenge_champ_noah_henry_whisper_promo_b.jpg" data-alt="Noah and Henry from The Next Step standing next to each other. Noah is pointing at Henry who is wearing headphones."></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/challenge_champ_noah_henry_whisper_promo_b.jpg" alt="Noah and Henry from The Next Step standing next to each other. Noah is pointing at Henry who is wearing headphones."/></noscript> </span> </div> <div class="promo__info"> <span class="promo__caption">Who should win the whisper challenge?</span> <div class="promo__cta button button--joinin button--small-until-medium-wide "><div class="button__link"><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Vote Now</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span></div></div> </div> </div> </a> </div><div class="promo-area__secondary"> <div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--joinin"> <a class="promo__link" href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/join-jamie-johnson-match-of-the-day-kickabout-be-on-jamie-johnson" data-stats-interaction="promo" data-stats-interaction-variant="joinin_main" data-stats-interaction-position="1"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/join-jamie-johnson-kickabout-promo_B.jpg" data-alt="Jamie Johnson and MOTD Kickabout logos."></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/join-jamie-johnson-kickabout-promo_B.jpg" alt="Jamie Johnson and MOTD Kickabout logos."/></noscript> </span> </div> <div class="promo__info"> <span class="promo__caption">YOU could be in the next series of Jamie Johnson!</span> <div class="promo__cta button button--joinin button--small "><div class="button__link"><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Find Out How</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span></div></div> </div> </div> </a> </div><div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--curations"> <a class="promo__link" href="/web/20170829205350/http://www.bbc.co.uk/cbbc/curations/be-on-a-show" data-stats-interaction="promo" data-stats-interaction-variant="joinin_main" data-stats-interaction-position="2"> <div class="promo__contents"> <div class="promo__media"> <span class="responsive-img responsive-img--61x25 promo__image promo__image--with-gradient"> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/be-on-a-show-promoB.jpg" data-alt="Be on a show"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/be-on-a-show-promoB.jpg" alt="Be on a show"/></noscript> </span> </div> <div class="promo__info"> <span class="promo__caption">Want to take part in a CBBC show?</span> <div class="promo__cta button button--curations button--small "><div class="button__link"><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Get Involved</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span></div></div> </div> </div> </a> </div> </div></div> </div> </div> <div class="index-page__content"> <div class="window window--extra-wide grid-container"> <div class="grid"> <section class="filter-bar filter-bar--joinin" data-ng-controller="FilterBarController"> <div id="filter" class="anchor filter-bar__anchor-offset"> </div> <div class="filter-bar__frame" data-ng-class="{'filter-bar__frame--closed' : isFilterBarHidden}"> <span>Sort Join In by...</span> <a class="filter-bar__mobile-toggle" data-ng-click="toggleFilterBarDisplay()"> <i data-ng-class="{'gelicon gelicon--down': isFilterBarHidden, 'gelicon gelicon--up': !isFilterBarHidden}" aria-hidden="true"></i> </a> </div> <ul class="filter-bar__list ng-cloak" data-ng-hide="isFilterBarHidden"><li class="filter-bar__segment"><a class="filter-bar__category filter-bar__category--all filter-bar__category--active " data-ng-click="showFilters('all')" data-istats-click="category:click" data-istats-section="joinin" data-istats-category="all" data-stats-interaction="filter_bar" data-stats-interaction-variant="all" href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin#filter"><span>All</span></a></li><li class="filter-bar__segment"><button class="filter-bar__category filter-bar__category--type " data-ng-click="showFilters('type')" data-istats-click="category:click" data-istats-section="joinin" data-istats-category="type" data-ng-class="{'filter-bar__category--selected' : !isHidden('type')}"> <span>Type</span> <i data-ng-class="{'gelicon gelicon--down': isHidden('type'), 'gelicon gelicon--up': !isHidden('type')}" aria-hidden="true"></i> </button><div class="filter-bar__filters filter-bar__filters--type ng-cloak" data-ng-class="{hide: isHidden('type'), 'filter-bar__filters--open' : !isHidden('type')}"><ul class="filter-bar__filter-list"><li class="filter-bar__filter filter-bar__filter--arts-and-crafts "> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/type/arts-and-crafts#filter" data-stats-interaction="filter_bar" data-stats-interaction-variant="type"><i class="filter-bar__filter-icon" style="background-image:url('https://web.archive.org/web/20170829205350im_/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/arts_and_crafts.svg');"></i><span class="filter-bar__filter-name">Arts and Crafts</span></a> </li><li class="filter-bar__filter filter-bar__filter--backstage-behind-the-scenes "> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/type/backstage-behind-the-scenes#filter" data-stats-interaction="filter_bar" data-stats-interaction-variant="type"><i class="filter-bar__filter-icon" style="background-image:url('https://web.archive.org/web/20170829205350im_/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/backstage_behind_the_scenes.svg');"></i><span class="filter-bar__filter-name">Behind the Scenes</span></a> </li><li class="filter-bar__filter filter-bar__filter--chats "> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/type/chats#filter" data-stats-interaction="filter_bar" data-stats-interaction-variant="type"><i class="filter-bar__filter-icon" style="background-image:url('https://web.archive.org/web/20170829205350im_/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/chats.svg');"></i><span class="filter-bar__filter-name">Chats</span></a> </li><li class="filter-bar__filter filter-bar__filter--creative "> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/type/creative#filter" data-stats-interaction="filter_bar" data-stats-interaction-variant="type"><i class="filter-bar__filter-icon" style="background-image:url('https://web.archive.org/web/20170829205350im_/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/being_creative.svg');"></i><span class="filter-bar__filter-name">Creative</span></a> </li><li class="filter-bar__filter filter-bar__filter--dress-up "> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/type/dress-up#filter" data-stats-interaction="filter_bar" data-stats-interaction-variant="type"><i class="filter-bar__filter-icon" style="background-image:url('https://web.archive.org/web/20170829205350im_/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/dress_up.svg');"></i><span class="filter-bar__filter-name">Dress-up</span></a> </li><li class="filter-bar__filter filter-bar__filter--fan-clubs "> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/type/fan-clubs#filter" data-stats-interaction="filter_bar" data-stats-interaction-variant="type"><i class="filter-bar__filter-icon" style="background-image:url('https://web.archive.org/web/20170829205350im_/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/fan_clubs.svg');"></i><span class="filter-bar__filter-name">Fan Clubs</span></a> </li><li class="filter-bar__filter filter-bar__filter--funny "> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/type/funny#filter" data-stats-interaction="filter_bar" data-stats-interaction-variant="type"><i class="filter-bar__filter-icon" style="background-image:url('https://web.archive.org/web/20170829205350im_/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/funny.svg');"></i><span class="filter-bar__filter-name">Funny</span></a> </li><li class="filter-bar__filter filter-bar__filter--interviews "> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/type/interviews#filter" data-stats-interaction="filter_bar" data-stats-interaction-variant="type"><i class="filter-bar__filter-icon" style="background-image:url('https://web.archive.org/web/20170829205350im_/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/music_interview.svg');"></i><span class="filter-bar__filter-name">Interviews</span></a> </li><li class="filter-bar__filter filter-bar__filter--music-and-dance "> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/type/music-and-dance#filter" data-stats-interaction="filter_bar" data-stats-interaction-variant="type"><i class="filter-bar__filter-icon" style="background-image:url('https://web.archive.org/web/20170829205350im_/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/music_and_dance.svg');"></i><span class="filter-bar__filter-name">Music and Dance</span></a> </li><li class="filter-bar__filter filter-bar__filter--quick-play "> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/type/quick-play#filter" data-stats-interaction="filter_bar" data-stats-interaction-variant="type"><i class="filter-bar__filter-icon" style="background-image:url('https://web.archive.org/web/20170829205350im_/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/quick_play.svg');"></i><span class="filter-bar__filter-name">Quick Play</span></a> </li><li class="filter-bar__filter filter-bar__filter--send-ins "> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/type/send-ins#filter" data-stats-interaction="filter_bar" data-stats-interaction-variant="type"><i class="filter-bar__filter-icon" style="background-image:url('https://web.archive.org/web/20170829205350im_/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/send_ins.svg');"></i><span class="filter-bar__filter-name">Send-ins</span></a> </li><li class="filter-bar__filter filter-bar__filter--sport "> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/type/sport#filter" data-stats-interaction="filter_bar" data-stats-interaction-variant="type"><i class="filter-bar__filter-icon" style="background-image:url('https://web.archive.org/web/20170829205350im_/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/sport.svg');"></i><span class="filter-bar__filter-name">Sport</span></a> </li><li class="filter-bar__filter filter-bar__filter--votes "> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/type/votes#filter" data-stats-interaction="filter_bar" data-stats-interaction-variant="type"><i class="filter-bar__filter-icon" style="background-image:url('https://web.archive.org/web/20170829205350im_/https://childrens-binary.files.bbci.co.uk/childrens-binarystore/cbbc/votes.svg');"></i><span class="filter-bar__filter-name">Votes</span></a> </li></ul></div></li></ul> </section> </div> <div class="grid"> <div id="pocket-content-card-container" class="content-collection-sections__item content-collection-section"> <span class="anchor" id="pocket-content-cards"></span> <div class="content-collection-section__portal"> <div class="content-collection-section__panel"> <ul class="content-list"> <li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/watch/the-next-step-piper-trouble" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="0" data-istats-flag="New today" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/the_next_step_s5_ep3_sp_new.jpg" data-alt="The Next Step - Amy gets Piper in trouble"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/the_next_step_s5_ep3_sp_new.jpg" alt="The Next Step - Amy gets Piper in trouble"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-today flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New today</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Amy gets Piper in trouble"> Amy gets Piper in trouble </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from The Next Step">The Next Step</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">20</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">59</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/newsround-guess-the-newsstory-1" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="1" data-istats-flag="New today" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/newsround-guess-the-newsstory_index.jpg" data-alt="Newsround - Guess the news story from the animation"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/newsround-guess-the-newsstory_index.jpg" alt="Newsround - Guess the news story from the animation"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-today flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New today</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Guess the news story from the animation"> Guess the news story from the animation </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Newsround">Newsround</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">1258</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">1445</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/quizzes/horrible-histories-have-you-been-watching-preposterous-presidents" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="2" data-istats-flag="New this week" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/horrible-histories-have-you-been-watching-preposterous_presidents-index.jpg" data-alt="Horrible Histories - Quiz: Preposterous Presidents"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/horrible-histories-have-you-been-watching-preposterous_presidents-index.jpg" alt="Horrible Histories - Quiz: Preposterous Presidents"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-week flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this week</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Quiz: Preposterous Presidents"> Quiz: Preposterous Presidents </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Horrible Histories">Horrible Histories</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">6</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">12</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/the-deep-spot-the-difference-new" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="3" data-istats-flag="New this week" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/deep_std_s2_e7_index.jpg" data-alt="The Deep - Can you Spot The Difference?"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/deep_std_s2_e7_index.jpg" alt="The Deep - Can you Spot The Difference?"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-week flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this week</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Can you Spot The Difference?"> Can you Spot The Difference? </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from The Deep">The Deep</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">35</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">85</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/watch/top-this-ep-6-lip-sync" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="4" data-istats-flag="New this week" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/top_this_ep6_index.jpg" data-alt="Top This - Lip Sync Challenge and reactions"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/top_this_ep6_index.jpg" alt="Top This - Lip Sync Challenge and reactions"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-week flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this week</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Lip Sync Challenge and reactions"> Lip Sync Challenge and reactions </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Top This">Top This</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">14</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">19</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/bp-where-in-the-world-is-shelley" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="5" data-istats-flag="New this week" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/bp-shelley-rtw.jpg" data-alt="Blue Peter - Where in the world is Shelley?"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/bp-shelley-rtw.jpg" alt="Blue Peter - Where in the world is Shelley?"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-week flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this week</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Where in the world is Shelley?"> Where in the world is Shelley? </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Blue Peter">Blue Peter</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">475</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">520</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/games/bp-puzzles-and-riddles-week-31" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="6" data-istats-flag="New this week" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Radzi-riddles-week-31-image.jpg" data-alt="Blue Peter - Radzi's Riddles and Puzzles 31"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Radzi-riddles-week-31-image.jpg" alt="Blue Peter - Radzi's Riddles and Puzzles 31"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-week flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this week</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Radzi's Riddles and Puzzles 31"> Radzi's Riddles and Puzzles 31 </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Blue Peter">Blue Peter</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">15</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">11</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/the-playlist-sessions#summer-sizzler" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="7" data-istats-flag="New this week" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/summer-sizzler-5-content-card.jpg" data-alt="The Playlist - What's Your #SummerSizzler?"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/summer-sizzler-5-content-card.jpg" alt="The Playlist - What's Your #SummerSizzler?"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-week flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this week</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="What's Your #SummerSizzler?"> What's Your #SummerSizzler? </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from The Playlist">The Playlist</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/the-playlist-sessions" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="8" data-istats-flag="New this week" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/playlist-session-content-card2.jpg" data-alt="The Playlist - The Playlist Sessions"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/playlist-session-content-card2.jpg" alt="The Playlist - The Playlist Sessions"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-week flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this week</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="The Playlist Sessions"> The Playlist Sessions </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from The Playlist">The Playlist</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">510</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">127</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/challenge-champion-noah-henry" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="9" data-istats-flag="New this week" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/whisper_challenge_index_noah_henry.jpg" data-alt="The Next Step - Vote: Noah vs. Henry"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/whisper_challenge_index_noah_henry.jpg" alt="The Next Step - Vote: Noah vs. Henry"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-week flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this week</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Vote: Noah vs. Henry"> Vote: Noah vs. Henry </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from The Next Step">The Next Step</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">78</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">150</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/cbbc-hq-summer-summaries" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="10" data-istats-flag="New this week" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/CBBC-HQ-Summer-Summaries-v2.jpg" data-alt="CBBC HQ - Holiday Highlights"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/CBBC-HQ-Summer-Summaries-v2.jpg" alt="CBBC HQ - Holiday Highlights"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-week flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this week</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Holiday Highlights"> Holiday Highlights </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from CBBC HQ">CBBC HQ</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">203</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">76</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/cartoonify-your-comments" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="11" data-istats-flag="New this week" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Cartoonify_Your_Comments_CC_V3.jpg" data-alt="CBBC HQ - Cartoonify Your Comments"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Cartoonify_Your_Comments_CC_V3.jpg" alt="CBBC HQ - Cartoonify Your Comments"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-week flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this week</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Cartoonify Your Comments"> Cartoonify Your Comments </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from CBBC HQ">CBBC HQ</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">602</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">243</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/playlist-cartoonify-your-comments" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="12" data-istats-flag="Playlist" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/banana-promo.jpg" data-alt="CBBC HQ - Your Comments Cartoonified"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/banana-promo.jpg" alt="CBBC HQ - Your Comments Cartoonified"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">Playlist</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Your Comments Cartoonified"> Your Comments Cartoonified </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from CBBC HQ">CBBC HQ</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">141</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">61</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/blue-peter-mystery-robin-stevens" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="13" data-istats-flag="New this week" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/bp-mysterypage1.jpg" data-alt="Blue Peter - SOLVED: Who stole Radzi's wrestling costume?"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/bp-mysterypage1.jpg" alt="Blue Peter - SOLVED: Who stole Radzi's wrestling costume?"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-week flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this week</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="SOLVED: Who stole Radzi's wrestling costume?"> SOLVED: Who stole Radzi's wrestling costume? </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Blue Peter">Blue Peter</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">1616</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">277</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/bp-get-in-touch" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="14" data-istats-flag="Join in" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/blue-peter-fan-club-v6.jpg" data-alt="Blue Peter - Blue Peter Fan Club"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/blue-peter-fan-club-v6.jpg" alt="Blue Peter - Blue Peter Fan Club"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">Join in</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Blue Peter Fan Club"> Blue Peter Fan Club </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Blue Peter">Blue Peter</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">283261</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">8797</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/newsround-hilarious-headlines" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="15" data-istats-flag="New this week" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/newsround-hilariousheadlines-240817_index.jpg" data-alt="Newsround - Hilarious Headlines"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/newsround-hilariousheadlines-240817_index.jpg" alt="Newsround - Hilarious Headlines"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-week flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this week</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Hilarious Headlines"> Hilarious Headlines </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Newsround">Newsround</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">678</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">257</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/cbbc-summer-club-2017" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="16" data-istats-flag="New this week" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/summer-club-2017_index.jpg" data-alt="CBBC HQ - Summer Club 2017"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/summer-club-2017_index.jpg" alt="CBBC HQ - Summer Club 2017"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-week flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this week</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Summer Club 2017"> Summer Club 2017 </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from CBBC HQ">CBBC HQ</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">1266</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">292</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/bp-send-a-video-to-barney" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="17" data-istats-flag="New this week" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/bp-barney-video-hero.jpg" data-alt="Blue Peter - Send a video to Barney"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/bp-barney-video-hero.jpg" alt="Blue Peter - Send a video to Barney"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-week flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this week</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Send a video to Barney"> Send a video to Barney </p> <div class="content-card__details"> <p class="content-card__subtitle " aria-label="from Blue Peter">Blue Peter</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">72</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/newsround-cooking-show-vote" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="18" data-istats-flag="New this week" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/nr-bakeoffVshowdown.jpg" data-alt="Newsround - Vote Results: Bake Off or Cooking Showdown"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/nr-bakeoffVshowdown.jpg" alt="Newsround - Vote Results: Bake Off or Cooking Showdown"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-week flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this week</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Vote Results: Bake Off or Cooking Showdown"> Vote Results: Bake Off or Cooking Showdown </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Newsround">Newsround</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">41</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">48</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/cbbc-hq-the-gamers-room" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="19" data-istats-flag="New this week" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Gamers-Room-Karim.jpg" data-alt="CBBC HQ - The Gamers' Room"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Gamers-Room-Karim.jpg" alt="CBBC HQ - The Gamers' Room"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-week flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this week</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="The Gamers' Room"> The Gamers' Room </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from CBBC HQ">CBBC HQ</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">343</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">461</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/watch/the-next-step-michelle-news" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="20" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/the_next_step_s5_ep2_sp.jpg" data-alt="The Next Step - Vote Results: Michelle has some news"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/the_next_step_s5_ep2_sp.jpg" alt="The Next Step - Vote Results: Michelle has some news"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Vote Results: Michelle has some news"> Vote Results: Michelle has some news </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from The Next Step">The Next Step</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">129</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">360</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/quizzes/horrible-histories-have-you-been-watching-ingenious-inventors" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="21" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/horrible-histories-have-you-been-watching-ingenious-inventors-index.jpg" data-alt="Horrible Histories - Quiz: Ingenious Inventors"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/horrible-histories-have-you-been-watching-ingenious-inventors-index.jpg" alt="Horrible Histories - Quiz: Ingenious Inventors"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Quiz: Ingenious Inventors"> Quiz: Ingenious Inventors </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Horrible Histories">Horrible Histories</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">34</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">30</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/watch/top-this-episode-not-my-arms-emoji-biscuits" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="22" data-istats-flag="Web Exclusive" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/top-this-ep-5-not-my-arms-emoji-biscuits-index.jpg" data-alt="Top This - Not My Arms Challenge & Emoji Biscuits"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/top-this-ep-5-not-my-arms-emoji-biscuits-index.jpg" alt="Top This - Not My Arms Challenge & Emoji Biscuits"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">Web Exclusive</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Not My Arms Challenge & Emoji Biscuits"> Not My Arms Challenge & Emoji Biscuits </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Top This">Top This</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">16</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">40</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/newsround-uniform-vote" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="23" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/nr_school_uniform.jpg" data-alt="Newsround - Vote Results: School uniforms"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/nr_school_uniform.jpg" alt="Newsround - Vote Results: School uniforms"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Vote Results: School uniforms"> Vote Results: School uniforms </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Newsround">Newsround</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">87</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">62</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/the-playlist-sessions#you-play-say-what" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="24" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/you-play-say-waht.jpg" data-alt="The Playlist - You Play 'Say What!?'"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/you-play-say-waht.jpg" alt="The Playlist - You Play 'Say What!?'"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="You Play 'Say What!?'"> You Play 'Say What!?' </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from The Playlist">The Playlist</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/join-jamie-johnson-match-of-the-day-kickabout-be-on-jamie-johnson" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="25" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/join-jamie-johnson-holding.jpg" data-alt="MOTD Kickabout - Join Jamie Johnson"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/join-jamie-johnson-holding.jpg" alt="MOTD Kickabout - Join Jamie Johnson"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Join Jamie Johnson"> Join Jamie Johnson </p> <div class="content-card__details"> <p class="content-card__subtitle " aria-label="from MOTD Kickabout">MOTD Kickabout</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">99</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/watch/bp-make-your-own-fidget-spinner" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="26" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/bp-fidget-spinner-make.jpg" data-alt="Blue Peter - Make your own fidget spinner"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/bp-fidget-spinner-make.jpg" alt="Blue Peter - Make your own fidget spinner"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Make your own fidget spinner"> Make your own fidget spinner </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Blue Peter">Blue Peter</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">41</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">143</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/bp-goodbye-barney-harwood" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="27" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/bp-goodbye-barney-index.jpg" data-alt="Blue Peter - Say goodbye to Barney!"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/bp-goodbye-barney-index.jpg" alt="Blue Peter - Say goodbye to Barney!"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Say goodbye to Barney!"> Say goodbye to Barney! </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Blue Peter">Blue Peter</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">280</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">123</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/watch/bp-derek-landy-how-to-create-awesome-characters" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="28" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/bp-derek-landy-how-to-create-characters-MAIN.jpg" data-alt="Blue Peter - How to create awesome characters"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/bp-derek-landy-how-to-create-characters-MAIN.jpg" alt="Blue Peter - How to create awesome characters"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="How to create awesome characters"> How to create awesome characters </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Blue Peter">Blue Peter</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">54</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">19</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/next-step-fan-club" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="29" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/TNS-fan-club-index-new-jun16.jpg" data-alt="The Next Step - The Next Step Fan Club"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/TNS-fan-club-index-new-jun16.jpg" alt="The Next Step - The Next Step Fan Club"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="The Next Step Fan Club"> The Next Step Fan Club </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from The Next Step">The Next Step</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">116972</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">3540</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/watch/the-next-step-new-start" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="30" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/the_next_step_s5_ep1_sp1.jpg" data-alt="The Next Step - Vote Results: New studio...new start?"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/the_next_step_s5_ep1_sp1.jpg" alt="The Next Step - Vote Results: New studio...new start?"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Vote Results: New studio...new start?"> Vote Results: New studio...new start? </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from The Next Step">The Next Step</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">68</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">156</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/quizzes/horrible-histories-have-you-been-watching-heroes-and-villains" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="31" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/horrible-histories-have-you-been-watching-heroes-and-villains-index.jpg" data-alt="Horrible Histories - Quiz: Heroes and Villains"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/horrible-histories-have-you-been-watching-heroes-and-villains-index.jpg" alt="Horrible Histories - Quiz: Heroes and Villains"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Quiz: Heroes and Villains"> Quiz: Heroes and Villains </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Horrible Histories">Horrible Histories</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">43</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">54</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/watch/top-this-ep-4-hula-hoop-and-watermelon-challenge" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="32" data-istats-flag="Web Exclusive" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/top-this-ep-4-hula-hoop-and-watermelon-challenge-index.jpg" data-alt="Top This - Top This: Watermelon & Hula Hoop Challenges"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/top-this-ep-4-hula-hoop-and-watermelon-challenge-index.jpg" alt="Top This - Top This: Watermelon & Hula Hoop Challenges"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">Web Exclusive</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Top This: Watermelon & Hula Hoop Challenges"> Top This: Watermelon & Hula Hoop Challenges </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Top This">Top This</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">18</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">37</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/cbbc-book-club-selfies" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="33" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/cbbc-book-club-selfies_gallery-1.jpg" data-alt="CBBC Book Club - Book Club Selfies"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/cbbc-book-club-selfies_gallery-1.jpg" alt="CBBC Book Club - Book Club Selfies"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Book Club Selfies"> Book Club Selfies </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from CBBC Book Club">CBBC Book Club</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">142</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">330</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/tilly-ramsays-blog-2017" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="34" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/matrb_s03blog_headerimage7.jpg" data-alt="Matilda and the Ramsay Bunch - Tilly's 2017 Blog"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/matrb_s03blog_headerimage7.jpg" alt="Matilda and the Ramsay Bunch - Tilly's 2017 Blog"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Tilly's 2017 Blog"> Tilly's 2017 Blog </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Matilda and the Ramsay Bunch">Matilda and the Ramsay Bunch</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">172</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">418</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/bp-how-to-earn-your-silver-badge" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="35" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/bp-how-will-you-earn-your-silver-badge.jpg" data-alt="Blue Peter - How will you earn your Silver badge?"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/bp-how-will-you-earn-your-silver-badge.jpg" alt="Blue Peter - How will you earn your Silver badge?"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="How will you earn your Silver badge?"> How will you earn your Silver badge? </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Blue Peter">Blue Peter</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">38</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">54</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/watch/bp-robot-answers-your-questions" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="36" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/bp-pepper-interview.jpg" data-alt="Blue Peter - Interview with a robot"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/bp-pepper-interview.jpg" alt="Blue Peter - Interview with a robot"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Interview with a robot"> Interview with a robot </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Blue Peter">Blue Peter</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">73</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">100</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/top-things-about-summer" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="37" data-istats-flag="Join in" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/shutterstock_620872235.jpg" data-alt="Lifebabble - 6 TOP things about summer!"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/shutterstock_620872235.jpg" alt="Lifebabble - 6 TOP things about summer!"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">Join in</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="6 TOP things about summer!"> 6 TOP things about summer! </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Lifebabble">Lifebabble</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">13</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">8</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/motd-kickabout-uploader" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="38" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/your-skills-clip-montage.jpg" data-alt="MOTD Kickabout - Send in your football videos and pictures"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/your-skills-clip-montage.jpg" alt="MOTD Kickabout - Send in your football videos and pictures"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Send in your football videos and pictures"> Send in your football videos and pictures </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from MOTD Kickabout">MOTD Kickabout</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">57</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">44</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/tilly-your-recipes-gallery" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="39" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/tilly-s3-gallery-index.jpg" data-alt="Matilda and the Ramsay Bunch - Your pics of Tilly's recipes"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/tilly-s3-gallery-index.jpg" alt="Matilda and the Ramsay Bunch - Your pics of Tilly's recipes"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Your pics of Tilly's recipes"> Your pics of Tilly's recipes </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Matilda and the Ramsay Bunch">Matilda and the Ramsay Bunch</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">188</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">317</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/watch/the-next-step-latroy-amy" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="40" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/tns_s4_ep39_sp_index.jpg" data-alt="The Next Step - Vote Results: LaTroy breaks Amy's heart"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/tns_s4_ep39_sp_index.jpg" alt="The Next Step - Vote Results: LaTroy breaks Amy's heart"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Vote Results: LaTroy breaks Amy's heart"> Vote Results: LaTroy breaks Amy's heart </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from The Next Step">The Next Step</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">166</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">330</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/quizzes/horrible-histories-have-you-been-watching-atrocious-artists" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="41" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/hhquiz_atrociousartists_index.jpg" data-alt="Horrible Histories - Quiz: Atrocious Artists"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/hhquiz_atrociousartists_index.jpg" alt="Horrible Histories - Quiz: Atrocious Artists"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Quiz: Atrocious Artists"> Quiz: Atrocious Artists </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Horrible Histories">Horrible Histories</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">47</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">39</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/watch/top-this-ep-3-7-second-challenge" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="42" data-istats-flag="Web Exclusive" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/top-this-ep-3-7-second-challenge-index.jpg" data-alt="Top This - Top This: 7 Second Challenge"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/top-this-ep-3-7-second-challenge-index.jpg" alt="Top This - Top This: 7 Second Challenge"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">Web Exclusive</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Top This: 7 Second Challenge"> Top This: 7 Second Challenge </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Top This">Top This</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">16</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">46</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/challenge-champion-piper-richelle" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="43" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/riley-piper-content-card.jpg" data-alt="The Next Step - Results: Challenge Champion - Part 2"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/riley-piper-content-card.jpg" alt="The Next Step - Results: Challenge Champion - Part 2"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Results: Challenge Champion - Part 2"> Results: Challenge Champion - Part 2 </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from The Next Step">The Next Step</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">242</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">352</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/the-worst-witch-ask-ethel" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="44" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Ask_Ethel.png" data-alt="The Worst Witch - Ask Ethel"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Ask_Ethel.png" alt="The Worst Witch - Ask Ethel"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Ask Ethel"> Ask Ethel </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from The Worst Witch">The Worst Witch</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">190</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">107</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/marrying-mum-and-dad-7-be-on-a-show" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="45" data-istats-flag="Join in" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/be-on-marrying-mum-and-dad-top.jpg" data-alt="Marrying Mum and Dad - Be On A Show - Marrying Mum and Dad"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/be-on-marrying-mum-and-dad-top.jpg" alt="Marrying Mum and Dad - Be On A Show - Marrying Mum and Dad"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">Join in</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Be On A Show - Marrying Mum and Dad"> Be On A Show - Marrying Mum and Dad </p> <div class="content-card__details"> <p class="content-card__subtitle " aria-label="from Marrying Mum and Dad ">Marrying Mum and Dad </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">45</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/bp-how-to-get-your-sport-badge-2017" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="46" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/bp-sportbadge-2017.jpg" data-alt="Blue Peter - How to get your Sport badge 2017"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/bp-sportbadge-2017.jpg" alt="Blue Peter - How to get your Sport badge 2017"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="How to get your Sport badge 2017"> How to get your Sport badge 2017 </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Blue Peter">Blue Peter</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">109</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">161</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/cbbc-hq-hacker-summer-wedding" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="47" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Hacker-Summer-Wedding.jpg" data-alt="CBBC HQ - Hacker's Summer Wedding"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Hacker-Summer-Wedding.jpg" alt="CBBC HQ - Hacker's Summer Wedding"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Hacker's Summer Wedding"> Hacker's Summer Wedding </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from CBBC HQ">CBBC HQ</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">58</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">68</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/bp-can-you-find-it-puzzles" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="48" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Summer-Holidays.jpeg" data-alt="Blue Peter - Brain-boggling picture puzzles"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Summer-Holidays.jpeg" alt="Blue Peter - Brain-boggling picture puzzles"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Brain-boggling picture puzzles"> Brain-boggling picture puzzles </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Blue Peter">Blue Peter</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">152</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">198</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/cbbc-hq-summer-dream-scenes" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="49" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Dream-Scenes-v2.jpg" data-alt="CBBC HQ - Summer Dream Scenes"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Dream-Scenes-v2.jpg" alt="CBBC HQ - Summer Dream Scenes"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Summer Dream Scenes"> Summer Dream Scenes </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from CBBC HQ">CBBC HQ</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">23</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">42</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/watch/the-next-step-only-alfie-can-save-the-next-step" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="50" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/next-step-se4-sp38-content-card.jpg" data-alt="The Next Step - Vote Results: Can Alfie save The Next Step?"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/next-step-se4-sp38-content-card.jpg" alt="The Next Step - Vote Results: Can Alfie save The Next Step?"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Vote Results: Can Alfie save The Next Step?"> Vote Results: Can Alfie save The Next Step? </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from The Next Step">The Next Step</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">66</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">206</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/watch/bp-ice-cream-cupcake-bake" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="51" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/ice-cream-cupcake.jpeg" data-alt="Blue Peter - Ice cream cupcake bake"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/ice-cream-cupcake.jpeg" alt="Blue Peter - Ice cream cupcake bake"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Ice cream cupcake bake"> Ice cream cupcake bake </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Blue Peter">Blue Peter</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">29</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">29</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/quizzes/horrible-histories-have-you-been-watching-ridiculous-romantics" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="52" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/horriblehistories_ridiculousromanticsquiz_index.jpg" data-alt="Horrible Histories - Quiz: Ridiculous Romantics"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/horriblehistories_ridiculousromanticsquiz_index.jpg" alt="Horrible Histories - Quiz: Ridiculous Romantics"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Quiz: Ridiculous Romantics"> Quiz: Ridiculous Romantics </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Horrible Histories">Horrible Histories</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">93</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">70</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/cbbc-hq-steve-backshall-alaska" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="53" data-istats-flag="New this month" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Steve-Backshall-Alaska.jpg" data-alt="CBBC HQ - Steve answers your questions"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Steve-Backshall-Alaska.jpg" alt="CBBC HQ - Steve answers your questions"/></noscript> </span> </div> <div class="content-card__flag flag flag--new-this-month flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">New this month</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Steve answers your questions"> Steve answers your questions </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from CBBC HQ">CBBC HQ</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">55</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">36</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/watch/top-this-episode-2-dont-flinch-challenge" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="54" data-istats-flag="Web Exclusive" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/top-this-ep-2-dont-flinch-challenge-index.jpg" data-alt="Top This - Top This: Don't Flinch Challenge"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/top-this-ep-2-dont-flinch-challenge-index.jpg" alt="Top This - Top This: Don't Flinch Challenge"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--joinin"> <span class="flag__icon"></span> <span class="flag__text">Web Exclusive</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Top This: Don't Flinch Challenge"> Top This: Don't Flinch Challenge </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Top This">Top This</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">29</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">67</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/quizzes/horrible-histories-have-you-been-watching-monstrous-musicians" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="55" data-istats-flag="" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/horriblehistories_monstrousmusiciansquiz_index.jpg" data-alt="Horrible Histories - Quiz: Monstrous Musicians"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/horriblehistories_monstrousmusiciansquiz_index.jpg" alt="Horrible Histories - Quiz: Monstrous Musicians"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--joinin"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Quiz: Monstrous Musicians"> Quiz: Monstrous Musicians </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Horrible Histories">Horrible Histories</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">49</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">27</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/got-what-it-takes-pitch-battle" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="56" data-istats-flag="" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/pitch_battle_gwit_index.jpg" data-alt="Got What It Takes? - Got What It Takes? - Pitch Battle Winner"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/pitch_battle_gwit_index.jpg" alt="Got What It Takes? - Got What It Takes? - Pitch Battle Winner"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--joinin"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Got What It Takes? - Pitch Battle Winner"> Got What It Takes? - Pitch Battle Winner </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Got What It Takes?">Got What It Takes?</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">43</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">91</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/cbbc-book-august-book-of-the-month" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="57" data-istats-flag="" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Book-Of-The-Month-August.jpg" data-alt="CBBC Book Club - CBBC Book of the Month - August 2017"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Book-Of-The-Month-August.jpg" alt="CBBC Book Club - CBBC Book of the Month - August 2017"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--joinin"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="CBBC Book of the Month - August 2017"> CBBC Book of the Month - August 2017 </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from CBBC Book Club">CBBC Book Club</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">80</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">33</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin/bp-big-badge-boat-bonanza" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="58" data-istats-flag="" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/bp-badge-boat-image.jpg" data-alt="Blue Peter - Big Badge Boat Bonanza"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/bp-badge-boat-image.jpg" alt="Blue Peter - Big Badge Boat Bonanza"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--joinin"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Big Badge Boat Bonanza"> Big Badge Boat Bonanza </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Blue Peter">Blue Peter</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">23</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">65</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20170829205350/http://www.bbc.co.uk/cbbc/thingstodo/matrb-la-nachos" class="content-card content-card--joinin content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="59" data-istats-flag="" data-site-section="joinin"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/lanachoswithouttext.jpg" data-alt="Matilda and the Ramsay Bunch - LA Nachos"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/lanachoswithouttext.jpg" alt="Matilda and the Ramsay Bunch - LA Nachos"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--joinin"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="LA Nachos"> LA Nachos </p> <div class="content-card__details"> <p class="content-card__subtitle content-card__subtitle--with-comments" aria-label="from Matilda and the Ramsay Bunch">Matilda and the Ramsay Bunch</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">3</span> </li><li class="content-card__count-divider">|</li><li class="content-card__count content-card__count--loves"> <i class="gelicon gelicon--love-outline content-card__count-icon" aria-hidden="true"></i> <span class="content-card__love-count">15</span> </li></ul> </div> </div> </a> </li> </ul> </div> </div> <div class="content-collection-section__mask" data-istats-click="pocket_button"> <div class="content-collection-section__controls"> <div class="content-collection-section__toggle-button button button--large button--center button--joinin "><a class="button__link" href="/web/20170829205350/http://www.bbc.co.uk/cbbc/joinin?page=2#filter" rel="next" data-stats-interaction="pagination" data-stats-interaction-variant="show_more" data-stats-interaction-action="button" data-stats-page-number="1"><span class="button__inner"> <span class="button__text"></span> </span></a></div> </div> </div> </div> </div> <script> require(['childrens/showMore', 'lib/minpubsub', 'jquery-1', 'domReady!'], function (ShowMore, pubsub, $) { var showMore = ShowMore.create({ containerId: 'pocket-content-card-container', portal: '.content-collection-section__portal', panel: '.content-collection-section__panel', items: '.content-list__item', mask: '.content-collection-section__mask', controls: '.content-collection-section__controls', toggleButton: '.content-collection-section__toggle-button .button__link', toggleButtonContainer: '.content-collection-section__toggle-button', toggleButtonLabel: '.content-collection-section__toggle-button .button__text', itemType: 'ways to Join In', collapseLabelPrefix: 'less', animationEnabled: false, maxInitialItemsShown: 25 }); pubsub.subscribe('/showMore/loadedContent/pocket-content-card-container', function (addedPage) { var content = $(addedPage); angular.element(document).injector().invoke(function($compile) { var scope = angular.element(content).scope(); $compile(content)(scope); }); }); }); </script> </div> </div> <section class="brand-shelf-section"> <div class="brand-shelf-container window window--extra-wide"> <div id="brand-shelf" data-simple-carousel class="brand-shelf simple-carousel"> <div class="brand-shelf__main"> <div class="simple-carousel__controls"> <div class="brand-shelf__curtain brand-shelf__curtain--left"></div> <div class="brand-shelf__curtain brand-shelf__curtain--right"></div> <button class="brand-shelf__button brand-shelf__button--prev simple-carousel__button--prev"> <span class="vh">Previous items</span> <i class="gelicon gelicon--previous" aria-hidden="true"></i> </button> <button class="brand-shelf__button brand-shelf__button--next simple-carousel__button--next"> <span class="vh">Next items</span> <i class="gelicon gelicon--next" aria-hidden="true"></i> </button> </div> <div class="simple-carousel__window brand-shelf__window"> <div class="simple-carousel__panel"> <ul class="brand-shelf__list"><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20170829205350/http://www.bbc.co.uk/cbbc/shows/cbbc" 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/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/cbbc-HQ-az-v2.png" data-alt="HQ"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/cbbc-HQ-az-v2.png" alt="HQ"/></noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20170829205350/http://www.bbc.co.uk/cbbc/shows/blue-peter" 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/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/blue-peter-az-2016.png" data-alt="Blue Peter: Barney, Lindsey and Radzi"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/blue-peter-az-2016.png" alt="Blue Peter: Barney, Lindsey and Radzi"/></noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20170829205350/http://www.bbc.co.uk/cbbc/shows/horrible-histories" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="2"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/hh_s7_az.png" data-alt="Horrible Histories - Series 7 - AZ image"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/hh_s7_az.png" alt="Horrible Histories - Series 7 - AZ image"/></noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20170829205350/http://www.bbc.co.uk/cbbc/shows/the-next-step" 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/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/the_next_step_s5_a_z_index.png" data-alt="Two girls with blonde hair standing next to each other, Emily and Michelle from The Next Step."></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/the_next_step_s5_a_z_index.png" alt="Two girls with blonde hair standing next to each other, Emily and Michelle from The Next Step."/></noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20170829205350/http://www.bbc.co.uk/cbbc/shows/the-zoo" 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/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/the_zoo_s1_a_z_index.png" data-alt="Zoo animals smiling together, a gorilla, elephant, tiger and tortoise."></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/the_zoo_s1_a_z_index.png" alt="Zoo animals smiling together, a gorilla, elephant, tiger and tortoise."/></noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20170829205350/http://www.bbc.co.uk/cbbc/shows/the-deep" 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/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/the-deep_az_image_bid.png" data-alt="The Deep"></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/the-deep_az_image_bid.png" alt="The Deep"/></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/20170829205350/http://www.bbc.co.uk/cbbc/shows" data-stats-interaction="brand_shelf" data-stats-interaction-variant="all_shows"><span class="button__inner"> <span class="button__text">All shows</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span></a></div> </div> </section> <section class="channel-banner-section" data-channel-banner data-channel-banner-enable-close-persist="true" data-ng-class="{'channel-banner-section--hide' : isChannelBannerHidden}"> <script> (function () { var cookieCheckingEnabled = true; var channelBannerSection = document.querySelector(".channel-banner-section"); function hideChannelBannerIfCookieIsSet() { var channelBannerCookieName = 'ckps_cbbc_channel_banner_hidden'; var hideCookieIsSet = document.cookie.indexOf(" " + channelBannerCookieName + "=true") > 0; if (hideCookieIsSet) { channelBannerSection.className += ' channel-banner-section--hide'; } } function showCloseButtonIfCookiesAreAllowed() { var cookiePolicy = window.bbccookies.readPolicy(); var personalisationAllowed = cookiePolicy.personalisation; if (personalisationAllowed) { showCloseButton(); } } function showCloseButton() { channelBannerSection.className += ' channel-banner-section--show-close'; } if (cookieCheckingEnabled) { hideChannelBannerIfCookieIsSet(); showCloseButtonIfCookiesAreAllowed(); } else { showCloseButton(); } })() </script> <div class="channel-banner-section__inner window window--extra-wide"> <div class="channel-banner"> <div class="channel-banner__inner"> <div class="channel-banner__title-bar"> <a class="channel-banner__logo" href="/web/20170829205350/http://www.bbc.co.uk/cbeebies" data-istats-click="cross_channel_logo" data-stats-interaction="channel_banner" data-stats-interaction-variant="logo"> <img class="channel-banner__logo-image" alt="CBeebies logo" src="https://web.archive.org/web/20170829205350im_/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/images/channel-banner/logo.png"/> </a> <span class="channel-banner__title">Looking for CBeebies shows?</span> </div> <div class="channel-banner__main"> <ul class="channel-banner__list"> <li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20170829205350/http://www.bbc.co.uk/cbeebies/shows/go-jetters" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="0"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/go-jetters-cross-channel-v2.png" data-alt="Xuli and Lars."></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/go-jetters-cross-channel-v2.png" alt="Xuli and Lars."/></noscript> </span> </span> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20170829205350/http://www.bbc.co.uk/cbeebies/shows/peter-rabbit" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="1"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/peter-rabbit-brand-index.png" data-alt="Peter Rabbit."></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/peter-rabbit-brand-index.png" alt="Peter Rabbit."/></noscript> </span> </span> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20170829205350/http://www.bbc.co.uk/cbeebies/shows/topsy-and-tim" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="2"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/Topsy-and-Tim.png" data-alt="Topsy and Tim."></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/Topsy-and-Tim.png" alt="Topsy and Tim."/></noscript> </span> </span> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20170829205350/http://www.bbc.co.uk/cbeebies/shows/the-lets-go-club" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="3"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20170829205350/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbbc/lets-go-club-AtoZ_characters-v2.png" data-alt="The Lets Go Club presenters."></span> <noscript><img src="https://web.archive.org/web/20170829205350im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbbc/lets-go-club-AtoZ_characters-v2.png" alt="The Lets Go Club presenters."/></noscript> </span> </span> </a> </li> </ul> <div class="channel-banner__footer"> <a class="channel-banner-close" data-stats-interaction="channel_banner" data-stats-interaction-variant="close" data-stats-interaction-action="button" data-channel-banner-close data-feedback-banner-open> <i aria-hidden="true" class="gelicon gelicon--no gelicon--leading"></i><span class="channel-banner-close__text">No thanks</span> </a> <span class="channel-banner__title">Looking for CBeebies shows?</span> </div> </div> </div> </div> </div> </section> <section class="feedback-banner-section" data-feedback-banner data-ng-class="{'feedback-banner-section--show' : !isFeedbackBannerHidden}"> <div class="feedback-banner-container window window--extra-wide"> <div class="feedback-banner"> <span class="feedback-banner__close" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="hide" data-stats-interaction-action="button" data-istats-click="cross_channel_hide"> <i aria-hidden="true" class="gelicon gelicon--no"></i> </span> <p class="feedback-banner__message">We鈥檒l hide these CBeebies shows for 30 Days.</p> <p class="feedback-banner__undo"><a class="feedback-banner__undo-link" data-feedback-banner-close data-channel-banner-open data-stats-interaction="channel_banner" data-stats-interaction-variant="undo" data-stats-interaction-action="button" data-istats-click="cross_channel_undo">Bring them back!</a></p> <p class="feedback-banner__question">Why did you hide them?</p> <ul class="feedback-banner__options"> <li class="feedback-banner__option" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="feedback" data-stats-interaction-position="0" data-stats-interaction-action="button" data-istats-pos="0" data-istats-click="cross_channel_feedback"> <span>I don't like those shows</span> </li> <li class="feedback-banner__option" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="feedback" data-stats-interaction-position="1" data-stats-interaction-action="button" data-istats-pos="1" data-istats-click="cross_channel_feedback"> <span>I'm too old for CBeebies</span> </li> </ul> <div class="feedback-banner__image"> <img class="feedback-banner__image-inner" src="https://web.archive.org/web/20170829205350im_/https://childrens-web.files.bbci.co.uk/cbbc/www/assets/67dd403/images/feedback/feedbackImage.png" alt=""/> </div> </div> </div> </section> </div> </div> <script type="text/javascript"> require(['lib/Imager', 'lib/minpubsub'], function (Imager, pubsub) { Imager.transforms.pixelRatio = function (value) { return value; }; var availableWidths = [80, 160, 240, 320, 400, 480, 560, 640, 720, 800, 880, 960]; var imagerDefault = new Imager('.delayed-image-load', { availableWidths: availableWidths, availablePixelRatios: [1, 1.5] }); var imagerPng = new Imager('.delayed-png-image-load', { availableWidths: availableWidths, availablePixelRatios: [1] }); var imagerGif = new Imager('.delayed-gif-image-load', { availableWidths: availableWidths, availablePixelRatios: [1, 1.5], lazyload:true }); pubsub.subscribe('/showMore/updateImages', function () { imagerDefault.add('.delayed-image-load'); imagerPng.add('.delayed-png-image-load'); }); pubsub.subscribe('/imager/addPngImages', function (selector) { imagerPng.add(selector); }); pubsub.subscribe('/imager/addImages', function (selector) { imagerDefault.add(selector); }); }); require(['childrens/singlePlayingVideo'], function (singlePlayingVideo) { setTimeout(singlePlayingVideo.setup, 2000); }); require(['angular/app'], function () {}); </script> <script type="text/javascript"> var cookiePolicy = window.bbccookies.readPolicy(); if( cookiePolicy.performance ) { var _sf_async_config = {"domain":"bbc.co.uk","region":"domestic","uid":50924,"sections":"childrens, cbbc"}; _sf_async_config.path = window.location.pathname; (function () { function loadChartbeat() { window._sf_endpt = (new Date()).getTime(); var e = document.createElement("script"); e.setAttribute("language", "javascript"); e.setAttribute("type", "text/javascript"); e.setAttribute('src', "//web.archive.org/web/20170829205350/http://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> <iframe id="data-migrate-send" style="display: none;" src="https://web.archive.org/web/20170829205350if_/http://play.bbc.co.uk/play/game/children/save-migration/migrate-data-send.html"></iframe> <script> require(['save-game-migration/save-game-migration'], function(migration) { migration.init(); }); </script> </div> <div id="orb-footer" class="orb-footer" dir="ltr"><div id="navp-orb-footer-promo"></div><aside role="complementary"><div id="orb-aside" class="orb-nav-sec b-r b-g-p"><div class="orb-footer-inner" role="navigation" aria-label="BBC"><h2 class="orb-footer-lead">Explore the BBC</h2><div class="orb-footer-primary-links"><ul><li class="orb-nav-cbbc"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/cbbc">CBBC</a></li><li class="orb-nav-newsround"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/newsround">Newsround</a></li><li class="orb-nav-iplayer orb-d"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/iplayer/cbbc">CBBC iPlayer</a></li><li class="orb-nav-cbbctv"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/cbbc/guide">CBBC on TV</a></li><li class="orb-d"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/education">Bitesize</a></li><li class="orb-nav-cbeebies"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/cbeebies">CBeebies</a></li><li class="orb-d"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/cbbc/curations/stay-safe">Stay Safe</a></li><li class="orb-d"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/cbbc/curations/cbbc-help">CBBC Help</a></li></ul></div></div></div></aside><footer role="contentinfo"><div id="orb-contentinfo" class="orb-nav-sec b-r b-g-p"><script>window.orb.worldwideFooterlinks = '<li class="orb-footer-ads"><a href="https://web.archive.org/web/20170829205350/https://advertising.bbcworldwide.com/">Advertise with us<'+'/a><'+'/li><li class="orb-footer-adchoices"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.com/usingthebbc/cookies/what-is-online-behavioural-advertising/">Ad choices<'+'/a><'+'/li>';</script><div class="orb-footer-inner"><ul><li class="orb-footer-terms"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/usingthebbc/terms/">Terms of Use</a></li><li class="orb-footer-about"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/aboutthebbc">About the BBC</a></li><li class="orb-footer-privacy"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/usingthebbc/privacy/">Privacy Policy</a></li><li class="orb-footer-cookies"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/usingthebbc/cookies/">Cookies</a></li><li class="orb-footer-accessibility"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/accessibility/">Accessibility Help</a></li><li class="orb-footer-parental"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/guidance">Parental Guidance</a></li><li class="orb-footer-contact"><a href="https://web.archive.org/web/20170829205350/http://www.bbc.co.uk/contact">Contact the BBC</a></li></ul><small><em class="orb-hilight">Copyright © 2017 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/20170829205350/http://www.bbc.co.uk/help/web/links/" class="orb-hilight">Read about our approach to external linking.</a></span></small></div></div></footer></div><script id="orb-js-script" data-assetpath="https://nav.files.bbci.co.uk/orbit/1.0.0-510.c80719f/" src="https://web.archive.org/web/20170829205350js_/https://nav.files.bbci.co.uk/orbit/1.0.0-510.c80719f/js/orb.min.js"></script><script type="text/javascript">require(['orb/lib/_$'], function($) { $.ready(function() { initialiseFooter(); }); var scrollCheckTimer; var didScroll; var previousPosition = 0; var delta = 5; var PROMO_SHOW_BREAKPOINT = 1500; var pageLength = 0; function initialiseFooter() { // Suppress this feature on browsers we no longer test var myNav = navigator.userAgent.toLowerCase(); var oldIE = (myNav.indexOf('msie') !== -1) && parseInt(myNav.split('msie')[1], 10) <= 10; if (!oldIE) { require(['orb/cookies'], function (bbccookies) { var disabledByCookie = (parseInt(bbccookies.get('ckns_nav_promofail')) || 0) >= 3; if (!disabledByCookie) { require(['orb/fig'], function (orbFig) { orbFig.load(function (fig) { if (fig.geo.isUK()) { setUpLazyLoading(); } }); }); } }); } } function setUpLazyLoading() { // offsetHeight is expensive to calculate, only do it once. pageLength = Math.abs(document.body.offsetHeight); if (pageLength < getViewportHeight() + 300 || pageLength - getCurrentPosition() < PROMO_SHOW_BREAKPOINT) { loadPromo(); } else { window.onscroll = function () { didScroll = true; }; scrollCheckTimer = setInterval(function () { if (didScroll) { hasScrolled(); didScroll = false; } }, 250); } } function loadPromo() { clearInterval(scrollCheckTimer); require(['orb/async/_footerpromo'], function(promo) { promo.init('https://web.archive.org/web/20170829205350/https://navpromo.api.bbci.co.uk', 'cbbc'); }); } function getViewportHeight() { return window.innerHeight; } function getCurrentPosition() { return Math.abs(window.scrollY || document.body.scrollTop || document.documentElement.scrollTop); } function hasScrolled() { var currentPosition = getCurrentPosition(); if (Math.abs(previousPosition - currentPosition) <= delta) { return; } if (currentPosition > previousPosition) { if ((pageLength - currentPosition) <= PROMO_SHOW_BREAKPOINT) { loadPromo(); } } previousPosition = currentPosition; } })</script><script type="text/javascript">/*<![CDATA[*/ require(['orb/fig', 'orb/nav'], function(fig, nav) { fig.load(function(fig) { if (fig.geo.isUK()) { nav.loadJs('https://web.archive.org/web/20170829205350/https://nav.files.bbci.co.uk/orbit/1.0.0-510.c80719f/js/edr.min.js'); } }); }); /*]]>*/</script><script type="text/javascript">require(["megavolt-client","istats-1","orb/cookies"],function(t,e,i){function o(){return"true"===l&&a&&t&&"function"==typeof t.getMVTIStatsLabels}function n(){!c&&o()?setTimeout(function(){e.invoke()},"1000"):e.invoke()}var s=navigator.userAgent.toLowerCase(),a=!(s.indexOf("msie")>-1)||parseInt(s.split("msie")[1],10)>10,c=!1,l="true";if(i.isAllowed("s1"))try{if(o()&&t.getMVTIStatsLabels(function(t){e.addLabels(t),c=!0}),!require.s.contexts._.config.paths.idcta)return void n();require(["idcta/idcta-1"],function(t){t&&"function"==typeof t.getIStatsLabels&&e.addLabels(t.getIStatsLabels()),n()},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),n()}});</script><script type="text/javascript">if (window.SEARCHBOX.suppress === false && window.SEARCHBOX.locale && /^en-?.*?/.test(window.SEARCHBOX.locale)) { require.config({ paths: { "search/searchbox": window.SEARCHBOX.searchboxAppStaticPrefix, "disco-layer": "//web.archive.org/web/20170829205350/http://nav.files.bbci.co.uk/discovery-layer/0.0.1-46.6efba07/app" } }); require(['search/searchbox/searchboxDrawer'], function (SearchboxDrawer) { SearchboxDrawer.run(window.SEARCHBOX); }); }</script><div class="bbccom_display_none"><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && window.bbcdotcom.analytics && bbcdotcom.config && !bbcdotcom.config.isSportApp()) { bbcdotcom.analytics.page(); } /*]]>*/</script><noscript><img src="//web.archive.org/web/20170829205350im_/http://ssc.api.bbc.com/?c1=2&c2=19293874&ns_site=bbc&name=" height="1" width="1" alt=""></noscript><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.currencyProviders) { bbcdotcom.currencyProviders.write(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.currencyProviders) { bbcdotcom.currencyProviders.postWrite(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ if (window.bbcdotcom && bbcdotcom.data && bbcdotcom.data.stats && bbcdotcom.data.stats === 1 && bbcdotcom.utils && window.location.pathname === '/' && window.bbccookies && bbccookies.readPolicy('performance') ) { var wwhpEdition = bbcdotcom.utils.getMetaPropertyContent('wwhp-edition'); var _sf_async_config={}; /** CONFIGURATION START **/ _sf_async_config.uid = 50924; _sf_async_config.domain = "bbc.co.uk"; _sf_async_config.title = "Homepage"+(wwhpEdition !== '' ? ' - '+wwhpEdition : ''); _sf_async_config.sections = "Homepage"+(wwhpEdition !== '' ? ', Homepage - '+wwhpEdition : ''); _sf_async_config.region = wwhpEdition; _sf_async_config.path = "/"+(wwhpEdition !== '' ? '?'+wwhpEdition : ''); /** CONFIGURATION END **/ (function(){ function loadChartbeat() { window._sf_endpt=(new Date()).getTime(); var e = document.createElement("script"); e.setAttribute("language", "javascript"); e.setAttribute("type", "text/javascript"); e.setAttribute('src', '//web.archive.org/web/20170829205350/http://static.chartbeat.com/js/chartbeat.js'); document.body.appendChild(e); } var oldonload = window.onload; window.onload = (typeof window.onload != "function") ? loadChartbeat : function() { oldonload(); loadChartbeat(); }; })(); } /*]]>*/</script><script type="text/javascript">/*<![CDATA[*/ (function() { window.bbcdotcom.bodyLast = true; }()); /*]]>*/</script></div> </body> </html>

CINXE.COM

Join In - Chat, vote, send your pics and videos - CBBC - BBC