Horrible Histories - CBBC

<!DOCTYPE html> <html lang="en" id="ng-app" class="no-js"> <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/shows/horrible-histories","20161226123217","https://web.archive.org/","web","/_static/", "1482755537"); </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>Horrible Histories - CBBC - BBC</title> <meta name="DCTERMS.title" content="Horrible Histories - CBBC - BBC"/> <meta name="description" content="Welcome to the home of Horrible Histories. Here you can watch episodes, play games, and sing along to your favourite Horrible Histories songs!"/> <meta name="DCTERMS.description" content="Welcome to the home of Horrible Histories. Here you can watch episodes, play games, and sing along to your favourite Horrible Histories songs!"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="google-site-verification" content="OcYZwpRP6B606x7ebhSghFqabGc4HRHBMbobF9cv-FU"/> <meta name="DCTERMS.created" content="2016-12-22T10:04:02.854Z"/> <meta name="DCTERMS.modified" content="2015-11-09T16:15:05.048Z"/> <link rel="canonical" href="https://web.archive.org/web/20161226123217/http://www.bbc.co.uk/cbbc/shows/horrible-histories"/> <script type="text/javascript"> var _sf_startpt = (new Date()).getTime() </script> <link rel="copyright" href="https://web.archive.org/web/20161226123217/http://www.bbc.co.uk/terms/" title="Terms of Use"/> <link href="/web/20161226123217im_/http://www.bbc.co.uk/cbbc/assets/images/favicons/apple-touch-icon.png" rel="apple-touch-icon"/> <link href="/web/20161226123217im_/http://www.bbc.co.uk/cbbc/assets/images/favicons/favicon.ico" rel="shortcut icon" type="image/x-icon"/> <link href="/web/20161226123217im_/http://www.bbc.co.uk/cbbc/assets/images/favicons/favicon-16x16.png" rel="icon" type="image/png" sizes="16x16"/> <link href="/web/20161226123217im_/http://www.bbc.co.uk/cbbc/assets/images/favicons/favicon-32x32.png" rel="icon" type="image/png" sizes="32x32"/> <link href="/web/20161226123217im_/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/20161226123217cs_/https://static.bbci.co.uk/gelstyles/0.11.0/style/core.css"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20161226123217cs_/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/stylesheets/cbbc.min.css"/>  <link rel="stylesheet" type="text/css" href="/web/20161226123217cs_/http://www.bbc.co.uk/cbbc/stylesheets/immersive/brand/1447085705/59ef309/horrible-histories.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/20161226123217cs_/http://static.bbci.co.uk/frameworks/barlesque/3.20.5/orb/4/style/orb.min.css">    <script class="js-require-lib" src="https://web.archive.org/web/20161226123217js_/http://static.bbci.co.uk/frameworks/requirejs/lib.js"></script> <script type="text/javascript"> bbcRequireMap = {"jquery-1":"https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/frameworks/jquery/0.4.1/sharedmodules/jquery-1.7.2", "jquery-1.4":"https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/frameworks/jquery/0.4.1/sharedmodules/jquery-1.4", "jquery-1.9":"https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/frameworks/jquery/0.4.1/sharedmodules/jquery-1.9.1", "jquery-1.12":"https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/frameworks/jquery/0.4.1/sharedmodules/jquery-1.12.0.min", "jquery-2.2":"https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/frameworks/jquery/0.4.1/sharedmodules/jquery-2.2.0.min", "istats-1":"//web.archive.org/web/20161226123217/http://nav.files.bbci.co.uk/nav-analytics/0.1.0-43/js/istats-1", "swfobject-2":"https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/frameworks/swfobject/0.1.10/sharedmodules/swfobject-2", "demi-1":"https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/frameworks/demi/0.10.0/sharedmodules/demi-1", "gelui-1":"https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/frameworks/gelui/0.9.13/sharedmodules/gelui-1", "cssp!gelui-1/overlay":"https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/frameworks/gelui/0.9.13/sharedmodules/gelui-1/overlay.css", "relay-1":"https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/frameworks/relay/0.2.6/sharedmodules/relay-1", "clock-1":"https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/frameworks/clock/0.1.9/sharedmodules/clock-1", "canvas-clock-1":"https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/frameworks/clock/0.1.9/sharedmodules/canvas-clock-1", "cssp!clock-1":"https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/frameworks/clock/0.1.9/sharedmodules/clock-1.css", "jssignals-1":"https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/frameworks/jssignals/0.3.6/modules/jssignals-1", "jcarousel-1":"https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/frameworks/jcarousel/0.1.10/modules/jcarousel-1", "bump-3":"//web.archive.org/web/20161226123217/http://emp.bbci.co.uk/emp/bump-3/bump-3"}; require({ baseUrl: 'https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/', paths: bbcRequireMap, waitSeconds: 30 }); </script> <script type="text/javascript">/*<![CDATA[*/ if (typeof bbccookies_flag === 'undefined') { bbccookies_flag = 'ON'; } showCTA_flag = true; cta_enabled = (showCTA_flag && (bbccookies_flag === 'ON')); (function(){var m="ckns_policy",q="Thu, 01 Jan 1970 00:00:00 GMT",i={ads:true,personalisation:true,performance:true,necessary:true};function c(u){if(c.cache[u]){return c.cache[u]}var t=u.split("/"),v=[""];do{v.unshift((t.join("/")||"/"));t.pop()}while(v[0]!=="/");c.cache[u]=v;return v}c.cache={};function a(u){if(a.cache[u]){return a.cache[u]}var v=u.split("."),t=[];while(v.length&&"|co.uk|com|".indexOf("|"+v.join(".")+"|")===-1){if(v.length){t.push(v.join("."))}v.shift()}c.cache[u]=t;return t}a.cache={};function s(t,y,u){var E=[""].concat(a(window.location.hostname)),B=c(window.location.pathname),D="",w,C;for(var x=0,A=E.length;x<A;x++){w=E[x];for(var v=0,z=B.length;v<z;v++){C=B[v];D=t+"="+y+";"+(w?"domain="+w+";":"")+(C?"path="+C+";":"")+(u?"expires="+u+";":"");bbccookies.set(D,true)}}}window.bbccookies={POLICY_REFRESH_DATE_MILLIS:new Date(2015,4,21,0,0,0,0).getTime(),POLICY_EXPIRY_COOKIENAME:"ckns_policy_exp",_setEverywhere:s,cookiesEnabled:function(){var t="ckns_testcookie"+Math.floor(Math.random()*100000);this.set(t+"=1");if(this.get().indexOf(t)>-1){e(t);return true}return false},get:function(){return document.cookie},getCrumb:function(t){if(!t){return null}return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*"+encodeURIComponent(t).replace(/[\-\.\+\*]/g,"\\$&")+"\\s*\\=\\s*([^;]*).*$)|^.*$"),"$1"))||null},policyRequiresRefresh:function(){var u=new Date();u.setHours(0);u.setMinutes(0);u.setSeconds(0);u.setMilliseconds(0);if(bbccookies.POLICY_REFRESH_DATE_MILLIS<=u.getTime()){var t=bbccookies.getCrumb(bbccookies.POLICY_EXPIRY_COOKIENAME);if(t){t=new Date(parseInt(t));t.setYear(t.getFullYear()-1);return bbccookies.POLICY_REFRESH_DATE_MILLIS>=t.getTime()}else{return true}}else{return false}},_setPolicy:function(t){return f.apply(this,arguments)},readPolicy:function(){return l.apply(this,arguments)},_deletePolicy:function(){s(m,"",q)},_isConfirmed:function(){return n()!==null},_acceptsAll:function(){var t=l();return t&&!(j(t).indexOf("0")>-1)},_getCookieName:function(){return b.apply(this,arguments)},_showPrompt:function(){var t=((!this._isConfirmed()||this.policyRequiresRefresh())&&window.cta_enabled&&this.cookiesEnabled()&&!window.bbccookies_disable);return(window.orb&&window.orb.fig)?t&&(window.orb.fig("no")||window.orb.fig("ck")):t},_getPolicy:this.readPolicy};function b(u){var t=(""+u).match(/^([^=]+)(?==)/);return(t&&t.length?t[0]:"")}function j(t){return""+(t.ads?1:0)+(t.personalisation?1:0)+(t.performance?1:0)}function f(x){if(typeof x==="undefined"){x=i}if(typeof arguments[0]==="string"){var u=arguments[0],w=arguments[1];if(u==="necessary"){w=true}x=l();x[u]=w}else{if(typeof arguments[0]==="object"){x.necessary=true}}var v=new Date();v.setYear(v.getFullYear()+1);bbccookies.set(m+"="+j(x)+";domain=bbc.co.uk;path=/;expires="+v.toUTCString()+";");bbccookies.set(m+"="+j(x)+";domain=bbc.com;path=/;expires="+v.toUTCString()+";");bbccookies.set(m+"="+j(x)+";domain=bbci.co.uk;path=/;expires="+v.toUTCString()+";");var t=new Date(v.getTime());t.setMonth(t.getMonth()+1);bbccookies.set(bbccookies.POLICY_EXPIRY_COOKIENAME+"="+v.getTime()+";domain=bbc.co.uk;path=/;expires="+t.toUTCString()+";");bbccookies.set(bbccookies.POLICY_EXPIRY_COOKIENAME+"="+v.getTime()+";domain=bbc.com;path=/;expires="+t.toUTCString()+";");bbccookies.set(bbccookies.POLICY_EXPIRY_COOKIENAME+"="+v.getTime()+";domain=bbci.co.uk;path=/;expires="+t.toUTCString()+";");return x}function o(t){if(t===null){return null}var u=t.split("");return{ads:!!+u[0],personalisation:!!+u[1],performance:!!+u[2],necessary:true}}function n(){var t=new RegExp("(?:^|; ?)"+m+"=(\\d\\d\\d)($|;)"),u=document.cookie.match(t);if(!u){return null}return u[1]}function l(t){var u=o(n());if(!u){u=i}if(t){return u[t]}else{return u}}function e(t){return document.cookie=t+"=;expires="+q+";"}var g=!(window.bbccookies_flag==="ON"&&!bbccookies._acceptsAll()&&!window.bbccookies_disable);var k={},d={"personalisation":"ckps_.+|X-AB-iplayer-.+|ACTVTYMKR|BBC_EXAMPLE_COOKIE|BBCIplayer|BBCiPlayerM|BBCIplayerSession|BBCMediaselector|BBCPostcoder|bbctravel|CGISESSID|ed|food-view|forceDesktop|h4|IMRID|locserv|MyLang|myloc|NTABS|ttduserPrefs|V5|WEATHER|BBCScienceDiscoveryPlaylist_.+|bitratePref|correctAnswerCount|genreCookie|highestQuestionScore|incorrectAnswerCount|longestStreak|MSCSProfile|programmes-oap-expanded|quickestAnswer|score|servicePanel|slowestAnswer|totalTimeForAllFormatted|v|BBCwords|score|correctAnswerCount|highestQuestionScore|hploc|BGUID|BBCWEACITY|mstouch|myway|BBCNewsCustomisation|cbbc_anim|cbeebies_snd|bbcsr_usersx|cbeebies_rd|BBC-Latest_Blogs|zh-enc|pref_loc|m|bbcEmp.+|recs-.+|_lvd2|_lvs2|tick|_fcap_CAM1|_rcc2","performance":"ckpf_.+|BBCLiveStatsClick|id|_em_.+|cookies_enabled|mbox|mbox-admin|mc_.+|omniture_unique|s_.+|sc_.+|adpolicyAdDisplayFrequency|s1|ns_session|ns_cookietest|ns_ux|NO-SA|tr_pr1|gvsurvey|bbcsurvey|si_v|sa_labels|obuid|mm_.+|mmid|mmcore.+|mmpa.+","ads":"ckad_.+|rsi_segs|c","necessary":"ckns_.+|BBC-UID|blq\\.dPref|SSO2-UID|BBC-H2-User|rmRpDetectReal|bbcComSurvey|IDENTITY_ENV|IDENTITY|IDENTITY-HTTPS|IDENTITY_SESSION|BBCCOMMENTSMODULESESSID|bbcBump.+|IVOTE_VOTE_HISTORY|pulse|BBCPG|BBCPGstat|ecos\\.dt"};function r(){var x=document.cookie.replace(/; +/g,";").split(";"),u,v=[];for(var w=0,t=x.length;w<t;w++){u=x[w];v.push(bbccookies._getCookieName(u))}return v}function h(w){var v=JSON.stringify(w);if(typeof(k[v])!=="undefined"){return k[v]}var u="";for(var t in w){if(w.hasOwnProperty(t)&&d[t]){if(w[t]===true){u+=(u?"|":"")+d[t]}}}k[v]=new RegExp("^("+(u?u:".*")+")$","i");return k[v]}bbccookies.getPolicyExpiryDateTime=function(){return bbccookies.POLICY_EXPIRY_COOKIENAME};bbccookies.purge=function(){var u=bbccookies.readPolicy(),w=r(),x;for(var v=0,t=w.length;v<t;v++){if(!bbccookies.isAllowed(w[v],u)){x=new Date();x.setTime(0);x=x.toUTCString();s(w[v],"deleted",x)}}};function p(){if(g){return}bbccookies.purge();contentLoaded(window,bbccookies.purge);if(window.addEventListener){window.addEventListener("beforeunload",bbccookies.purge,false)}else{if(window.attachEvent){window.attachEvent("onbeforeunload",bbccookies.purge)}else{window.onbeforeunload=bbccookies.purge}}}bbccookies.set=function(u,t){if(g){return document.cookie=u}var v=bbccookies._getCookieName(u);if(t||bbccookies.isAllowed(v)){return document.cookie=u}return null};bbccookies.isAllowed=function(v){var u=bbccookies.readPolicy();var t=h(u);return t.test(v)};p()})(); /*! * contentloaded.js * * Author: Diego Perini (diego.perini at gmail.com) * Summary: cross-browser wrapper for DOMContentLoaded * Updated: 20101020 * License: MIT * Version: 1.2 * * URL: * http://javascript.nwbox.com/ContentLoaded/ * http://javascript.nwbox.com/ContentLoaded/MIT-LICENSE * */ function contentLoaded(d,i){var c=false,h=true,k=d.document,j=k.documentElement,a=k.addEventListener,n=a?"addEventListener":"attachEvent",l=a?"removeEventListener":"detachEvent",b=a?"":"on",m=function(o){if(o.type==="readystatechange"&&k.readyState!="complete"){return}(o.type==="load"?d:k)[l](b+o.type,m,false);if(!c&&(c=true)){i.call(d,o.type||o)}},g=function(){try{j.doScroll("left")}catch(o){setTimeout(g,50);return}m("poll")};if(k.readyState==="complete"){i.call(d,"lazy")}else{if(!a&&j.doScroll){try{h=!d.frameElement}catch(f){}if(h){g()}}k[n](b+"DOMContentLoaded",m,false);k[n](b+"readystatechange",m,false);d[n](b+"load",m,false)}}if(typeof(require)==="function"&&!require.defined("orb/cookies")){define("orb/cookies",window.bbccookies)}; /*]]>*/</script> <script type="text/javascript">/*<![CDATA[*/ (function(){window.orb={};window.orb.figState={ad:0,ap:0,ck:1,eu:1,mb:0,tb:0,uk:1,df:1};window.orb.fig=function(a){return(arguments.length)?window.orb.figState[a]:window.orb.figState};window.orb.fig.device={};window.orb.fig.geo={};window.orb.fig.user={};window.orb.fig.isDefault=function(){return window.orb.fig("df")};window.orb.fig.device.isTablet=function(){return window.orb.fig("tb")};window.orb.fig.device.isMobile=function(){return window.orb.fig("mb")};window.orb.fig.geo.isUK=function(){return window.orb.fig("uk")};window.orb.fig.geo.isEU=function(){return window.orb.fig("eu")};window.fig=window.fig||{};window.fig.manager={include:function(e){e=e||window;var g=false;var j=e.document,k=j.cookie,i=k.match(/(?:^|; ?)ckns_orb_fig=([^;]+)/),h;if(i){i=this.deserialise(decodeURIComponent(RegExp.$1));this.setFig(e,i)}if(window.fig.async&&typeof JSON!="undefined"){var b=(document.cookie.match("(^|; )ckns_orb_cachedfig=([^;]*)")||0)[2];h=b?JSON.parse(b):null;if(h){this.setFig(e,h);g=true}}var a="https://web.archive.org/web/20161226123217/https://fig.bbc.co.uk/frameworks/fig/1/fig.js";if(g){j.write('<script src="'+a+'" async><'+"/script>")}else{j.write('<script src="'+a+'"><'+"/script>")}},confirm:function(a){return true},setFig:function(a,b){(function(){a.orb=a.orb||{};a.orb.figState=b})()},deserialise:function(b){var a={};b.replace(/([a-z]{2}):([0-9]+)/g,function(){a[RegExp.$1]=+RegExp.$2});return a}}})();fig.manager.include();/*]]>*/</script>  <script type="text/javascript">window.bbcFlagpoles_istats="ON",require.config({paths:{"istats-1":"//web.archive.org/web/20161226123217/http://nav.files.bbci.co.uk/nav-analytics/0.1.0-62/js/istats-1"}}),require.defined("orb/cookies")||(window.bbccookies?define("orb/cookies",function(){return window.bbccookies}):define("orb/cookies",function(){return{isAllowed:function(e){return!1}}})),require(["istats-1","orb/cookies"],function(e,o){if(o.isAllowed("s1")){var n="//web.archive.org/web/20161226123217/http://sa.bbc.co.uk/bbc/bbc/s";e.addCollector({name:"default",url:n,separator:"&"});var i="frameworks.barlesque.webservice.xml.page";i&&"unknown"!==i&&e.setCountername(i),window.istats_countername&&e.setCountername(window.istats_countername),e.addLabels("ml_name=webmodule&ml_version=62")}});</script> <script type="text/javascript">/*<![CDATA[*/ window.bbcFlagpoles_istats = 'ON'; window.orb = window.orb || {}; if (typeof bbccookies !== 'undefined' && bbccookies.isAllowed('s1')) { var istatsTrackingUrl = '//web.archive.org/web/20161226123217/http://sa.bbc.co.uk/bbc/bbc/s?name=frameworks.barlesque.webservice.xml.page&pal_route=webservices&app_type=responsive&language=en-GB&pal_webapp=barlesque&prod_name=cbbc&app_name=cbbc'; require(['istats-1'], function (istats) { var counterName = (window.istats_countername) ? window.istats_countername : istatsTrackingUrl.match(/[\?&]name=([^&]*)/i)[1]; istats.setCountername(counterName); istats.addLabels('pal_route=webservices&app_type=responsive&language=en-GB&pal_webapp=barlesque&prod_name=cbbc&app_name=cbbc'); var c = (document.cookie.match(/\bckns_policy=(\d\d\d)/) || []).pop() || ''; istats.addLabels({ 'blq_s': '4d', 'blq_r': '2.7', 'blq_v': 'cbbc', 'blq_e': 'webservice-xml', 'bbc_mc': (c ? 'ad' + c.charAt(0) + 'ps' + c.charAt(1) + 'pf' + c.charAt(2) : 'not_set') } ); }); } /*]]>*/</script> <script type="text/javascript">/*<![CDATA[*/ (function(undefined){if(!window.bbc){window.bbc={}}var ROLLING_PERIOD_DAYS=30;window.bbc.Mandolin=function(id,segments,opts){var now=new Date().getTime(),storedItem,DEFAULT_START=now,DEFAULT_RATE=1,COOKIE_NAME="ckpf_mandolin";opts=opts||{};this._id=id;this._segmentSet=segments;this._store=new window.window.bbc.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;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")}removeExpired.call(this,now);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")}}}log.call(this,"mandolin_view")};window.bbc.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)}window.bbc.Mandolin.prototype.log=function(params){log.call(this,"mandolin_log",params)};window.bbc.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]}window.bbc.Mandolin.Storage=function(name){validateCookieName(name);this._cookieName=name;this._isEnabled=(bbccookies.isAllowed(this._cookieName)===true&&bbccookies.cookiesEnabled()===true)};window.bbc.Mandolin.Storage.prototype.setItem=function(key,value){var storeData=this.getItems();storeData[key]=value;this.save(storeData);return value};window.bbc.Mandolin.Storage.prototype.isEnabled=function(){return this._isEnabled};window.bbc.Mandolin.Storage.prototype.getItem=function(key){var storeData=this.getItems();return storeData[key]};window.bbc.Mandolin.Storage.prototype.removeItem=function(key){var storeData=this.getItems();delete storeData[key];this.save(storeData)};window.bbc.Mandolin.Storage.prototype.getItems=function(){return deserialise(this.readCookie(this._cookieName)||"")};window.bbc.Mandolin.Storage.prototype.save=function(data){window.bbccookies.set(this._cookieName+"="+encodeURIComponent(serialise(data))+"; expires="+getLastExpirationDate(data).toUTCString()+";")};window.bbc.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."}}})(); /*]]>*/</script> <script type="text/javascript"> document.documentElement.className += (document.documentElement.className? ' ' : '') + 'orb-js'; fig.manager.confirm(); </script> <script src="https://web.archive.org/web/20161226123217js_/http://static.bbci.co.uk/frameworks/barlesque/3.20.5/orb/4/script/orb/api.min.js"></script> <script type="text/javascript"> var blq = { environment: function() { return 'live'; } } </script> <script type="text/javascript"> /*<![CDATA[*/ function oqsSurveyManager(w, flag) { if (flag !== 'OFF' && (w.orb.fig("no") || w.orb.fig("uk"))) { w.document.write('<script type="text/javascript" src="https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/frameworks/barlesque/3.20.5/orb/4/script/vendor/edr.min.js"><'+'/script>'); } } oqsSurveyManager(window, 'ON'); /*]]>*/ </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/20161226123217/http://static.bbci.co.uk/bbcdotcom/1.38.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/20161226123217/https://ssl.bbc.com' : 'https://web.archive.org/web/20161226123217/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/20161226123217/https://ssl.bbc.co.uk' : 'https://web.archive.org/web/20161226123217/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/20161226123217/http://static.bbci.co.uk/bbcdotcom/1.38.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/20161226123217/http://static.bbci.co.uk/bbcdotcom/1.38.0/style/dist/bbcdotcom.dev.css" />'); } else { document.write('<link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/bbcdotcom/1.38.0/style/dist/bbcdotcom.css" />'); } (function() { var useSSL = 'https:' == document.location.protocol; var src = (useSSL ? 'https:' : 'http:') + '//web.archive.org/web/20161226123217/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/20161226123217/http://static.bbci.co.uk/bbcdotcom/1.38.0/script/dist/bbcdotcom.dev.js">\x3C/script>'); } else { document.write('<script type="text/javascript" src="https://web.archive.org/web/20161226123217/http://static.bbci.co.uk/bbcdotcom/1.38.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/20161226123217/http://secure-us.imrworldwide.com/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20161226123217/http://me-cdn.effectivemeasure.net/">'); document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20161226123217/http://ssc.api.bbc.com/">'); } if (window.bbcdotcom && bbcdotcom.data.ads == 1) { document.write('<link rel="dns-prefetch" href="//web.archive.org/web/20161226123217/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\/20161226123217\/http:\/\/www.bbc.com\/privacy\/cookies\/international\/","advertisementText":"Advertisement","analyticsEnabled":true,"kruxEnabled":true,"newsTopStoriesMorph":true,"appName":"barlesque","assetPrefix":"https:\/\/web.archive.org\/web\/20161226123217\/http:\/\/static.bbci.co.uk\/bbcdotcom\/1.38.0\/","customAdParams":[],"customStatsParams":[],"headline":"","id":"","inAssociationWithText":"in association with","keywords":"","language":"","orbTransitional":false,"outbrainEnabled":true,"palEnv":"live","productName":"","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\/20161226123217\/http:\/\/static.bbci.co.uk","staticVersion":"1.38.0","staticPrefix":"https:\/\/web.archive.org\/web\/20161226123217\/http:\/\/static.bbci.co.uk\/bbcdotcom\/1.38.0","dataHttp":"tps.bbc.com","dataHttps":"ssl.bbc.com","flagHttp":"www.bbc.co.uk","flagHttps":"ssl.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/20161226123217/http://static.bbci.co.uk/bbcdotcom/1.38.0/"); bbcdotcom.config.setVersion("1.38.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"> // Globally available search context window.SEARCHBOX={"variant":"cbbc","locale":"en","navSearchboxStaticPrefix":"//web.archive.org/web/20161226123217/http://nav.files.bbci.co.uk/searchbox/1.0.0-126","searchboxAppStaticPrefix":"//web.archive.org/web/20161226123217/http://search.files.bbci.co.uk/searchbox-app/1.0.10","searchFormHtml":"<div tabindex=\"-1\" data-reactid=\".nn9af8dbls\" data-react-checksum=\"-480762876\"><div data-reactid=\".nn9af8dbls.0\"><section class=\"se-searchbox-panel\" data-reactid=\".nn9af8dbls.0.0\"><div class=\"se-g-wrap\" data-reactid=\".nn9af8dbls.0.0.0\"><div class=\"se-g-layout\" data-reactid=\".nn9af8dbls.0.0.0.0\"><div class=\"se-g-layout__item se-searchbox-title\" aria-hidden=\"true\" data-reactid=\".nn9af8dbls.0.0.0.0.0\">search</div><div class=\"se-g-layout__item se-searchbox\" data-reactid=\".nn9af8dbls.0.0.0.0.1\"><form accept-charset=\"utf-8\" id=\"searchboxDrawerForm\" method=\"get\" action=\"//search.bbc.co.uk/search\" data-reactid=\".nn9af8dbls.0.0.0.0.1.0\"><label class=\"se-searchbox__input\" for=\"se-searchbox-input-field\" data-reactid=\".nn9af8dbls.0.0.0.0.1.0.0\"><span class=\"se-sr-only\" data-reactid=\".nn9af8dbls.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=\".nn9af8dbls.0.0.0.0.1.0.0.1\"/></label><input type=\"hidden\" name=\"scope\" value=\"\" data-reactid=\".nn9af8dbls.0.0.0.0.1.0.2\"/><button type=\"submit\" class=\"se-searchbox__submit\" tabindex=\"0\" data-reactid=\".nn9af8dbls.0.0.0.0.1.0.3\">Search</button><button type=\"button\" class=\"se-searchbox__clear se-searchbox__clear--visible\" tabindex=\"0\" data-reactid=\".nn9af8dbls.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=\".nn9af8dbls.0.1\"><section class=\"se-g-wrap\" data-reactid=\".nn9af8dbls.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/20161226123217cs_/http://nav.files.bbci.co.uk/searchbox/1.0.0-126/css/main.css">    <link rel="stylesheet" href="//web.archive.org/web/20161226123217cs_/http://static.bbc.co.uk/id/0.36.25/style/id-cta.css"/> <link rel="stylesheet" href="//web.archive.org/web/20161226123217cs_/http://static.bbc.co.uk/id/0.36.25/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/20161226123217/https://static.bbc.co.uk/frameworks/jssignals/0.3.6/modules/jssignals-1'; } require({paths: map}); /* ]]> */ </script> <script src="//web.archive.org/web/20161226123217js_/http://static.bbc.co.uk/id/0.36.25/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/20161226123217/http://static.bbc.co.uk/idapp/0.72.58/modules/idapp/idapp-1'; map['idcta'] = '//web.archive.org/web/20161226123217/http://static.bbc.co.uk/id/0.36.25/modules/idcta'; map['idcta/config'] = [ENDPOINT_URL + ENDPOINT_CONFIG, '//web.archive.org/web/20161226123217/http://static.bbc.co.uk/id/0.36.25/modules/idcta/fallbackConfig']; map['idcta/translations'] = [ENDPOINT_URL + ENDPOINT_TRANSLATIONS, '//web.archive.org/web/20161226123217/http://static.bbc.co.uk/id/0.36.25/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"> (function () { if (orb.fig && orb.fig('uk') === 0) { window.location = "https://web.archive.org/web/20161226123217/http://www.cbeebies.com/cbbc?cdrid=xpMi9cwyf8"; } })(); </script> <script type="text/javascript" src="https://web.archive.org/web/20161226123217js_/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/libraries/modernizr.js"></script> <script> define('modernizr', [], Modernizr); </script> <script type="text/javascript" src="https://web.archive.org/web/20161226123217js_/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/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/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts', 'cbeebies': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/cbeebies', 'cbbc': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/cbbc', 'jquery': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/libraries/jquery', 'jquery-1': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/libraries/jquery/jquery', 'lib': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/libraries', 'bump-3': 'https://web.archive.org/web/20161226123217/https://emp.bbci.co.uk/emp/bump-3/bump-3', 'embed': 'https://web.archive.org/web/20161226123217/http://play.bbc.co.uk/play/sdk/embed/v1/latest', 'lib/Imager': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/libraries/Imager.min', 'TweenMax': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/libraries/gsap/TweenMax.min', 'TimelineMax': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/libraries/gsap/TweenMax.min', 'lib/riddle': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/libraries/riddle/embed.min', 'echo-8.6.0': 'https://web.archive.org/web/20161226123217/https://static.bbci.co.uk/echoclient/modules/echo-8.6.0', 'lib/minpubsub': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/libraries/minpubsub.min', 'uasclient': 'https://web.archive.org/web/20161226123217/https://static.bbci.co.uk/uasclient/0.1.40/modules/uasclient', 'activity-button': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/activity-button', 'activity-button/activity-button': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/personalisation/personalisation.min', 'reads': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/reads', 'reads/reads': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/personalisation/personalisation.min', 'reads-carousel': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/reads-carousel', 'reads-carousel/reads-carousel': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/personalisation/personalisation.min', 'angular': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/angular', 'angular/app': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/angular/app.min', 'stats': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/stats', 'stats/stats': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/stats/stats.min', 'follows-panel': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/follows-panel', 'follows-panel/childrens-follows-panel': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/personalisation/personalisation.min', 'personalisation': 'https://web.archive.org/web/20161226123217/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/javascripts/personalisation', 'relay-1': 'https://web.archive.org/web/20161226123217/https://static.bbci.co.uk/frameworks/relay/0.2.6/sharedmodules/relay-1', 'jssignals-1': 'https://web.archive.org/web/20161226123217/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 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"> <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 { 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> <div id="blq-global"> <div id="blq-pre-mast"> </div> </div> <script type="text/html" id="blq-bbccookies-tmpl"><![CDATA[ <section> <div id="bbccookies" class="bbccookies-banner orb-banner-wrapper bbccookies-d"> <div id="bbccookies-prompt" class="orb-banner b-g-p b-r b-f"> <h2 class="orb-banner-title"> Cookies on the BBC website </h2> <p class="orb-banner-content" dir="ltr"> The BBC has updated its cookie policy. We use cookies to ensure that we give you the best experience on our website. This includes cookies from third party social media websites if you visit a page which contains embedded content from social media. Such third party cookies may track your use of the BBC website.<span class="bbccookies-international-message"> We and our partners also use cookies to ensure we show you advertising that is relevant to you.</span> If you continue without changing your settings, we'll assume that you are happy to receive all cookies on the BBC website. However, you can change your cookie settings at any time. </p> <ul class="orb-banner-options"> <li id="bbccookies-continue"> <button type="button" id="bbccookies-continue-button">Continue</button> </li> <li id="bbccookies-settings"> <a href="/privacy/cookies/managing/cookie-settings.html">Change settings</a> </li> <li id="bbccookies-more"><a href="/privacy/cookies/bbc">Find out more</a></li></ul> </div> </div> </section> ]]></script> <script type="text/javascript">/*<![CDATA[*/ (function(){if(bbccookies._showPrompt()){var g=document,b=g.getElementById("blq-pre-mast"),e=g.getElementById("blq-bbccookies-tmpl"),a,f;if(b&&g.createElement){a=g.createElement("div");f=e.innerHTML;f=f.replace("<"+"![CDATA[","").replace("]]"+">","");a.innerHTML=f;b.appendChild(a);blqCookieContinueButton=g.getElementById("bbccookies-continue-button");blqCookieContinueButton.onclick=function(){a.parentNode.removeChild(a);return false};bbccookies._setPolicy(bbccookies.readPolicy())}var c=g.getElementById("bbccookies");if(c&&!window.orb.fig("uk")){c.className=c.className.replace(/\bbbccookies-d\b/,"");c.className=c.className+(" bbccookies-w")}}})(); /*]]>*/</script> <noscript><p style="position: absolute; top: -999em"><img src="//web.archive.org/web/20161226123217im_/http://sa.bbc.co.uk/bbc/bbc/s?name=frameworks.barlesque.webservice.xml.page&ml_name=webmodule&ml_version=62&blq_js_enabled=0&blq_s=4d&blq_r=2.7&blq_v=cbbc&blq_e=webservice-xml&pal_route=webservices&app_type=responsive&language=en-GB&pal_webapp=barlesque&prod_name=frameworks&app_name=frameworks" height="1" width="1" alt=""></p></noscript>  <script type="text/javascript">/*<![CDATA[*/ if (typeof bbccookies !== 'undefined' && bbccookies.isAllowed('s1')) { (function () { require(['istats-1'], function (istats) { istatsTrackingUrl = istats.getDefaultURL(); if (istats.isEnabled() && bbcFlagpoles_istats === 'ON') { sitestat(istatsTrackingUrl); } else { window.ns_pixelUrl = istatsTrackingUrl; /* used by Flash library to track */ } function sitestat(n) { var j = document, f = j.location, b = ""; if (j.cookie.indexOf("st_ux=") != -1) { var k = j.cookie.split(";"); var e = "st_ux", h = document.domain, a = "/"; if (typeof ns_ != "undefined" && typeof ns_.ux != "undefined") { e = ns_.ux.cName || e; h = ns_.ux.cDomain || h; a = ns_.ux.cPath || a } for (var g = 0, f = k.length; g < f; g++) { var m = k[g].indexOf("st_ux="); if (m != -1) { b = "&" + decodeURI(k[g].substring(m + 6)) } } bbccookies.set(e + "=; expires=" + new Date(new Date().getTime() - 60).toGMTString() + "; path=" + a + "; domain=" + h); } window.ns_pixelUrl = n; } }); })(); } else { window.istats = {enabled: false}; } /*]]>*/</script>   <header id="orb-banner" role="banner">   <div id="orb-header" class="orb-nav-pri orb-nav-pri-white b-header--white--black orb-nav-empty"> <div class="orb-nav-pri-container b-r b-g-p"> <div class="orb-nav-section orb-nav-blocks"> <a href="/web/20161226123217/http://www.bbc.co.uk/"> <img src="https://web.archive.org/web/20161226123217im_/http://static.bbci.co.uk/frameworks/barlesque/3.20.5/orb/4/img/bbc-blocks-dark.png" width="84" height="24" alt="BBC"/> </a> </div> <section> <div class="orb-skip-links"> <h2>Accessibility links</h2> <ul> <li><a id="orb-accessibility-help" href="/web/20161226123217/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"> <div id="idcta-statusbar" class="orb-nav-section orb-nav-focus"> <a id="idcta-link" href="https://web.archive.org/web/20161226123217/https://www.bbc.com/account?context=cbbc&ptrt=http%3A%2F%2Fwww.bbc.co.uk%2Fcbbc%2Fshows%2Fhorrible-histories"> <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" class="orb-nav"> <div class="orb-nav-section orb-nav-links orb-nav-focus" id="orb-nav-links"> <h2>BBC navigation</h2> <ul> <li class="orb-nav-cbbc"> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc">CBBC</a> </li> <li class="orb-nav-newsround"> <a href="/web/20161226123217/http://www.bbc.co.uk/newsround">Newsround</a> </li> <li class="orb-nav-iplayer orb-d"> <a href="/web/20161226123217/http://www.bbc.co.uk/iplayer/cbbc">CBBC iPlayer</a> </li> <li class="orb-nav-cbbctv"> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/guide">CBBC on TV</a> </li> <li class=" orb-d"> <a href="/web/20161226123217/http://www.bbc.co.uk/education">Bitesize</a> </li> <li class="orb-nav-radio orb-w"> <a href="/web/20161226123217/http://www.bbc.co.uk/radio/">Radio</a> </li> <li class="orb-nav-cbeebies"> <a href="/web/20161226123217/http://www.bbc.co.uk/cbeebies">CBeebies</a> </li> <li class=" orb-d"> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/curations/stay-safe">Stay Safe</a> </li> <li class=" orb-d"> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/curations/cbbc-help">CBBC Help</a> </li> <li class="orb-nav-makeitdigital orb-w"> <a href="/web/20161226123217/http://www.bbc.co.uk/makeitdigital">Make It Digital</a> </li> <li class="orb-nav-food orb-w"> <a href="/web/20161226123217/http://www.bbc.co.uk/food/">Food</a> </li> <li class="orb-nav-music orb-w"> <a href="/web/20161226123217/http://www.bbc.co.uk/music/">Music</a> </li> <li class="orb-nav-nature orb-w"> <a href="/web/20161226123217/http://www.bbc.co.uk/nature/">Nature</a> </li> <li class="orb-nav-local orb-w"> <a href="/web/20161226123217/http://www.bbc.co.uk/local/">Local</a> </li> <li id="orb-nav-more"><a href="#orb-footer" data-alt="More">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/20161226123217/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/20161226123217/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"> <script type="text/template" id="orb-panel-template"><![CDATA[ <div id="orb-panel-<%= panelname %>" class="orb-panel" aria-labelledby="orb-nav-<%= panelname %>"> <div class="orb-panel-content b-g-p b-r"> <%= panelcontent %> </div> </div> ]]></script> </div> </div> </header>  <div id="orb-modules"> <div class="childrens-wrapper childrens-wrapper--cbbc childrens-wrapper--show childrens-wrapper--background feature-flag feature-flag--extra-wide-page feature-flag--collection-carousel-at-mobile feature-flag--extra-wide-common-elements feature-flag--search-bar feature-flag--sticky-orb-experiment feature-flag--smaller-menu-icons" data-stats-page-type="show" data-stats-children-curation="" data-stats-children-show="horrible-histories" data-stats-children-index="" data-stats-children-topic="" data-stats-children-collection="" data-stats-children-oj-campaign="" data-stats-children-page-intention="" data-stats-children-items="" data-stats-children-primary-content="" data-stats-children-comments=""> <script> require(['jquery-1', 'stats/stats', 'domReady!'], function ($, stats, domReady) { stats.init($('.childrens-wrapper'), window.location.pathname); }); </script> <span class="childrens-wrapper__cover"></span> <script type="text/javascript"> require(['local/utils/experiments', 'jquery-1'], function (experiments, $) { "use strict"; var experimentName = 'childrens_stickyorb'; var variants = [ 'childrens_stickyorb_control', 'childrens_stickyorb_sticky_perma', 'childrens_stickyorb_sticky_hide' ]; var startDate = new Date("Sat, 3 Dec 2016 00:00:00 GMT+0100"); var endDate = new Date(startDate); endDate.setDate(startDate.getDate() + 7); var config = { rate: 1, start: startDate, end: endDate }; var variant = experiments.setup(experimentName, variants, config); // Ensure that variant is set; if cookies are blocked, it will be 'undefined'. if (variant && (variant === 'childrens_stickyorb_sticky_perma' || variant === 'childrens_stickyorb_sticky_hide')) { // Disable then redefine existing sticky-nav functionality $(document).ready(function () { $(window).off('scroll touchmove'); var $menu = $('#menu'); var $menuContents = $('.menu__contents').first(); var $menuPlaceHolder = $('.menu-placeholder').first(); var $childrensWrapper = $('.childrens-wrapper').first(); var $cookieBanner = $('#blq-global'); var $divPrecedingCookieBanner = $('#bbccom_wallpaper'); var $orb = $('#orb-header'); var $orbContainer = $('#orb-banner'); var $stickyContainer = $('#sticky-container'); $menuContents.css({ // 'overflow-y': 'inherit', //'overflow-x': 'inherit' }); $menuContents.append('<div id="sticky-menu-placeholder" class="sticky-menu-placeholder"></div>'); function addNavToStickyContainer() { $stickyContainer.append($cookieBanner); $stickyContainer.append($orb); $stickyContainer.append($menu); var cookieBannerHeight = $cookieBanner ? $cookieBanner.height() : 0; var orbHeight = $orb.height() + cookieBannerHeight; $childrensWrapper.css({ 'background-position-y': orbHeight }); $menuPlaceHolder.css({ 'height': orbHeight + $menu.height() + 1 }); $menu.addClass('sticky-menu'); } function removeNavFromStickyContainer() { $cookieBanner.insertAfter($divPrecedingCookieBanner); $orbContainer.append($orb); $menu.insertAfter($menuPlaceHolder); $childrensWrapper.css({ 'background-position-y': '' }); $menuPlaceHolder.css({ 'height': '' }); $menu.removeClass('sticky-menu'); $stickyContainer.removeClass('sticky-menu-open'); } var lastScrollTop = 0; var previousScrollUp = true; function transitionStickyOrb() { var stuckClass = 'menu--stuck'; var cookieBannerHeight = $cookieBanner ? $cookieBanner.height() : 0; var orbHeight = $orb.outerHeight() + cookieBannerHeight + 1; var currentScrollTop = $(window).scrollTop(); var isOrbNavOpen = $orb.hasClass('orb-nav-active'); if (!isOrbNavOpen) { if (currentScrollTop > lastScrollTop && previousScrollUp) { previousScrollUp = false; var hideOrbCSS = '-' + orbHeight + 'px'; if ($menu.hasClass(stuckClass)) { $stickyContainer.animate({ 'top': hideOrbCSS }, 450); } else { $stickyContainer.css({ 'top': hideOrbCSS }); } } else if (currentScrollTop < lastScrollTop && !previousScrollUp) { previousScrollUp = true; $stickyContainer.animate({ 'top': '0' }, 450); } } if ($(window).scrollTop() <= 0) { removeNavFromStickyContainer(); $menu.removeClass(stuckClass); } lastScrollTop = currentScrollTop; } function currentVerticalScroll() { return $(window).scrollTop(); } function setupMenuStickyness() { var $childrensWrapper = $('.childrens-wrapper'); var stuckClass = 'menu--stuck'; function stickingPoint() { return variant === 'childrens_stickyorb_sticky_hide' ? $childrensWrapper.offset().top : 1; } function hasScrolledPastStickingPoint() { return currentVerticalScroll() >= stickingPoint(); } function stickElement($elem) { $elem.addClass(stuckClass); } function unstickElement($elem) { $elem.removeClass(stuckClass); } function stickOrUnstickMenu() { var menuIsStuck = $menu.hasClass(stuckClass); var menuIsOpen = $menu.hasClass('menu--open'); var isOrbNavOpen = $orb.hasClass('orb-nav-active'); if (hasScrolledPastStickingPoint() ) { if (!menuIsStuck && !menuIsOpen && !isOrbNavOpen) { stickElement($menu); addNavToStickyContainer(); } } else { if (menuIsStuck) { unstickElement($menu); removeNavFromStickyContainer(); } } } function throttleAndDebounce(fn, duration) { var blockFunctionCall = false; return function () { if (blockFunctionCall) return; var self = this; blockFunctionCall = true; function run() { fn.apply(self); } run(); setTimeout(function () { blockFunctionCall = false; run(); }, duration); }; } $(window).on('scroll touchmove', throttleAndDebounce(stickOrUnstickMenu, 16)); stickOrUnstickMenu(); if (variant === 'childrens_stickyorb_sticky_hide') { $(window).on('scroll', throttleAndDebounce(transitionStickyOrb, 500)); } if (variant === 'childrens_stickyorb_sticky_perma') { var $anchor = $('.content-page__section--comments .anchor'); var anchorHeight = parseInt ($anchor.css('top')); var newAnchorHeight = anchorHeight - $orb.height(); $anchor.css({ 'top' : newAnchorHeight + 'px' }); } } setupMenuStickyness(); }); } }); </script> <div id="sticky-container" class="sticky-container"></div> <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/20161226123217/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/20161226123217im_/http://www.bbc.co.uk/cbbc/shows/horrible-histories#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/20161226123217/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/20161226123217im_/http://www.bbc.co.uk/cbbc/shows/horrible-histories#large-menu-logo-outer-logo-path);"> <path class="logo__part logo__part--pink" fill="#FF2C9F" d="M18.2,2.9v13.6v1.1v0.4c0,0,0,0,0.1,0c1.1,0,2.2-0.1,3.3-0.4c3.6-0.9,6.5-3.4,8.1-6.7 c0.6-1.3,1.1-2.8,1.2-4.3V0C26.3,0.1,22.1,1.1,18.2,2.9"></path> <path class="logo__part logo__part--raspberry" fill="#D41C6F" d="M21.5,18.5c-1-0.3-2.2-0.4-3.3-0.4c0,0-0.1,0-0.1,0v0.4v23.6v15c3.9,1.8,8.1,2.9,12.6,2.9 V47.7V29.4C30.3,24.2,26.5,19.8,21.5,18.5"></path> <path class="logo__part logo__part--blue" fill="#008AAA" d="M32.6,0v40.9v1.1v0.4c0,0,0,0,0,0c1.1,0,2.2-0.1,3.3-0.4c3.6-0.9,6.5-3.4,8.1-6.7 c0.6-1.3,1.1-2.8,1.2-4.3V3.4C41.4,1.4,37.1,0.2,32.6,0"></path> <path class="logo__part logo__part--turquoise" fill="#00D2A9" d="M35.9,42.9c-1-0.3-2.2-0.4-3.3-0.4c0,0,0,0,0,0v0.4v2.9V60c4.5-0.2,8.7-1.4,12.6-3.4v-2.7 C44.6,48.6,40.9,44.3,35.9,42.9"></path> <path class="logo__part logo__part--green" fill="#9FE600" d="M16.4,17.9V3.9C7.3,9.2,1.2,18.9,1.2,29.9S7.3,50.7,16.4,56v-14c-2.8-3.3-4.3-7.5-4.3-12.1 S13.7,21.2,16.4,17.9"></path> <path class="logo__part logo__part--pink-replacement" fill="#FF2C9F" d="M18.2,2.9v38v1.1v0.4c0,0,0,0,0.1,0c1.1,0,2.2-0.1,3.3-0.4c3.6-0.9,6.5-3.4,8.1-6.7 c0.6-1.3,1.1-2.8,1.2-4.3V0C26.3,0.1,22.1,1.1,18.2,2.9"></path> <path class="logo__part logo__part--turquoise-replacement" fill="#00D2A9" d="M35.9,18.5c-1-0.3-2.2-0.4-3.3-0.4c0,0,0,0,0,0v0.4v2.9V60c4.5-0.2,8.7-1.4,12.6-3.4V29.4 C44.6,24.2,40.9,19.8,35.9,18.5"></path> <path class="logo__part logo__part--orange" fill="#F76C06" d="M58.8,17.2C58.8,17.2,58.8,17.2,58.8,17.2C58.2,16.1,57.6,15,57,14 c-2.4-3.9-5.7-7.2-9.6-9.6v19.3C52.2,23.6,56.4,21.1,58.8,17.2"></path> <path class="logo__part logo__part--dark-orange" fill="#F63400" d="M47.3,36.3v19.3c3.9-2.4,7.2-5.7,9.6-9.6c0.3-0.5,0.6-1.1,0.9-1.6c0.3-0.5,0.6-1.1,0.8-1.7 l0,0C56.4,38.8,52.2,36.3,47.3,36.3"></path> </g> </svg> <script> require(['jquery-1', 'modernizr', 'childrens/logo/animated-cbbc-logo'], function ($, Modernizr, logoAnimation) { var shouldAnimateLogo = Modernizr.svg && Modernizr.cssanimations; if (shouldAnimateLogo) { var logo = logoAnimation({id: '#large-menu-logo'}); $(document).ready(function () { setTimeout(logo.play, 800); }); } }); </script> </span><span class="menu__link-label">Home</span> </a> </li><li class="menu__item menu__item--shows menu__item--current"> <a class="menu__link" href="/web/20161226123217/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/20161226123217/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/20161226123217/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/20161226123217/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"> <a class="menu__link" href="/web/20161226123217/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/20161226123217/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/20161226123217/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/20161226123217/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> </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/20161226123217/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; // Required for sticky Orb experiment; can be removed as part of cleanup. var childrensWrapper = document.querySelector('div.childrens-wrapper'); var childrensWrapperClasses = childrensWrapper.className.split(' '); var stickyOrbMenuOpenClass = 'sticky-menu-open'; 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 isStickyOrbFeatureToggleOn() { return childrensWrapperClasses.indexOf('feature-flag--sticky-orb-experiment') !== -1; } function isStickyOrbExperimentRunning() { var experimentRunning = false; if (isStickyOrbFeatureToggleOn()) { var activeExperiment = childrensWrapper.getAttribute('data-active-experiment'); var variant = activeExperiment ? activeExperiment.split(':')[1] : ''; experimentRunning = variant && (variant === 'childrens_stickyorb_sticky_perma' || variant === 'childrens_stickyorb_sticky_hide'); } return experimentRunning; } function toggleMenuOpenAndClose(e) { e.preventDefault(); menuOpen = !menuOpen; if (menuOpen) { removeClass(menu, 'menu--closed'); menu.className += ' menu--open'; setText(buttonTitle, 'Close'); if (isStickyOrbExperimentRunning()) { var stickyContainer = document.getElementById('sticky-container'); var menuIsStuck = stickyContainer.childElementCount > 0; if (menuIsStuck) { stickyContainer.className += ' ' + stickyOrbMenuOpenClass; } } setTimeout(function () { button.setAttribute('data-stats-interaction-variant', 'close'); }, 10); } else { removeClass(menu, 'menu--open'); menu.className += ' menu--closed'; setText(buttonTitle, 'Menu'); if (isStickyOrbExperimentRunning()) { var stickyContainer = document.getElementById('sticky-container'); removeClass(stickyContainer, stickyOrbMenuOpenClass); } 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); } }); } if (isStickyOrbFeatureToggleOn()) { var stickyContainer = document.getElementById('sticky-container'); addEvent('click', stickyContainer, function (e) { var clickedOnEmptySpace = e.target === stickyContainer; 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> require(['jquery-1'], function ($) { var $menu = $('.menu').first(); function currentVerticalScroll() { return $(window).scrollTop(); } function setupMenuStickyness() { var $childrensWrapper = $('.childrens-wrapper'); var stuckClass = 'menu--stuck'; function stickingPoint() { return $childrensWrapper.offset().top; } function hasScrolledPastStickingPoint() { return currentVerticalScroll() >= stickingPoint(); } function stickElement($elem) { $elem.addClass(stuckClass); } function unstickElement($elem) { $elem.removeClass(stuckClass); } function stickOrUnstickMenu() { var menuIsStuck = $menu.hasClass(stuckClass); var menuIsOpen = $menu.hasClass('menu--open'); if (hasScrolledPastStickingPoint()) { if (!menuIsStuck && !menuIsOpen) { stickElement($menu); } } else { if (menuIsStuck) { unstickElement($menu); } } } 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).on('scroll touchmove', throttleAndDebounce(stickOrUnstickMenu)); $(document).ready(stickOrUnstickMenu); } setupMenuStickyness(); }); </script> <div class="page-hero page-hero--brand"> <div class="page-hero__inner window"> <div class="page-hero__characters"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/horrible-histories_onward_journey_image_bid.png"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/horrible-histories_onward_journey_image_bid.png" alt=""/></noscript> </span> </div><div class="page-hero__logo"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/horrible-histories_brand_logo_image_bid.png"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/horrible-histories_brand_logo_image_bid.png" alt=""/></noscript> </span> </div></div> </div> <h1 class="vh">Horrible Histories</h1> <div class="content-collection-page content-collection-page--show" role="main" itemscope> <div class="window grid-container"> <div class="programme-info"> <div class="programme-info__details "> <div class="programme-info__text-container"> <h2 class="programme-info__title">Horrible Histories</h2> <p class="programme-info__description">Welcome to the home of Horrible Histories. Here you can watch episodes, play games, and sing along to your favourite Horrible Histories songs!</p> <ul class="programme-info__buttons"> <li class="programme-info__button"> <div class="add-to"> <div class="button button--add-to"> <a href="#" class="add-to__button add-to__button--shows add-to__button--cbbc button__link" aria-pressed="false" aria-live="polite" aria-labelledby="add-to__labels" data-add-to-state="unselected" data-resource-id="horrible-histories"> <span class="button__inner"> <span class="add-to__icons add-to__s"> <i aria-hidden="true" class="gelicon gelicon--add add-to__gelicon add-to__icon add-to__icon--unselected"></i> <i aria-hidden="true" class="gelicon gelicon--load add-to__gelicon add-to__icon add-to__icon--in-progress"></i> <i aria-hidden="true" class="gelicon gelicon--yes add-to__gelicon add-to__icon add-to__icon--selected"></i> <i aria-hidden="true" class="gelicon gelicon--no add-to__gelicon add-to__icon add-to__icon--remove"></i> </span> <span class="add-to__labels"> <span class="add-to__label add-to__s add-to__label--add" role="presentation">Add to My Shows</span> <span class="add-to__label add-to__s add-to__label--added" role="presentation">Added to My Shows</span> <span class="add-to__label add-to__s add-to__label--remove" role="presentation">Remove</span> </span> </span> </a> <span class="add-to__count"> <span class="button__add-on-container"> <span class="button__add-on ">7545</span> </span> </span> </div> <div class="add-to__tooltip"></div> <script> require(['activity-button/add-to'], function (AddTo) { AddTo('horrible-histories', 'brand'); }); </script> </div> </li> </ul> </div> </div><div class="programme-info__availability"> <div class="programme-availability"> <h2 class="programme-availability__title">On TV</h2> <div> <div class="programme-availability__product-logo"> <a href="https://web.archive.org/web/20161226123217/https://www.bbc.co.uk/iplayer/cbbc"> <img class="programme-availability__product-image" src="https://web.archive.org/web/20161226123217im_/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/images/programme-availability/logo.png" alt="CBBC Logo"/> </a> </div> <div class="programme-availability__schedule-info"> <div class="programme-availability__info"> <p class="programme-availability__day">Tomorrow<p> <p class="programme-availability__time">19:55</p> <p class="programme-availability__product-name"> <a href="https://web.archive.org/web/20161226123217/https://www.bbc.co.uk/iplayer/cbbc"> CBBC </a> </p> </div> </div> </div> </div> </div></div> <div class="promo-area promo-area--variant-a promo-area--multiple "> <div class="promo-area__grid"> <div class="promo-area__secondary"> <div class="promo-area__item promo promo--overlay promo-area__item--medium promo--medium promo--watch"> <a class="promo__link" href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p019t4cj" data-stats-interaction="promo" data-stats-interaction-variant="brand_horrible-histories_top" data-stats-interaction-position="0"> <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/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/horrible-histories-minted-song-promo_B.jpg" data-alt="Marcus Licinius Crassus."></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/horrible-histories-minted-song-promo_B.jpg" alt="Marcus Licinius Crassus."/></noscript> </span> </div> <div class="promo__info"> <h3 class="promo__caption">Those Romans think they're minted...</h3> <div class="promo__cta button button--watch button--small "><div class="button__link"><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Watch Horrible Histories Songs</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--iplayer"> <a class="promo__link" href="/web/20161226123217/http://www.bbc.co.uk/iplayer/cbbc/episodes/b00sp0l8" data-stats-interaction="promo" data-stats-interaction-variant="brand_horrible-histories_top" 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/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/horrible-histories-episodes-promo_B.jpg"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/horrible-histories-episodes-promo_B.jpg" alt=""/></noscript> </span> </div> <div class="promo__info"> <h3 class="promo__caption">Learn fantastically foul facts in Horrible Histories</h3> <div class="promo__cta button button--iplayer button--small "><div class="button__link"><span class="button__inner"> <i class="button__icon-pre" aria-hidden="true"></i> <span class="button__text">Catch Up</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="content-collection-page__sections"> <div class="window window--extra-wide grid-container"> <div class="content-collection-sections grid"> <ul class="content-collection-sections__list"> <li> <div id="all-container" class="content-collection-sections__item content-collection-section content-collection-section--all" data-stats-children-index=""> <span class="anchor" id="all"></span> <div class="content-collection-section__portal"> <div class="content-collection-section__panel"> <ul class="content-list"> <li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/horrible-histories-carols-silent-night" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="0" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/Horrible_Histories_Silent_Night_1024_576.jpg" data-alt="Horrible Histories - Horrible Histories: Silent Night"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/Horrible_Histories_Silent_Night_1024_576.jpg" alt="Horrible Histories - Horrible Histories: Silent Night"/></noscript> </span> </div> <div class="content-card__flag flag flag--auto-new flag--watch"> <span class="flag__icon"></span> <span class="flag__text">NEW!</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Horrible Histories: Silent Night"> Horrible Histories: Silent Night </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">5</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/20161226123217/http://www.bbc.co.uk/cbbc/watch/horrible-histories-carols-we-wish-you-a-merry-christmas" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="1" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/Horrible_Histories_We_Wish_You_A_Merry_Christmas_1024_576.jpg" data-alt="Horrible Histories - Horrible Histories: We Wish You A Merry Christmas"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/Horrible_Histories_We_Wish_You_A_Merry_Christmas_1024_576.jpg" alt="Horrible Histories - Horrible Histories: We Wish You A Merry Christmas"/></noscript> </span> </div> <div class="content-card__flag flag flag--auto-new flag--watch"> <span class="flag__icon"></span> <span class="flag__text">NEW!</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Horrible Histories: We Wish You A Merry Christmas"> Horrible Histories: We Wish You A <span class="w320-hide w600-hide">Merry Chri</span>... </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">1</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">9</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/horrible-histories-carols-good-king-wenceslas" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="2" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/Horrible_Histories_Good_King_Wenceslas_1024_576.jpg" data-alt="Horrible Histories - Horrible Histories: Good King Wenceslas"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/Horrible_Histories_Good_King_Wenceslas_1024_576.jpg" alt="Horrible Histories - Horrible Histories: Good King Wenceslas"/></noscript> </span> </div> <div class="content-card__flag flag flag--auto-new flag--watch"> <span class="flag__icon"></span> <span class="flag__text">NEW!</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Horrible Histories: Good King Wenceslas"> Horrible Histories: Good King Wenceslas </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">2</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">5</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/horrible-histories-carols-o-christmas-tree" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="3" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/Horrible_Histories_Christmas_Tree_1024_576.jpg" data-alt="Horrible Histories - Horrible Histories: O Christmas tree"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/Horrible_Histories_Christmas_Tree_1024_576.jpg" alt="Horrible Histories - Horrible Histories: O Christmas tree"/></noscript> </span> </div> <div class="content-card__flag flag flag--auto-new flag--watch"> <span class="flag__icon"></span> <span class="flag__text">NEW!</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Horrible Histories: O Christmas tree"> Horrible Histories: O Christmas tree </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">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">11</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/quizzes/horrible-christmas" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="4" data-site-section="quizzes"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/Horrible_Histories_Horrible_Christmas_1024_576.jpg" data-alt="Horrible Histories - Quiz: Horrible Christmas"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/Horrible_Histories_Horrible_Christmas_1024_576.jpg" alt="Horrible Histories - Quiz: Horrible Christmas"/></noscript> </span> </div> <div class="content-card__flag flag flag--auto-new flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text">NEW!</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Quiz: Horrible Christmas"> Quiz: Horrible Christmas </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">28</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">71</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/wily-winston-churchill-song" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="5" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/wily-churchill-01.jpg" data-alt="Horrible Histories - Winston Churchill Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/wily-churchill-01.jpg" alt="Horrible Histories - Winston Churchill Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--watch"> <span class="flag__icon"></span> <span class="flag__text">Watch now</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Winston Churchill Song"> Winston Churchill Song </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">56</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/20161226123217/http://www.bbc.co.uk/cbbc/watch/horrible-histories-winners-story" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="6" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/Top_CBBC_horrible_histories_competition_behind_the_scenes-content-card.jpg" data-alt="Horrible Histories - The winner's story!"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/Top_CBBC_horrible_histories_competition_behind_the_scenes-content-card.jpg" alt="Horrible Histories - The winner's story!"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--watch"> <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="The winner's story!"> The winner's story! </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">2</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">10</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/horrible-histories-winner" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="7" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/horrible-histories-winner-content-card.jpg" data-alt="Horrible Histories - Horrible Histories: And the winner is..."></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/horrible-histories-winner-content-card.jpg" alt="Horrible Histories - Horrible Histories: And the winner is..."/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Horrible Histories: And the winner is..."> Horrible Histories: And the winner is... </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">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">17</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/fawkes-13" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="8" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/Horrible_Histories_Fawkes_13_1024_576.jpg" data-alt="Horrible Histories - Fawkes' 13 "></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/Horrible_Histories_Fawkes_13_1024_576.jpg" alt="Horrible Histories - Fawkes' 13 "/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Fawkes' 13 "> Fawkes' 13 </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">8</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">24</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/joinin/spell-you-name-with-hieroglyphics" 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-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/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/hieroglyphics-wall.jpg" data-alt="Horrible Histories - Spell your name with hieroglyphics!"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/hieroglyphics-wall.jpg" alt="Horrible Histories - Spell your name with hieroglyphics!"/></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="Spell your name with hieroglyphics!"> Spell your name with hieroglyphics! </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">28</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">28</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/quizzes/major-moustaches" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="10" data-site-section="quizzes"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/Horrible_Histories_Moustache_Quiz_1024_576.jpg" data-alt="Horrible Histories - Quiz: Major Moustaches "></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/Horrible_Histories_Moustache_Quiz_1024_576.jpg" alt="Horrible Histories - Quiz: Major Moustaches "/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Quiz: Major Moustaches "> Quiz: Major Moustaches </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">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">42</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/deaths-favourite-things" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="11" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/Horrible_Histories_Death_Song_1024_576.jpg" data-alt="Horrible Histories - Death's Favourite Things Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/Horrible_Histories_Death_Song_1024_576.jpg" alt="Horrible Histories - Death's Favourite Things Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Death's Favourite Things Song"> Death's Favourite Things Song </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">4</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">14</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/wicked-william-the-conqueror" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="12" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/hh-william-song-v2_1024x576.jpg" data-alt="Horrible Histories - Wicked William the Conqueror Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/hh-william-song-v2_1024x576.jpg" alt="Horrible Histories - Wicked William the Conqueror Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--watch"> <span class="flag__icon"></span> <span class="flag__text">Watch now</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Wicked William the Conqueror Song"> Wicked William the Conqueror Song </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">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">50</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/tudor-bake-off" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="13" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/Horrible_Histories_GTBO_1024_576_2.jpg" data-alt="Horrible Histories - The Great Tudor Bake Off"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/Horrible_Histories_GTBO_1024_576_2.jpg" alt="Horrible Histories - The Great Tudor Bake Off"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="The Great Tudor Bake Off"> The Great Tudor Bake Off </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">1</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">14</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/horrible-histories-great-fire-of-london" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="14" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/horrible-histories-london-fire-content-card.jpg" data-alt="Horrible Histories - Horrible Histories Special: London's Burning"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/horrible-histories-london-fire-content-card.jpg" alt="Horrible Histories - Horrible Histories Special: London's Burning"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Horrible Histories Special: London's Burning"> Horrible Histories Special: London's Burning </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">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">63</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/quizzes/grisly-great-fire-quiz" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="15" data-site-section="quizzes"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/Grisly_Great_Fire_1024_576.jpg" data-alt="Horrible Histories - Quiz: The Grisly Great Fire of London"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/Grisly_Great_Fire_1024_576.jpg" alt="Horrible Histories - Quiz: The Grisly Great Fire of London"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Quiz: The Grisly Great Fire of London"> Quiz: The Grisly Great Fire of London </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">71</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/20161226123217/http://www.bbc.co.uk/cbbc/watch/jacqueline-wilson-reacts-to-horrible-histories" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="16" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/jw-reacts-to-hh-index.jpg" data-alt="CBBC Book Club - Dame Jacqueline Wilson reacts to... herself?"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/jw-reacts-to-hh-index.jpg" alt="CBBC Book Club - Dame Jacqueline Wilson reacts to... herself?"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--watch"> <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="Dame Jacqueline Wilson reacts to... herself?"> Dame Jacqueline Wilson reacts to... herself? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">94</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">165</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/staggering-storytellers-special-sneak-peek" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="17" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/hh-storytellers-index_1920x1080.jpg" data-alt="Horrible Histories - Staggering Storytellers"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/hh-storytellers-index_1920x1080.jpg" alt="Horrible Histories - Staggering Storytellers"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--watch"> <span class="flag__icon"></span> <span class="flag__text">Watch now</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Staggering Storytellers"> Staggering Storytellers </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">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">77</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/myles-take-on-shakespeare" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="18" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/whoops_myles_shakespeare_index.jpg" data-alt="WHOOPS I MISSED THE BUS - Myles' take on Shakespeare "></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/whoops_myles_shakespeare_index.jpg" alt="WHOOPS I MISSED THE BUS - Myles' take on Shakespeare "/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--watch"> <span class="flag__icon"></span> <span class="flag__text">Watch now</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Myles' take on Shakespeare "> Myles' take on Shakespeare </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">11</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">22</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/quizzes/shakespeare-or-fakespeare" class="content-card content-card--quizzes content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="19" data-site-section="quizzes"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/shake-index.jpeg" data-alt="Horrible Histories - Quiz: Shakespeare or Fakespeare?"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/shake-index.jpeg" alt="Horrible Histories - Quiz: Shakespeare or Fakespeare?"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--quizzes"> <span class="flag__icon"></span> <span class="flag__text">Play now</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Quiz: Shakespeare or Fakespeare?"> Quiz: Shakespeare or Fakespeare? </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">174</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">157</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/sensational-shakespeare-song" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="20" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/hh_sp_shakespeare_index.jpg" data-alt="Horrible Histories - Shakespeare's Sensational Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/hh_sp_shakespeare_index.jpg" alt="Horrible Histories - Shakespeare's Sensational Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Shakespeare's Sensational Song"> Shakespeare's Sensational Song </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">31</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">81</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/shakespeare-fails-to-impress" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="21" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/shakespeare_at_school_1920x1080.jpg" data-alt="Horrible Histories - Shakespeare fails to impress at school"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/shakespeare_at_school_1920x1080.jpg" alt="Horrible Histories - Shakespeare fails to impress at school"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--watch"> <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="Shakespeare fails to impress at school"> Shakespeare fails to impress at school </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">52</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">101</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/bp-behind-the-scenes-of-new-film-bill" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="22" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/bp-behind-the-scenes-of-new-film-bill_index.jpg" data-alt="Blue Peter - Behind the scenes on new film 'Bill'"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/bp-behind-the-scenes-of-new-film-bill_index.jpg" alt="Blue Peter - Behind the scenes on new film 'Bill'"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Behind the scenes on new film 'Bill'"> Behind the scenes on new film 'Bill' </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">42</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">47</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p02j4qnx" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="23" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/horrible-histories-sp-magna-carta-promo_1024x576.jpg" data-alt="Horrible Histories - King John's Epic Rap Battle"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/horrible-histories-sp-magna-carta-promo_1024x576.jpg" alt="Horrible Histories - King John's Epic Rap Battle"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--watch"> <span class="flag__icon"></span> <span class="flag__text">Watch now</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="King John's Epic Rap Battle"> King John's Epic Rap Battle </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">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">37</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/orrible-oliver-cromwell-song" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="24" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/hh-cromwell.jpg" data-alt="Horrible Histories - 'Orrible Oliver Cromwell Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/hh-cromwell.jpg" alt="Horrible Histories - 'Orrible Oliver Cromwell Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--watch"> <span class="flag__icon"></span> <span class="flag__text">Sneak Peek</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="'Orrible Oliver Cromwell Song"> 'Orrible Oliver Cromwell Song </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">69</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">24</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/tricky-queen-vicky-song" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="25" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/hh-queen-victoria.jpg" data-alt="Horrible Histories - Tricky Queen Vicky Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/hh-queen-victoria.jpg" alt="Horrible Histories - Tricky Queen Vicky Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--watch"> <span class="flag__icon"></span> <span class="flag__text">Watch now</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Tricky Queen Vicky Song"> Tricky Queen Vicky Song </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">114</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">53</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/bolshy-boudica-song" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="26" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/hh-boudica-song.jpg" data-alt="Horrible Histories - Bolshy Boudica Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/hh-boudica-song.jpg" alt="Horrible Histories - Bolshy Boudica Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Bolshy Boudica Song"> Bolshy Boudica Song </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">84</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">47</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/gorgeous-george-iii-song" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="27" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/hh-george-iii-song.jpg" data-alt="Horrible Histories - Gorgeous George III Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/hh-george-iii-song.jpg" alt="Horrible Histories - Gorgeous George III Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--watch"> <span class="flag__icon"></span> <span class="flag__text">Watch now</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Gorgeous George III Song"> Gorgeous George III Song </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">67</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">34</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/crafty-cleopatra" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="28" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/hh-crafty-cleopatra.jpg" data-alt="Horrible Histories - Crafty Cleopatra Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/hh-crafty-cleopatra.jpg" alt="Horrible Histories - Crafty Cleopatra Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--watch"> <span class="flag__icon"></span> <span class="flag__text">Watch now</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Crafty Cleopatra Song"> Crafty Cleopatra Song </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">116</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">58</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/hh-king-henry-viii-song" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="29" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/hh-henry-viii-special.jpg" data-alt="Horrible Histories - Rowan Atkinson sings as King Henry VIII"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/hh-henry-viii-special.jpg" alt="Horrible Histories - Rowan Atkinson sings as King Henry VIII"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Rowan Atkinson sings as King Henry VIII"> Rowan Atkinson sings as King Henry VIII </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">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">28</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/hh-naughty-napoleon" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="30" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/hh-naughty-napoleon-special.jpg" data-alt="Horrible Histories - Naughty Napoleon Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/hh-naughty-napoleon-special.jpg" alt="Horrible Histories - Naughty Napoleon Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--watch"> <span class="flag__icon"></span> <span class="flag__text">Watch now</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Naughty Napoleon Song"> Naughty Napoleon Song </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">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">41</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/mary-queen-of-scots-song" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="31" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/mary-hh-song_1024x576.jpg" data-alt="Horrible Histories - Mardy Mary, Queen of Scots Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/mary-hh-song_1024x576.jpg" alt="Horrible Histories - Mardy Mary, Queen of Scots Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--watch"> <span class="flag__icon"></span> <span class="flag__text">Watch now</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Mardy Mary, Queen of Scots Song"> Mardy Mary, Queen of Scots Song </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">75</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/20161226123217/http://www.bbc.co.uk/cbbc/watch/awesome-alfred-the-great-song" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="32" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/hh-sp1_1024x576.jpg" data-alt="Horrible Histories - Awesome Alfred the Great Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/hh-sp1_1024x576.jpg" alt="Horrible Histories - Awesome Alfred the Great Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Awesome Alfred the Great Song"> Awesome Alfred the Great Song </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">56</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/20161226123217/http://www.bbc.co.uk/cbbc/watch/p02465x2" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="33" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p0240cgt.jpg" data-alt="Horrible Histories - World War One - Wee Wee"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p0240cgt.jpg" alt="Horrible Histories - World War One - Wee Wee"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="World War One - Wee Wee"> World War One - Wee Wee </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">28</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">18</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p0240fxh" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="34" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p0240d3l.jpg" data-alt="Horrible Histories - World War One - Football Match on The Battlefield"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p0240d3l.jpg" alt="Horrible Histories - World War One - Football Match on The Battlefield"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="World War One - Football Match on The Battlefield"> World War One - Football Match on <span class="w320-hide w600-hide">The Battle</span>... </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">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">15</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p0240f7v" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="35" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p0240d3y.jpg" data-alt="Horrible Histories - World War One - Cousins Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p0240d3y.jpg" alt="Horrible Histories - World War One - Cousins Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="World War One - Cousins Song"> World War One - Cousins Song </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">65</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">31</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p023t67n" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="36" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p023t66h.jpg" data-alt="Horrible Histories - Entertainment in the Trenches"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p023t66h.jpg" alt="Horrible Histories - Entertainment in the Trenches"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Entertainment in the Trenches"> Entertainment in the Trenches </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">40</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><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p01cvkj7" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="37" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p01cvkj3.jpg" data-alt="Horrible Histories - The History Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p01cvkj3.jpg" alt="Horrible Histories - The History Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="The History Song"> The History Song </p> <div class="content-card__details"> <ul class="content-card__counts"><li class="content-card__count content-card__count--comments content-card__comments-count-wrapper"> <i class="gelicon gelicon--comments content-card__count-icon content-card__comments-icon" aria-hidden="true"></i> <span class="content-card__comments-count">65</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/20161226123217/http://www.bbc.co.uk/cbbc/watch/p01s4cy6" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="38" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p01s4cx3.jpg" data-alt="Horrible Histories - Victoria and Albert's Love Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p01s4cx3.jpg" alt="Horrible Histories - Victoria and Albert's Love Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Victoria and Albert's Love Song"> Victoria and Albert's Love Song </p> <div class="content-card__details"> <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">21</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p01g2pg0" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="39" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p01g2pcm.jpg" data-alt="Horrible Histories - Saxon Monk – Internet Videos are Forever"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p01g2pcm.jpg" alt="Horrible Histories - Saxon Monk – Internet Videos are Forever"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Saxon Monk – Internet Videos are Forever"> Saxon Monk – Internet Videos are Forever </p> <div class="content-card__details"> <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">24</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p01g2ppl" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="40" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p01g2pn6.jpg" data-alt="Horrible Histories - Lady Jane Grey – Beware what you download"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p01g2pn6.jpg" alt="Horrible Histories - Lady Jane Grey – Beware what you download"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Lady Jane Grey – Beware what you download"> Lady Jane Grey – Beware what you download </p> <div class="content-card__details"> <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">25</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p01g2pt6" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="41" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p01g2pt4.jpg" data-alt="Horrible Histories - Protect thy privacy settings!"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p01g2pt4.jpg" alt="Horrible Histories - Protect thy privacy settings!"/></noscript> </span> </div> <div class="content-card__flag flag flag--manual flag--watch"> <span class="flag__icon"></span> <span class="flag__text">Watch now</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Protect thy privacy settings!"> Protect thy privacy settings! </p> <div class="content-card__details"> <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">14</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p01chxgn" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="42" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p01chxg7.jpg" data-alt="Horrible Histories - Australia Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p01chxg7.jpg" alt="Horrible Histories - Australia Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Australia Song"> Australia Song </p> <div class="content-card__details"> <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">37</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p01c6fqr" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="43" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p01c6fqq.jpg" data-alt="Horrible Histories - A Norman Family Tree Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p01c6fqq.jpg" alt="Horrible Histories - A Norman Family Tree Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="A Norman Family Tree Song"> A Norman Family Tree Song </p> <div class="content-card__details"> <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">33</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p01bwglk" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="44" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p01bkw0c.jpg" data-alt="Horrible Histories - King Henry VII Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p01bkw0c.jpg" alt="Horrible Histories - King Henry VII Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="King Henry VII Song"> King Henry VII Song </p> <div class="content-card__details"> <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">26</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p01bkz3t" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="45" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p01bkz1r.jpg" data-alt="Horrible Histories - Transport Pioneers Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p01bkz1r.jpg" alt="Horrible Histories - Transport Pioneers Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Transport Pioneers Song"> Transport Pioneers Song </p> <div class="content-card__details"> <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">21</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p01b3scb" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="46" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p01b3sc1.jpg" data-alt="Horrible Histories - Owain Glyndwr Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p01b3sc1.jpg" alt="Horrible Histories - Owain Glyndwr Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Owain Glyndwr Song"> Owain Glyndwr Song </p> <div class="content-card__details"> <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">24</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p01b3kz5" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="47" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p01b3kyc.jpg" data-alt="Horrible Histories - Dodgy Deals"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p01b3kyc.jpg" alt="Horrible Histories - Dodgy Deals"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Dodgy Deals"> Dodgy Deals </p> <div class="content-card__details"> <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">3</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p01b1jw1" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="48" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p01b1jvv.jpg" data-alt="Horrible Histories - Alexander the Great Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p01b1jvv.jpg" alt="Horrible Histories - Alexander the Great Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Alexander the Great Song"> Alexander the Great Song </p> <div class="content-card__details"> <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">14</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p019t4cj" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="49" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p019t4c4.jpg" data-alt="Horrible Histories - Marcus Licinius Crassus Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p019t4c4.jpg" alt="Horrible Histories - Marcus Licinius Crassus Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Marcus Licinius Crassus Song"> Marcus Licinius Crassus Song </p> <div class="content-card__details"> <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">94</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p01466z7" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="50" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p01466yp.jpg" data-alt="Horrible Histories - Blackbeard's Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p01466yp.jpg" alt="Horrible Histories - Blackbeard's Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Blackbeard's Song"> Blackbeard's Song </p> <div class="content-card__details"> <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">12</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p011wdtb" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="51" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p011wdsf.jpg" data-alt="Horrible Histories - Cleopatra Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p011wdsf.jpg" alt="Horrible Histories - Cleopatra Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Cleopatra Song"> Cleopatra Song </p> <div class="content-card__details"> <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">51</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p011wcpw" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="52" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p011wcp1.jpg" data-alt="Horrible Histories - Charles II King of Bling Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p011wcp1.jpg" alt="Horrible Histories - Charles II King of Bling Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Charles II King of Bling Song"> Charles II King of Bling Song </p> <div class="content-card__details"> <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">40</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/thingstodo/horrible-histories-viking-headwear" class="content-card content-card--thingstodo content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="53" data-site-section="thingstodo"> <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/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/cbbc-all-dressup-horrible_histories_viking_headwear-horrible_histories_viking_headwear_304x171.jpg" data-alt="Horrible Histories - Horrible Histories Viking Headwear"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/cbbc-all-dressup-horrible_histories_viking_headwear-horrible_histories_viking_headwear_304x171.jpg" alt="Horrible Histories - Horrible Histories Viking Headwear"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--thingstodo"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Horrible Histories Viking Headwear"> Horrible Histories Viking Headwear </p> <div class="content-card__details"> <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">2</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/thingstodo/horrible-histories-norman-headwear" class="content-card content-card--thingstodo content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="54" data-site-section="thingstodo"> <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/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/cbbc-all-dressup-horrible_histories_norman_headwear-horrible_histories_norman_headwear_304x171.jpg" data-alt="Horrible Histories - Horrible Histories Norman Headwear"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/cbbc-all-dressup-horrible_histories_norman_headwear-horrible_histories_norman_headwear_304x171.jpg" alt="Horrible Histories - Horrible Histories Norman Headwear"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--thingstodo"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Horrible Histories Norman Headwear"> Horrible Histories Norman Headwear </p> <div class="content-card__details"> <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">1</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p00smdp2" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="55" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p01m1y6b.jpg" data-alt="Horrible Histories - Blackbeard's Crib"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p01m1y6b.jpg" alt="Horrible Histories - Blackbeard's Crib"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Blackbeard's Crib"> Blackbeard's Crib </p> <div class="content-card__details"> <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">2</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p00hvbjj" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="56" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p01l6rw1.jpg" data-alt="Horrible Histories - Aztec Priests' Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p01l6rw1.jpg" alt="Horrible Histories - Aztec Priests' Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Aztec Priests' Song"> Aztec Priests' Song </p> <div class="content-card__details"> <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">15</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p00h9m20" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="57" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p01l6rw1.jpg" data-alt="Horrible Histories - Dick Turpin Highwayman Song"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p01l6rw1.jpg" alt="Horrible Histories - Dick Turpin Highwayman Song"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Dick Turpin Highwayman Song"> Dick Turpin Highwayman Song </p> <div class="content-card__details"> <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">29</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p00nxznx" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="58" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p01m1y6b.jpg" data-alt="Horrible Histories - What happens when you lie about your age online?"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p01m1y6b.jpg" alt="Horrible Histories - What happens when you lie about your age online?"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="What happens when you lie about your age online?"> What happens when you lie about yo<span class="w320-hide w600-hide">ur age onl</span>... </p> <div class="content-card__details"> <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">25</span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/watch/p00nxz6y" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="59" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/p01m1y6b.jpg" data-alt="Horrible Histories - Guy Fawkes - Internet Privacy Settings"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/p01m1y6b.jpg" alt="Horrible Histories - Guy Fawkes - Internet Privacy Settings"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Guy Fawkes - Internet Privacy Settings"> Guy Fawkes - Internet Privacy Settings </p> <div class="content-card__details"> <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">7</span> </li></ul> </div> </div> </a> </li> </ul> </div> </div> <div class="content-collection-section__mask pocket__mask button-parent"> <div class="content-collection-section__controls"> <div class="content-collection-section__toggle-button button button--large button--center button--immersive "><a class="button__link" href="/web/20161226123217/http://www.bbc.co.uk/cbbc/shows/horrible-histories?page=2" rel="next" data-stats-interaction="pagination" data-stats-interaction-variant="show_more" data-stats-interaction-action="button" data-stats-page-number="1"><span class="button__inner"> <span class="button__text"></span> </span></a></div> </div> </div> </div> <script> require(['childrens/showMore', 'lib/minpubsub', 'jquery-1', 'domReady!'], function (ShowMore, pubsub, $) { ShowMore.create({ containerId: 'all-container', portal: '.content-collection-section__portal', panel: '.content-collection-section__panel', items: '.content-list__item', mask: '.content-collection-section__mask', controls: '.content-collection-section__controls', toggleButton: '.content-collection-section__toggle-button .button__link', toggleButtonContainer: '.content-collection-section__toggle-button', toggleButtonLabel: '.content-collection-section__toggle-button .button__text', itemType: '', collapseLabelPrefix: 'less', animationEnabled: false, maxInitialItemsShown: 25 }); //Get initial items show from the config pubsub.subscribe('/showMore/loadedContent/all', function (addedPage) { var content = $(addedPage); angular.element(document).injector().invoke(function($compile) { var scope = angular.element(content).scope(); $compile(content)(scope); }); }); }); </script> </li> <li> <div id="episodes-container" class="content-collection-sections__item content-collection-section content-collection-section--episodes" data-stats-children-index="episodes"> <span class="anchor" id="episodes"></span> <h2 class="content-collection-section__title">Episodes on BBC iPlayer</h2> <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="https://web.archive.org/web/20161226123217/https://www.bbc.co.uk/iplayer/cbbc/episode/b00wv8gy" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="0" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/http://ichef.bbci.co.uk/images/ic/{width}xn/p01gz0tf.jpg" data-alt="Horrible Christmas"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/http://ichef.bbci.co.uk/images/ic/400xn/p01gz0tf.jpg" alt="Horrible Christmas"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Horrible Christmas"> Horrible Christmas </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="https://web.archive.org/web/20161226123217/https://www.bbc.co.uk/iplayer/cbbc/episode/b052njpt" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="1" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/http://ichef.bbci.co.uk/images/ic/{width}xn/p02j92kc.jpg" data-alt="Magna Carta Special: Crooked King John and Magna Carta"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/http://ichef.bbci.co.uk/images/ic/400xn/p02j92kc.jpg" alt="Magna Carta Special: Crooked King John and Magna Carta"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Magna Carta Special: Crooked King John and Magna Carta"> Magna Carta Special: Crooked King <span class="w320-hide w600-hide">John and M</span>... </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="https://web.archive.org/web/20161226123217/https://www.bbc.co.uk/iplayer/cbbc/episode/b00kcrb1" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="2" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/http://ichef.bbci.co.uk/images/ic/{width}xn/p01gg6nd.jpg" data-alt=""></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/http://ichef.bbci.co.uk/images/ic/400xn/p01gg6nd.jpg" alt=""/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Episode 4"> Episode 4 </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="https://web.archive.org/web/20161226123217/https://www.bbc.co.uk/iplayer/cbbc/episode/b00k6pf8" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="3" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/http://ichef.bbci.co.uk/images/ic/{width}xn/p01gjw8l.jpg" data-alt=""></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/http://ichef.bbci.co.uk/images/ic/400xn/p01gjw8l.jpg" alt=""/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Episode 3"> Episode 3 </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="https://web.archive.org/web/20161226123217/https://www.bbc.co.uk/iplayer/cbbc/episode/b00jzygg" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="4" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/http://ichef.bbci.co.uk/images/ic/{width}xn/p01gftdq.jpg" data-alt=""></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/http://ichef.bbci.co.uk/images/ic/400xn/p01gftdq.jpg" alt=""/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Episode 2"> Episode 2 </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="https://web.archive.org/web/20161226123217/https://www.bbc.co.uk/iplayer/cbbc/episode/b00jzwsf" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="5" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/http://ichef.bbci.co.uk/images/ic/{width}xn/p01gfnh4.jpg" data-alt=""></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/http://ichef.bbci.co.uk/images/ic/400xn/p01gfnh4.jpg" alt=""/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Episode 1"> Episode 1 </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="https://web.archive.org/web/20161226123217/https://www.bbc.co.uk/iplayer/cbbc/episode/b0689qmd" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="6" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/http://ichef.bbci.co.uk/images/ic/{width}xn/p0304cbg.jpg" data-alt="Savage Songs Special"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/http://ichef.bbci.co.uk/images/ic/400xn/p0304cbg.jpg" alt="Savage Songs Special"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Savage Songs Special"> Savage Songs Special </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="https://web.archive.org/web/20161226123217/https://www.bbc.co.uk/iplayer/cbbc/episode/b07vd110" class="content-card content-card--watch content-card--styled content-card--animated" data-stats-interaction="aggregation" data-stats-interaction-variant="content_card" data-stats-interaction-position="7" data-site-section="watch"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20161226123217/http://ichef.bbci.co.uk/images/ic/{width}xn/p0469zt9.jpg" data-alt="The Grisly Great Fire of London"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/http://ichef.bbci.co.uk/images/ic/400xn/p0469zt9.jpg" alt="The Grisly Great Fire of London"/></noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--watch"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="The Grisly Great Fire of London"> The Grisly Great Fire of London </p> <div class="content-card__details"> <ul class="content-card__counts"></ul> </div> </div> </a> </li> </ul> </div> </div> <div class="content-collection-section__mask pocket__mask button-parent"> <div class="content-collection-section__controls"> <div class="content-collection-section__toggle-button button button--large button--center button--episodes "><a class="button__link" href="/web/20161226123217/http://www.bbc.co.uk/cbbc/shows/horrible-histories?section=episodes&page=2" rel="next" data-stats-interaction="pagination" data-stats-interaction-variant="show_more" data-stats-interaction-action="button" data-stats-page-number="1"><span class="button__inner"> <span class="button__text"></span> </span></a></div> </div> </div> </div> <script> require(['childrens/showMore', 'lib/minpubsub', 'jquery-1', 'domReady!'], function (ShowMore, pubsub, $) { ShowMore.create({ containerId: 'episodes-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: 'Episodes', collapseLabelPrefix: 'less', animationEnabled: false, maxInitialItemsShown: 60 }); //Get initial items show from the config pubsub.subscribe('/showMore/loadedContent/episodes', function (addedPage) { var content = $(addedPage); angular.element(document).injector().invoke(function($compile) { var scope = angular.element(content).scope(); $compile(content)(scope); }); }); }); </script> </li> </ul> </div> </div> </div> </div> <section class="brand-shelf-section"> <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/20161226123217/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/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/cbbc-HQ-az-v2.png" data-alt="HQ"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/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/20161226123217/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/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/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/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/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/20161226123217/http://www.bbc.co.uk/cbbc/shows/class-dismissed" 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/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/class_dismissed_az_image_bid.png" data-alt="Class Dismissed"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/class_dismissed_az_image_bid.png" alt="Class Dismissed"/></noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20161226123217/http://www.bbc.co.uk/cbbc/shows/hank-zipzer" 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/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/hank-zizper-christmas-a-z-new.png"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/hank-zizper-christmas-a-z-new.png" alt=""/></noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20161226123217/http://www.bbc.co.uk/cbbc/shows/millie-inbetween" 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/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/millie-inbetween_az_image_bid.png" data-alt="Millie Inbetween."></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/millie-inbetween_az_image_bid.png" alt="Millie Inbetween."/></noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20161226123217/http://www.bbc.co.uk/cbbc/shows/bottersnikes-and-gumbles" 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/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/bottersnikes-and-gumbles-a-z3.png" data-alt="A Bottersnike, two Gumbles and the Bottersnikes & Gumbles logo."></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/bottersnikes-and-gumbles-a-z3.png" alt="A Bottersnike, two Gumbles and the Bottersnikes & Gumbles logo."/></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/20161226123217/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/20161226123217/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/20161226123217im_/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/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/20161226123217/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/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/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/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/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/20161226123217/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/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/peter-rabbit-brand-index.png" data-alt="Peter Rabbit."></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/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/20161226123217/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/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/Topsy-and-Tim.png" data-alt="Topsy and Tim."></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/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/20161226123217/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/20161226123217/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/{width}/{pixel_ratio}x/cbbc/TLGC_s2_crossover_panel_01.png" data-alt="The Let's Go Club"></span> <noscript><img src="https://web.archive.org/web/20161226123217im_/https://ichef.bbci.co.uk/childrens-responsive-ichef/r/400/1x/cbbc/TLGC_s2_crossover_panel_01.png" alt="The Let's Go Club"/></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’ll 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/20161226123217im_/https://a.files.bbci.co.uk/cbbc/www/assets/59ef309/images/feedback/feedbackImage.png" alt=""/> </div> </div> </div> </section> </div> <div id="add-to-brand-tooltip"> <div class="tooltip add-to__tooltip" data-active-tooltip=""> <span class="tooltip__pointer"></span> <div class="tooltip__inner"> <div class="tooltip__content tooltip__content--upsell"> <p class="tooltip__subtitle"> Sign in or register to add this to <span class="tooltip__nowrap">My Shows</span> </p> <div class="tooltip__idcta"> <p class="id4-cta"> <span class="id4-cta-size-medium id4-cta-color-blue id4-cta-medium-blue"> <a href="" class="id4-cta-signin id4-cta-button">Sign in</a> <span class="id4-cta-with"> with your BBC iD,</span> or <a href="" class="id4-cta-register">Register</a> </span> <script> require(['jquery-1', 'idcta/id-config'], function ($, idConfig) { $('.id4-cta-signin').each(function () { if (idConfig && idConfig.signin_url) { this.href = idConfig.signin_url; } }); $('.id4-cta-register').each(function () { if (idConfig && idConfig.register_url) { this.href = idConfig.register_url; } }); }); </script> </p> </div> </div> <div class="tooltip__content tooltip__content--error"> <p class="tooltip__title"> <span class="add-to__icons add-to__s"> <i aria-hidden="true" class="gelicon gelicon--alert add-to__gelicon add-to__icon"></i> </span>Something's gone wrong </p> <p class="tooltip__body tooltip__try-again">Please try again later</p> </div> <a href="#" class="tooltip__close add-to__tab" title="Close" aria-label="Close Tooltip"> <span class="tooltip__close-icon"> <i aria-hidden="true" class="gelicon gelicon--no"></i> </span> </a> </div> </div> </div> <script type="text/javascript"> require(['lib/Imager', 'lib/minpubsub'], function (Imager, pubsub) { Imager.transforms.pixelRatio = function (value) { return value; }; var availableWidths = [80, 160, 240, 320, 400, 480, 560, 640, 720, 800, 880, 960]; var imagerDefault = new Imager('.delayed-image-load', { availableWidths: availableWidths, availablePixelRatios: [1, 1.5] }); 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(['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/20161226123217/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> </div> <div id="orb-footer" class="orb-footer orb-footer-transparent-dark b-footer--transparent--dark-grey"> <div id="navp-orb-footer-promo" class="orb-footer-transparent-dark"></div> <aside role="complementary"> <div id="orb-aside" class="orb-nav-sec b-r b-g-p"> <div class="orb-footer-inner" role="navigation"> <h2 class="orb-footer-lead">Explore the BBC</h2> <div class="orb-footer-primary-links"> <ul> <li class="orb-nav-cbbc"> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc">CBBC</a> </li> <li class="orb-nav-newsround"> <a href="/web/20161226123217/http://www.bbc.co.uk/newsround">Newsround</a> </li> <li class="orb-nav-iplayer orb-d"> <a href="/web/20161226123217/http://www.bbc.co.uk/iplayer/cbbc">CBBC iPlayer</a> </li> <li class="orb-nav-cbbctv"> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/guide">CBBC on TV</a> </li> <li class=" orb-d"> <a href="/web/20161226123217/http://www.bbc.co.uk/education">Bitesize</a> </li> <li class="orb-nav-radio orb-w"> <a href="/web/20161226123217/http://www.bbc.co.uk/radio/">Radio</a> </li> <li class="orb-nav-cbeebies"> <a href="/web/20161226123217/http://www.bbc.co.uk/cbeebies">CBeebies</a> </li> <li class=" orb-d"> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/curations/stay-safe">Stay Safe</a> </li> <li class=" orb-d"> <a href="/web/20161226123217/http://www.bbc.co.uk/cbbc/curations/cbbc-help">CBBC Help</a> </li> <li class="orb-nav-makeitdigital orb-w"> <a href="/web/20161226123217/http://www.bbc.co.uk/makeitdigital">Make It Digital</a> </li> <li class="orb-nav-food orb-w"> <a href="/web/20161226123217/http://www.bbc.co.uk/food/">Food</a> </li> <li class="orb-nav-music orb-w"> <a href="/web/20161226123217/http://www.bbc.co.uk/music/">Music</a> </li> <li class="orb-nav-nature orb-w"> <a href="/web/20161226123217/http://www.bbc.co.uk/nature/">Nature</a> </li> <li class="orb-nav-local orb-w"> <a href="/web/20161226123217/http://www.bbc.co.uk/local/">Local</a> </li> </ul> </div> </div> </div> </aside> <footer role="contentinfo"> <div id="orb-contentinfo" class="orb-nav-sec b-r b-g-p"> <div class="orb-footer-inner"> <ul> <li> <a href="/web/20161226123217/http://www.bbc.co.uk/terms/">Terms of Use</a> </li> <li> <a href="/web/20161226123217/http://www.bbc.co.uk/aboutthebbc/">About the BBC</a> </li> <li> <a href="/web/20161226123217/http://www.bbc.co.uk/privacy/">Privacy Policy</a> </li> <li> <a href="/web/20161226123217/http://www.bbc.co.uk/privacy/cookies/about">Cookies</a> </li> <li> <a href="/web/20161226123217/http://www.bbc.co.uk/accessibility/">Accessibility Help</a> </li> <li> <a href="/web/20161226123217/http://www.bbc.co.uk/guidance/">Parental Guidance</a> </li> <li> <a href="/web/20161226123217/http://www.bbc.co.uk/contact/">Contact the BBC</a> </li> </ul> <small> <span class="orb-hilight">Copyright © 2016 BBC.</span> The BBC is not responsible for the content of external sites. <a href="/web/20161226123217/http://www.bbc.co.uk/help/web/links/" class="orb-hilight">Read about our approach to external linking.</a> </small> </div> </div> </footer> </div> <div class="bbccom_display_none"><script type="text/javascript"> /*<![CDATA[*/ if (window.bbcdotcom && window.bbcdotcom.analytics) { bbcdotcom.analytics.page(); } /*]]>*/ </script><noscript><img src="//web.archive.org/web/20161226123217im_/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/20161226123217/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></div> <script type="text/javascript" id="orb-js-script" data-assetpath="http://static.bbci.co.uk/frameworks/barlesque/3.20.5/orb/4/" src="https://web.archive.org/web/20161226123217js_/http://static.bbci.co.uk/frameworks/barlesque/3.20.5/orb/4/script/orb.min.js"></script> <script type="text/javascript"> (function() { 'use strict'; var promoManager = { url: '', promoLoaded: false, makeUrl: function (theme, site, win) { var loc = win? win.location : window.location, proto = loc.protocol, host = loc.host, url = proto + '//' + ((proto.match(/s:/i) && !host.match(/^www\.(int|test)\./i))? 'ssl.' : 'www.'), themes = ['light', 'dark']; if ( host.match(/^(?:www|ssl|m)\.(int|test|stage|live)\.bbc\./i) ) { url += RegExp.$1 + '.'; } else if ( host.match(/^pal\.sandbox\./i) ) { url += 'test.'; } theme = themes[ +(theme === themes[0]) ]; return url + 'bbc.co.uk/navpromo/card/' + site + '/' + theme; }, init: function(node) { var disabledByCookie = (document.cookie.indexOf('ckns_orb_nopromo=1') > -1), that = this; if (window.promomanagerOverride) { for (var p in promomanagerOverride) { that[p] = promomanagerOverride[p]; } } if ( window.orb.fig('uk') && !disabledByCookie ) { require(['orb/async/_footerpromo', 'istats-1'], function(promo, istats) { var virtualSite = 'cbbc'; that.url = (window.promomanagerOverride || that).makeUrl('dark', virtualSite); if (that.url) { promo.load(that.url, node, { onSuccess: function(e) { if(e.status === 'success') { node.parentNode.className = node.parentNode.className + ' orb-footer-promo-loaded'; promoManager.promoLoaded = true; promoManager.event('promo-loaded').fire(e); } }, onError: function() { istats.log('error', 'orb-footer-promo-failed'); bbccookies.set('ckns_orb_nopromo=1; expires=' + new Date(new Date().getTime() + 1000 * 60 * 10).toGMTString() + ';path=/;'); } }); } }); } } }; define('orb/promomanager', ['orb/lib/_event'], function (event) { event.mixin(promoManager); return promoManager; }); require(['orb/promomanager'], function (promoManager) { promoManager.init(document.getElementById('navp-orb-footer-promo')); }) })(); </script> <script type="text/javascript"> if (typeof require !== 'undefined') { require(['istats-1'], function(istats){ istats.track('external', { region: document.getElementsByTagName('body')[0] }); istats.track('download', { region: document.getElementsByTagName('body')[0] }); }); } </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 } }); require(['search/searchbox/searchboxDrawer'], function(SearchboxDrawer) { SearchboxDrawer.run(window.SEARCHBOX); }); } </script> <script type="text/javascript">require(["istats-1","orb/cookies"],function(t,o){if(o.isAllowed("s1"))try{if(!require.s.contexts._.config.paths.idcta)return void t.invoke();require(["idcta/idcta-1"],function(o){o&&"function"==typeof o.getIStatsLabels&&t.addLabels(o.getIStatsLabels()),t.invoke()},function(t){throw t})}catch(o){console&&"function"==typeof console.log&&console.log("an exception occurred while adding idcta labels to istats, invoking istats without them",o),t.invoke()}});</script> </body> </html>

CINXE.COM

Horrible Histories - CBBC - BBC