CINXE.COM

<!DOCTYPE html> <html id="html" lang="en"> <head><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.worldculturesconnect.com/?id=102667","20180121125854","https://web.archive.org/","web","/_static/", "1516539534"); </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" />  <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <meta name="keywords" content=""/> <meta name="description" content=""/> <meta name="robots" content="index,follow"/> <meta name="revisit-after" content="15"/> <meta name="author" content=""/> <meta name="generator" content="Technology copyright 2014 Librios Research Limited - All Rights Reserved."/> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@Librios"> <meta name="twitter:title" content="Bagh-e-Bala Pavilion, Kabul"> <meta name="twitter:description" content=""> <meta name="twitter:creator" content="@Librios"> <meta name="twitter:image" content="https://web.archive.org/web/20180121125854im_/http://www.worldculturesconnect.com/"> <meta property="og:title" content="Bagh-e-Bala Pavilion, Kabul"/> <meta property="og:type" content="article"/> <meta property="og:url" content="https://web.archive.org/web/20180121125854/http://www.worldculturesconnect.com/profiles/102667/bagh-e-bala-pavilion--kabul"/> <meta property="og:image" content="https://web.archive.org/web/20180121125854im_/http://www.worldculturesconnect.com/"/> <meta property="og:description" content=""/> <link rel="shortcut icon" href="/web/20180121125854im_/http://www.worldculturesconnect.com/favicon.ico" type="image/x-icon"/> <link rel="apple-touch-icon" href="/web/20180121125854im_/http://www.worldculturesconnect.com/apple-touch-icon.png"/> <link rel="apple-touch-icon" sizes="57x57" href="/web/20180121125854im_/http://www.worldculturesconnect.com/apple-touch-icon-57x57.png"/> <link rel="apple-touch-icon" sizes="72x72" href="/web/20180121125854im_/http://www.worldculturesconnect.com/apple-touch-icon-72x72.png"/> <link rel="apple-touch-icon" sizes="76x76" href="/web/20180121125854im_/http://www.worldculturesconnect.com/apple-touch-icon-76x76.png"/> <link rel="apple-touch-icon" sizes="114x114" href="/web/20180121125854im_/http://www.worldculturesconnect.com/apple-touch-icon-114x114.png"/> <link rel="apple-touch-icon" sizes="120x120" href="/web/20180121125854im_/http://www.worldculturesconnect.com/apple-touch-icon-120x120.png"/> <link rel="apple-touch-icon" sizes="144x144" href="/web/20180121125854im_/http://www.worldculturesconnect.com/apple-touch-icon-144x144.png"/> <link rel="apple-touch-icon" sizes="152x152" href="/web/20180121125854im_/http://www.worldculturesconnect.com/apple-touch-icon-152x152.png"/> <link rel="canonical" href="https://web.archive.org/web/20180121125854/http://www.worldculturesconnect.com/?id=102667"/> <link rel="alternate" type="application/rss+xml" title="RSS" href="https://web.archive.org/web/20180121125854/http://www.worldculturesconnect.com/rss"/> <link rel="stylesheet" href="/web/20180121125854cs_/http://www.worldculturesconnect.com/Display/ios.css?ver=9095"/> <link rel="stylesheet" href="/web/20180121125854cs_/http://www.worldculturesconnect.com/resources/css/all.css?ver=9095"/> <link rel="stylesheet" href="/web/20180121125854cs_/http://www.worldculturesconnect.com/resources/javascript/mediaelement/mediaelementplayer.css"/> <script src="/web/20180121125854js_/http://www.worldculturesconnect.com/resources/javascript/jquery/jquery-1.11.3.min.js"></script> <script src="/web/20180121125854js_/http://www.worldculturesconnect.com/Resources/javascript/Modernizr/modernizr.custom.js"></script> <script src="/web/20180121125854js_/http://www.worldculturesconnect.com/resources/javascript/mediaelement/mediaelement-and-player.min.js"></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//web.archive.org/web/20180121125854/http://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-52811119-1', 'auto'); ga('send', 'pageview'); </script> <script> window.setInterval("keepAlive();", 300000);function keepAlive() { document.getElementById("ioskeepalive").src = "/default.aspx?keepAlive=true&u=" + (new Date()).getTime();}</script> <title>World Cultures Connect | Bagh-e-Bala Pavilion, Kabul</title> <base target="_self"/> </head> <body> <form method="post" action="/web/20180121125854/http://www.worldculturesconnect.com/?id=102667" id="LibriosMain" class="libriosmain" enctype="multipart/form-data"> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEzMzY4ODMwMjAPFgIeE1ZhbGlkYXRlUmVxdWVzdE1vZGUCARYCAgEPZBYCAgMPFgIeBmFjdGlvbgULLz9pZD0xMDI2NjdkZIWWzRLEMnS9z9KgtB4nS9T0lGc8Fd1W6xWkVWh5sGmi"/> </div> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334"/> </div> <div class="template_profile_homepage" data-iosid="-2514"><div class="scripts-to-run-first"> <script> // Some ajax basket functions to use in client code. function AddToBasket(contentID, basketName) { var postUrl = "/?id=" + contentID + "&basketname=" + basketName + "&addtobasket=" + contentID + "&simpleresponse=true"; $.post( postUrl, function() { //console.log(postUrl); }) .done(function() { }) .fail(function(jqXHR, textStatus, errorThrown) { //console.log( "AddToBasket: errorText - " + textStatus); //console.log( "AddToBasket: errorThrown - " + errorThrown); //console.log( "AddToBasket: contentID - " + contentID); //console.log( "AddToBasket: basketName - " + basketName); }) .always(function() { }); } function RemoveFromBasket(contentID, basketName) { var postUrl = "/?id=" + contentID + "&basketname=" + basketName + "&removefrombasket=" + contentID + "&simpleresponse=true"; $.post( postUrl, function() { //console.log(postUrl); }) .done(function() { }) .fail(function(jqXHR, textStatus, errorThrown) { //console.log( "RemoveFromBasket: errorText - " + textStatus); //console.log( "RemoveFromBasket: errorThrown - " + errorThrown); //console.log( "RemoveFromBasket: contentID - " + contentID); //console.log( "RemoveFromBasket: basketName - " + basketName); }) .always(function() { }); } function RemoveSectionFromBasket(rootContentID, basketName) { var postUrl = "/?id=" + rootContentID + "&removesectionfrombasket=" + rootContentID + "&basketname=" + basketName + ";simpleresponse=true"; $.post( postUrl, function() { //console.log(postUrl); }) .done(function() { }) .fail(function(jqXHR, textStatus, errorThrown) { //console.log( "RemoveSectionFromBasket: errorText - " + textStatus); //console.log( "RemoveSectionFromBasket: errorThrown - " + errorThrown); //console.log( "RemoveFromBasket: contentID - " + contentID); //console.log( "RemoveFromBasket: basketName - " + basketName); }) .always(function() { }); } // Cookie Get and Set functions need to be defined so we can get the font size value immediately. // This means we can set the font-size on the body before the DOM is loaded. // Preventing the jittery look of the font size changing was the DOM is loaded. function libriosSetCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+d.toUTCString(); var path = "/"; document.cookie = cname + "=" + cvalue + "; " + expires + "; path=" + path; } function libriosGetCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for(var i=0; i<ca.length; i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1); if (c.indexOf(name) == 0) return c.substring(name.length, c.length); } return ""; } // Set the body font size from the cookie value var libriosCookieFontSize = libriosGetCookie("libriosCookieFontSize"); if (libriosCookieFontSize != "") { document.body.style.fontSize = libriosCookieFontSize; } else { document.body.style.fontSize = "16px"; } // Things to do first once the DOM is loaded. $(document).ready(function() { // set any elements that need to be overriden with the body font size that are now loaded in the DOM. $(".body-font-size").css({ 'font-size': document.body.style.fontSize }); // enable the scrolling header - this can then be disabled by pages if required. $(document).trigger("LibriosEvent:EnableIntervalCheckScroll"); // set the font-sizing triggers $(".font-decrease-trigger").click(function() { if ( parseFloat($("body").css("font-size")) > 12 ) { document.body.style.fontSize = parseFloat($("body").css("font-size")) - 1 + "px"; $(".body-font-size").css({ 'font-size': document.body.style.fontSize }); libriosSetCookie("libriosCookieFontSize", document.body.style.fontSize, 365); } }); $(".font-increase-trigger").click(function() { if ( parseFloat($("body").css("font-size")) < 20 ) { document.body.style.fontSize = parseFloat($("body").css("font-size")) + 1 + "px"; $(".body-font-size").css({ 'font-size': document.body.style.fontSize }); libriosSetCookie("libriosCookieFontSize", document.body.style.fontSize, 365); } }); }); </script><script> /* This has been added to the scripts needing to load first to prevent the menus from appearing on page load before they actually get hidden. */ function hideAnchorMenus(menuElement) { if (menuElement != undefined) { menuElement.addClass("not-visible"); menuElement.find(".iosanchorcontrols-subviewopen").removeClass("iosanchorcontrols-subviewopen"); menuElement.removeClass("iosanchorcontrols-subview"); menuElement.find(".iosanchorcontrols-subview").removeClass("iosanchorcontrols-subview"); menuElement.find(".childviewopen").removeClass("childviewopen"); $(".stalker-menu").offset( { left: -300 } ); } else { $(".iosanchorcontrols-menu").addClass("not-visible"); $(".iosanchorcontrols-subviewopen").removeClass("iosanchorcontrols-subviewopen"); $(".iosanchorcontrols-subview").removeClass("iosanchorcontrols-subview"); $(".childviewopen").removeClass("childviewopen"); $(".stalker-menu").offset( { left: -300 } ); } } $(document).ready(function() { // Handle when to close the anchor menu $(document).on('click', function(event) { if ( $(event.target).is(".trigger-close-iosanchorcontrols-menu") ) { // Hide the menus and remove any temporary pins. hideAnchorMenus( $(event.target).parent(".iosanchorcontrols-menu") ); } }); // Handle opening a sub-menu of the anchor menu $(".has-menu").click(function(e) { e.preventDefault(); $(this).parents(".iosanchorcontrols-menuitem.iosanchorcontrols-subviewopen").removeClass("iosanchorcontrols-subviewopen"); $(this).parents(".iosanchorcontrols-menuitem.childviewopen").removeClass("childviewopen"); $(this).parent().addClass("iosanchorcontrols-subviewopen"); $(this).parents(".iosanchorcontrols-menuitem").addClass("childviewopen"); $(this).parents(".iosanchorcontrols-menu").addClass("iosanchorcontrols-subview"); }); // Handle coming back out of a sub-menu of the anchor menu $(".iosanchorcontrols-back .iosanchorcontrols-link").click(function(e) { e.preventDefault(); $openView = $(this).closest(".iosanchorcontrols-menuitem"); $openView.removeClass("iosanchorcontrols-subviewopen").removeClass("childviewopen"); $newOpenView = $openView.closest(".childviewopen"); if ( $newOpenView.length > 0 ) { $newOpenView.addClass("iosanchorcontrols-subviewopen"); } else { $(".iosanchorcontrols-menu").removeClass("iosanchorcontrols-subview"); } }); $(".action-group").click(function() { $(this).find(".iosanchorcontrols-menu").removeClass("not-visible"); }); // close document.ready }); </script> <style> .stalker-menu { display: block; position: absolute; min-width: 225px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .not-visible { opacity: 0; left: -2000px!important; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .action-group .iosanchorcontrols-menu { position: absolute; left: -200px; top: 60px; text-align: left; } @media only screen and (max-width: 479px) { .stalker-menu, .action-group .iosanchorcontrols-menu { position: fixed; /* instead of this override - just turn off repositioning Menu in mobile */ top: auto!important; left: 0!important; } .stalker-menu.not-visible, .iosanchorcontrols-menu.not-visible { left: -500px!important; } } </style></div><div class="overlays" data-iosid="-6148"><script> $(document).ready(function() { /* Script to cater for the overlay navigation menu */ $( document ).on( "LibriosEvent:ToggleOverlay", { }, function(event, overlayClassToToggle) { var container = $(".design_template_container"), body = $("body"), overlay = $("." + overlayClassToToggle), scrollingArea = $(".scrolling-area"); transEndEventNames = { 'WebkitTransition': 'webkitTransitionEnd', 'MozTransition': 'transitionend', 'OTransition': 'oTransitionEnd', 'msTransition': 'MSTransitionEnd', 'transition': 'transitionend' }, transEndEventName = transEndEventNames[ Modernizr.prefixed( 'transition' ) ], support = { transitions : Modernizr.csstransitions }; if( overlay.hasClass("open") ) { body.removeClass("noscroll"); overlay.removeClass("open"); container.removeClass("overlay-open"); /*overlay.addClass("close"); this upsets iPads as the transitions get ignored */ var onEndTransitionFn = function(ev) { overlay.removeClass("close"); overlay.off( transEndEventName, onEndTransitionFn ); }; if( support.transitions ) { overlay.on( transEndEventName, onEndTransitionFn ); } else { onEndTransitionFn(); } } else if (!overlay.hasClass("close")) { scrollingArea.scrollTop(0); body.addClass("noscroll"); overlay.addClass("open"); container.addClass("overlay-open"); if (overlayClassToToggle == "overlay-user") { $(document).trigger("LibriosEvent:UserOverlayMenuOpen"); } } }); // end LibriosEvent:ToggleOverlay /* Script to cater for toggling the overlay in and out of minimised view */ $( document ).on( "LibriosEvent:ToggleMinimiseOverlay", { }, function(event, overlayClassToToggle) { var overlay = $("." + overlayClassToToggle), minimiseButton = overlay.children(".overlay-minimise"); transEndEventNames = { 'WebkitTransition': 'webkitTransitionEnd', 'MozTransition': 'transitionend', 'OTransition': 'oTransitionEnd', 'msTransition': 'MSTransitionEnd', 'transition': 'transitionend' }, transEndEventName = transEndEventNames[ Modernizr.prefixed( 'transition' ) ], support = { transitions : Modernizr.csstransitions }; if( overlay.hasClass("open") ) { // do the minimising work overlay.addClass("minimising"); overlay.removeClass("open"); var onEndTransitionFn = function(ev) { overlay.removeClass("close"); overlay.off( transEndEventName, onEndTransitionFn ); overlay.removeClass("minimising"); overlay.addClass("minimised"); }; if( support.transitions ) { overlay.on( transEndEventName, onEndTransitionFn ); } else { onEndTransitionFn(); } } else if (overlay.hasClass("minimised")) { // do maximise work overlay.addClass("open"); overlay.removeClass("minimised"); } }); // end LibriosEvent:ToggleMinimiseOverlay }); </script> <div class="overlay overlay-contentscale overlay-page"> <i class="icon-3x icon-remove overlay-button overlay-close overlay-close-page"></i> <div class="scrolling-area"> <div class="overlay-nav-wrapper"> <nav> <h2>Pages</h2> <ul class="nav"> <li class="nav-item nav-item1"><a title="" class="nav-item nav-item1" href="/web/20180121125854/http://www.worldculturesconnect.com/home-community"><span class="iossectiontabitemname">Home</span></a></li><li class="nav-item nav-item2"><a title="" class="nav-item nav-item2" href="/web/20180121125854/http://www.worldculturesconnect.com/about"><span class="iossectiontabitemname">About</span></a></li><li class="nav-item nav-item3"><a title="" class="nav-item nav-item3" href="/web/20180121125854/http://www.worldculturesconnect.com/members"><span class="iossectiontabitemname">Network</span></a></li><li class="nav-item nav-item4"><a title="" class="nav-item nav-item4" href="/web/20180121125854/http://www.worldculturesconnect.com/opportunities"><span class="iossectiontabitemname">Opportunities</span></a></li><li class="nav-item nav-item5"><a title="" class="nav-item nav-item5" href="/web/20180121125854/http://www.worldculturesconnect.com/events"><span class="iossectiontabitemname">Events</span></a></li><li class="nav-item nav-item6"><a title="" class="nav-item nav-item6" href="/web/20180121125854/http://www.worldculturesconnect.com/publications"><span class="iossectiontabitemname">Resources</span></a><ul class="iossubmenunav iossubmenunav1"><li><a href="/web/20180121125854/http://www.worldculturesconnect.com/publications/import-publication"><span class="iossubmenunavitemname">Kickstart your Festival Career: An International Toolkit</span></a><ul class="iossubmenunav iossubmenunav2"><li><a href="/web/20180121125854/http://www.worldculturesconnect.com/publications/import-publication/epub-import"><span class="iossubmenunavitemname">ePub import</span></a></li><li><a href="/web/20180121125854/http://www.worldculturesconnect.com/publications/import-publication/xml"><span class="iossubmenunavitemname">XML</span></a></li><li><a href="/web/20180121125854/http://www.worldculturesconnect.com/publications/import-publication/queue"><span class="iossubmenunavitemname">Queue</span></a></li></ul></li></ul></li><li class="nav-item nav-item7"><a title="" class="nav-item nav-item7" href="/web/20180121125854/http://www.worldculturesconnect.com/directories"><span class="iossectiontabitemname">Countries</span></a></li> </ul> </nav> </div> </div> <script> $(document).ready(function() { /* any links that have a sibling item declare as a parent (sibling will be a ul) */ $(".nav li a").each(function() { if ($(this).next().length > 0) { $(this).addClass("parent"); } }); /* Add additional html for menu items that are a parent */ if (!$(".more")[0]) { $('<div class="more"> </div>').insertBefore($('.parent')); } /* simulate a hover when clicking the more arrow to show children menu items */ $(".nav li a.parent").unbind('click'); $(".nav li .more").unbind('click').bind('click', function() { $(this).parent("li").toggleClass("hover"); }); $(".side-nav-toggle").click(function() { $(document).trigger("LibriosEvent:ToggleOverlay", ["overlay-page"]); }); $(".overlay-close-page").click(function() { $(document).trigger("LibriosEvent:ToggleOverlay", ["overlay-page"]); }); }); </script> </div><div class="overlay overlay-contentscale overlay-dark overlay-login"> <i class="icon-3x icon-remove overlay-button overlay-close overlay-close-login"></i> <div class="overlay-flow-wrapper"> <h1>Login to WCC</h1> <div class="login-form"> <span class="iosusername"><label for="libriosusername">User name: </label><input id="libriosusername" class="libriosusername ioslogin" name="libriosusername" type="text" value=""/></span><span class="iospassword"><label for="libriospassword">Password: </label><input id="libriospassword" class="libriospassword ioslogin" name="libriospassword" type="password" value=""/></span><span class="iosrememberme"><label for="libriosrememberme">Remember me: </label><input type="checkbox" id="libriosrememberme" name="libriosrememberme"/></span><span class="iosloginbutton"><input class="libriosloginbutton iosloginbutton" id="libriosloginbutton" name="libriosloginbutton" type="submit" value="Sign in"/></span><script>$(document).ready(function() {$("input.ioslogin").keydown(function(event) {if (event.keyCode == 13) {document.getElementById('libriosloginbutton').click();return false;}});});</script> </div> <div class="ioslogintext button-fill"><a class="linkbutton secondary large" href="/web/20180121125854/http://www.worldculturesconnect.com/quick-sign-up" title="If you don't already have a profile with us, sign up here.">Sign up!</a></div> <div class="ioslogintext button-fill"><a class="linkbutton secondary large" href="/web/20180121125854/http://www.worldculturesconnect.com/pages/-223/forgotten-password" title="Tell us you've forgotten your password and we'll email it to you.">Forgotten password?</a></div> <script> $(document).ready(function() { $(".overlay-close-login").click(function() { $(document).trigger("LibriosEvent:ToggleOverlay", ["overlay-login"]); }); // hide any validation messages when clicking back in the form $(".login-form").click(function() { $(".info").hide(); }); $("#libriosusername").attr("placeholder", "Enter your username"); $("#libriospassword").attr("placeholder", "Enter your password"); }); </script> <style> .login-form { margin: 0 0 40px; } .overlay-login h1 { margin-bottom: 0.3em; } .overlay-login span.iosusername, .overlay-login span.iospassword { font-size: 2em; line-height: 1em; margin: 0 -100px; padding: 0 0 0 100px; background-color: #FFFFFF; position: relative; } .overlay-login span.iosusername label, .overlay-login span.iospassword label { display: none; } .overlay-login span.iosrememberme label { width: auto; color: #FFFFFF; } .overlay-login span.iosrememberme input { vertical-align: bottom; margin-bottom: 0; } .overlay-login span.iosusername:before, .overlay-login span.iospassword:before { font-family: "FontAwesome"; position: absolute; top: 28px; left: 100px; color: #999999; } .overlay-login span.iosusername:before { content: "\f007"; } .overlay-login span.iospassword:before { content: "\f084"; } .overlay-login span.iosusername input, .overlay-login span.iospassword input { width: 100%; border: none; border-top: 1px dashed #E3E3E3; color: #666666; padding: 20px 10px 20px 140px; margin-left: -100px; font-family: 'Open Sans',sans-serif,Tahoma,Arial; -webkit-transition: background-color 0.5s ease 0s; transition: background-color 0.5s ease 0s; } .overlay-login span.iosusername input:focus, .overlay-login span.iospassword input:focus { background-color: #E0F0FF; } span.iosloginbutton, div.ioslogintext { max-width: 210px; width: 210px; } div.ioslogintext { display: inline-block; } input.iosloginbutton { width: 100%; } .overlay-login .button-fill .linkbutton { margin: 0 0 5px; } .overlay-login .info { margin: 70px 0 0; font-size: 1.3em; } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 599px) { .overlay-login span.iosusername, .overlay-login span.iospassword, .ioslogintext, .overlay-login .info { font-size: 1.5em; } .overlay-login span.iosusername, .overlay-login span.iospassword { margin: 0 -10px; padding: 0; } .overlay-login span.iosusername:before, .overlay-login span.iospassword:before { top: 20px; left: 10px; } .overlay-login span.iosusername input, .overlay-login span.iospassword input { padding: 15px 10px 15px 30px; margin-left: 0; } span.iosrememberme { font-size: 1.2em; } span.iosloginbutton, div.ioslogintext { max-width: 100%; width: 100%; } input.iosloginbutton { font-size: 1.5em!important; /* TODO: get 100% font-size inline style removed. */ padding: 1em; margin: 5px 0; } .ioslogintext a { padding: 1em; } .login-form { margin: 0; } .overlay-login .info margin: 70px 0 0; } } </style> </div> </div></div><div class="design_template_container" data-iosid="-2515"><div class="design_mainareabox" data-iosid="-2516"><div class="design_header_fullwidth" data-iosid="-1623"><div class="design_header" data-iosid="-2"><div class="side-nav-toggle"><a id="left-nav-toggle"> <i class="icon-reorder"></i> </a></div><div class="design_banner"><div class="site_banner"> <a href="/web/20180121125854/http://www.worldculturesconnect.com/home-community"> <img alt="Default banner" title="Default banner" src="/web/20180121125854im_/http://www.worldculturesconnect.com/Media/234I1126_-10604_0.png"/><div class="customdesign_actual_strapline">WORLD CULTURES CONNECT<br/>A digital hub for international arts and cultural professionals</div> </a> </div></div><div class="tagline"><div class="site_strapline"> WORLD CULTURES CONNECT<br/>A digital hub for international arts and cultural professionals </div></div> <div class="component_tabbar_search"> <script> $(function() { /* /?id=-940&contentonly=true&addroot=false */ $( "#iossearch1" ).autocomplete({ source: "", minLength: 3, delay: 500, select: function(event, ui) { return true; } }); var libriosAllSearchOptions = $("#main-search-category").children('li'); var libriosAllSearchString = ""; try { libriosAllSearchOptions.each(function(i) { if (i > 0) { libriosAllSearchString += $(this).data("simple") + "|"; } }); if (libriosAllSearchString.length > 2) { libriosAllSearchString = libriosAllSearchString.substr(0, libriosAllSearchString.length - 1); libriosAllSearchString += "//"; $("li.all").data("value", libriosAllSearchString); $('input[name="LIBRIOS1SEARCHFIELD[Classification]"]').val(libriosAllSearchString); /* $('input#iossearch1').autocomplete('option', 'source', "/?id=-6914" + "&contentonly=true&addroot=false&classes=" + libriosAllSearchString); console.log("autocomplete: " + "/?id=-6914" + "&contentonly=true&addroot=false&classes=" + libriosAllSearchString); */ } } catch(ex) { console.log(ex.message); } $("#main-search-category li").click(function() { // remove any previous selected states libriosAllSearchOptions.removeClass('selected'); // add selected state to clicked item $(this).addClass('selected'); // update the currently selected span contents $(".current-scope").html($(this).children(".search-icon-holder").html()); // update the search input placeholder text $('input#iossearch1').attr("placeholder", $(this).data("text")); // update the autocomplete search source $('input#iossearch1').autocomplete('option', 'source', "/?id=" + $(this).data("jsonsearch") + "&contentonly=true&addroot=false"); // get the selected item's data-value to push into our Librios search classification field var selectedCategory = $(this).data("value"); $('input[name="LIBRIOS1SEARCHFIELD[Classification]"]').val(selectedCategory); // hide all the list items now one has been selected libriosAllSearchOptions.toggle(); }); $(".current-scope").click(function() { libriosAllSearchOptions.toggle(); }); }); </script> <div class="search-scope"> <span class="current-scope" title="Click to choose a search filter"><i class="icon-filter"></i></span> <ul id="main-search-category" class="search-category"> <li class="all" data-value="" data-text="Search site content" data-jsonsearch="-6914"><span class="search-icon-holder"><i class="icon-reorder"></i></span> All</li> <li class="people" data-value="N6902//" data-text="Search for profiles" data-jsonsearch="-5077" data-simple="N6902"><span class="search-icon-holder"><i class="icon-user"></i></span> Profiles</li> <li class="groups" data-value="N6915//" data-text="Search for groups" data-jsonsearch="-6916" data-simple="N6915"><span class="search-icon-holder"><i class="icon-group"></i></span> Groups</li> <li class="news" data-value="N6905//" data-text="Search for news articles" data-jsonsearch="-5073" data-simple="N6905"><span class="search-icon-holder"><i class="icon-file-text"></i></span> News articles</li> <li class="images" data-value="N6901//" data-text="Search for images" data-jsonsearch="-5075" data-simple="N6901"><span class="search-icon-holder"><i class="icon-picture"></i></span> Images</li> <li class="audio" data-value="N6907//" data-text="Search for audio" data-jsonsearch="-5074" data-simple="N6907"><span class="search-icon-holder"><i class="icon-music"></i></span> Audio files</li> <li class="video" data-value="N6908//" data-text="Search for video" data-jsonsearch="-5076" data-simple="N6908"><span class="search-icon-holder"><i class="icon-film"></i></span> Video files</li> </ul> </div> <input name="LIBRIOS1SEARCHTEXT" class="iossearchtext" autocomplete="off" type="search" id="iossearch1" placeholder="Search site content"/><input type="hidden" name="LIBRIOS1SEARCHFIELD[Classification]" value="1{StartOfWord} N403//"/><input type="hidden" name="LIBRIOS1FINDTYPE[Classification]" value="excludesubclassifications"/><input type="hidden" name="Librios1SearchUseThumbnails" value="true"/><input type="hidden" name="LIBRIOS1SEARCHCOLUMNS" value="0"/><input type="hidden" name="LIBRIOS1SEARCHITEMSPERPAGE" value="10"/><input type="hidden" name="Librios1SearchNavigatorID" value="-435"/> <input type="submit" class="iossearchbutton" name="Librios1SearchButton" value="Search"/> <style> ul.ui-autocomplete.ui-menu { font-family: 'Helvetica,Arial,sans-serif'; font-size: 1em; border: none; box-shadow: 0 5px 10px rgba(0,0,0,.2); } ul.ui-autocomplete.ui-menu li { padding: 5px; background-color: #E6F0F0; } ul.ui-autocomplete.ui-menu li:hover a { border: none; text-decoration: none; font-weight: bold; } ul.ui-autocomplete.ui-corner-all { border-radius: 0; } ul.ui-autocomplete.ui-menu .ui-menu-item { list-style-image: none; } div.component_tabbar_search { display: none; position: absolute; right: 210px; top: 3px; } div.component_tabbar_search.open { display: block; } div.component_tabbar_search .iossearchtext { width: 0; border: none; padding: 0; /* -webkit-transition: width 0.5s ease 0s; transition: width 0.5s ease 0s; */ } div.component_tabbar_search.open .iossearchtext { border: 1px solid #D4D4D4; padding: 7px 35px 7px 55px; width: 400px; } .search-scope { visibility: hidden; } div.component_tabbar_search.open .search-scope { visibility: visible; } .component_tabbar_search .iossearchbutton { visibility: hidden; } div.component_tabbar_search.open .iossearchbutton { visibility: visible; } ul#main-search-category > li { text-transform: capitalize; } @media only screen and (max-width: 999px) { div.component_tabbar_search { right: 85px; top: 0; width: 400px; } } @media only screen and (max-width: 580px) { div.component_tabbar_search { right: 0px; top: 0px; width: 100%; height: 0; margin: 0; position: relative; } div.component_tabbar_search.open { height: auto; } div.component_tabbar_search.open .iossearchtext { width: 100%; } } </style> </div><a href="#" title="Toggle search on/off" class="search-toggle"></a> <script> $(document).ready(function() { $(".search-toggle").click(function() { $("div.component_tabbar_search").toggleClass("open"); $(this).toggleClass("open"); if ( $(this).hasClass("open") ) { $("#iossearch1").focus(); } }); }); </script> <style> @media only screen and (max-width: 999px) { .search-toggle { right: 50px; margin: 0 15px 0 0; } } @media only screen and (max-width: 580px) { .search-toggle { right: 40px } } </style><div class="header-social-icons"> <div class="header-social-link"> <a href="https://web.archive.org/web/20180121125854/https://www.facebook.com/worldculturesconnect" title="follow us on Facebook" target="_blank"><span class="icon-stack icon-2x"><span class="icon-circle icon-stack-base"></span><span class="icon-facebook icon-light"></span></span></a></div> <div class="header-social-link"> <a href="https://web.archive.org/web/20180121125854/https://twitter.com/WorldCulturesCo" title="follow us on Twitter" target="_blank"><span class="icon-stack icon-2x"><span class="icon-circle icon-stack-base"></span><span class="icon-twitter icon-light"></span></span></a></div> </div><div class="design_loginbox"><span class="fontsize-configuration"> text size <i class="icon-minus-sign font-decrease-trigger"></i> <i class="icon-plus-sign font-increase-trigger"></i> </span> <style> .fontsize-configuration { font-size: 16px; position: absolute; right: 70px; top: 15px; } .font-decrease-trigger, .font-increase-trigger { cursor: pointer; opacity: 0.8; } .font-decrease-trigger:hover, .font-increase-trigger:hover { opacity: 1; } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 999px) { .fontsize-configuration { display: none; } } </style><div class="component_loginlinks"> <div class="user-actions"> <a class="login-menutoggle" href="#" title="Log in or Sign up here">Login</a> </div> <script> $(document).ready(function() { $("#libriosusername").val(""); $("#libriospassword").val(""); $(".login-menutoggle").click(function(e) { /* Fire librios event - toggle login menu overlay */ $(document).trigger("LibriosEvent:ToggleOverlay", ["overlay-login"]); $("#libriosusername").focus(); }); }); </script></div></div><div class="design_search_nav_container" data-iosid="-2428"><div class="design_tabbar"><div class="component_tabbar"><ul class="iostopmenunavwrapper"> <li><a class="iostopmenunavcaption" href="#">Sections ▼</a> <ul class="iostopmenunav"> <li class="tabbar_tab tabbar_tab1"><a title="" class="tabbar_tab tabbar_tab1" href="/web/20180121125854/http://www.worldculturesconnect.com/home-community"><span class="iossectiontabitemname">Home</span></a></li><li class="tabbar_tab tabbar_tab2"><a title="" class="tabbar_tab tabbar_tab2" href="/web/20180121125854/http://www.worldculturesconnect.com/about"><span class="iossectiontabitemname">About</span></a></li><li class="tabbar_tab tabbar_tab3"><a title="" class="tabbar_tab tabbar_tab3" href="/web/20180121125854/http://www.worldculturesconnect.com/members"><span class="iossectiontabitemname">Network</span></a></li><li class="tabbar_tab tabbar_tab4"><a title="" class="tabbar_tab tabbar_tab4" href="/web/20180121125854/http://www.worldculturesconnect.com/opportunities"><span class="iossectiontabitemname">Opportunities</span></a></li><li class="tabbar_tab tabbar_tab5"><a title="" class="tabbar_tab tabbar_tab5" href="/web/20180121125854/http://www.worldculturesconnect.com/events"><span class="iossectiontabitemname">Events</span></a></li><li class="tabbar_tab tabbar_tab6"><a title="" class="tabbar_tab tabbar_tab6" href="/web/20180121125854/http://www.worldculturesconnect.com/publications"><span class="iossectiontabitemname">Resources</span></a></li><li class="tabbar_tab tabbar_tab7"><a title="" class="tabbar_tab tabbar_tab7" href="/web/20180121125854/http://www.worldculturesconnect.com/directories"><span class="iossectiontabitemname">Countries</span></a></li> </ul> </li> </ul></div></div></div></div></div><div class="design_bodyarea" data-iosid="-2517"><div class="col-3-4" data-iosid="-2520"><div class="design_actionbar" data-iosid="-4311"> <div class="action-links"> <script> function hideActionMenus() { $(".action-group").removeClass("open"); } $(document).ready(function() { // Handle when to close the anchor menu $(document).on('click', function(event) { if ( (!$(event.target).closest(".actions-toggle").length) ) { // Hide the menus. hideActionMenus(); } }); }); </script> <div class="actions-toggle"> <div class="btn-group-rating action-group"> <a class="btn btn-tertiary btn-toggle-rating" href="#" title="Click to rate or see rating"><i class="icon-star"></i></a> <ul class="dropdown-menu"> <div class="btn-item rateit" data-rateit-readonly="true" data-rateit-resetable="false" data-rateit-value="0" data-rateit-ispreset="true"> </div> <div class="btn-item">Not rated yet</div> <div class="btn-item"></div> <link href="/web/20180121125854cs_/http://www.worldculturesconnect.com/resources/javascript/ratings/rateit.css" rel="stylesheet" type="text/css"/> <input type="hidden" id="LibriosRating" name="LibriosRating" value=""/> <script src="/web/20180121125854js_/http://www.worldculturesconnect.com/resources/javascript/ratings/jquery.rateit.js"></script> <script> $('.rateit').bind('rated', function() { $('#LibriosRating').val($(this).rateit('value')); $('form').submit(); }); $('.rateit').bind('reset', function() { $('#LibriosRating').val(-1); $('form').submit(); }); $(document).ready(function() { $('.btn-toggle-rating').click(function(e) { e.preventDefault(); $('.action-group').removeClass('open'); $('.btn-group-rating').toggleClass('open'); }); }); </script> </ul> </div> <style> .actions-toggle { display: inline-block; float: right; } .action-group { position: relative; margin: 0 10px 0 0; } .btn-toggle-paperclip, .btn-toggle-pin, .btn-toggle-settings, .btn-toggle-rating, .btn-toggle-pub-bookmarks, .btn-toggle-post, .btn-toggle-library, .btn-toggle-pub-contentpack, .btn-toggle-pin { font-size: 18px; } .btn-toggle { text-align: left; } .action-group .dropdown-menu { background-clip: padding-box; background-color: #FFFFFF; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); display: none; float: left; right: 0; list-style: none outside none; margin: -3px 0 0; min-width: 160px; padding: 5px 0 3px; position: absolute; top: 100%; z-index: 2; } .action-group.btn-group-rating .dropdown-menu { text-align: center; padding: 10px; } .open > .dropdown-menu { display: block; } .action-group { position: relative; float: right; } .action-group > .btn-primary, .action-group > .btn-tertiary { display: inline-block; } .action-group .component_button a { padding-bottom: 10px; padding-top: 10px; margin: 0; width: 175px; } div.btn-item { display: block; } .btn-item i { margin-left: 5px; } div.btn-item > button { display: block; width: 100%; font-size: inherit; } div.btn-item > span.iosdynamicsearchselected { display: block; text-align: center; margin-bottom: 5px; } .action-group .dropdown-menu a { border-radius: 0; border-bottom: 1px solid #CCCCCC; display: block; padding: 10px 5px; margin: 0; } .btn-toggle-paperclip, .btn-toggle-pin, .btn-toggle-settings, .btn-toggle-pub-bookmarks, .btn-toggle-post, .btn-toggle-library, .btn-toggle-pub-contentpack, .btn-toggle-pin { border-top-right-radius: 0; border-bottom-right-radius: 0; } .action-links .rss-page-container .link-rss { top: 0; } .action-group i[class^="icon-"], .action-group span[class^="basket-"]:before { font-size: 36px; } </style> </div> </div> </div> <div class="design_profile_content_container" data-iosid="-2521"> <p class="p"></p><p class="p"></p><p class="p"></p> <div class="connection-count"> <div class="user-active"> </div> </div> <div class="profile_content_container"> <div class="design_content_profile"><div class="design_content_profile_cover_info"><div class="profile_content_cover_image"><img alt="Profile Banner" title="Profile Banner" src="/web/20180121125854im_/http://www.worldculturesconnect.com/Media/234I-2569_-17261_150.jpg"/></div><div class="profile_content_image"><span class="link"><a href="/web/20180121125854/http://www.worldculturesconnect.com/profiles/102667/bagh-e-bala-pavilion--kabul" class="link"><img alt="Bagh-e-Bala Pavilion, Kabul" title="Bagh-e-Bala Pavilion, Kabul" src="/web/20180121125854im_/http://www.worldculturesconnect.com/Media/234I102667_-11698_30.jpg"/></a></span></div><div class="design_content_profile_cover_details_container"><div class="profile_content_userdisplayname"><span class="link"><a href="/web/20180121125854/http://www.worldculturesconnect.com/profiles/102667/bagh-e-bala-pavilion--kabul" class="link">Bagh-e-Bala Pavilion, Kabul</a></span></div><div class="design_content_profile_contact_container"><div class="profile_content_city">Kabul</div><div class="profile_content_telephone"><a title="Call member" href="https://web.archive.org/web/20180121125854/tel:93 (0) 20 210 3287">Tel: 93 (0) 20 210 3287</a></div></div><div class="design_content_profile_links_container"><div class="profile_content_email"><a title="Send an email" href="https://web.archive.org/web/20180121125854/mailto:hist.mon.abassy@gmail.com"><i class="icon-envelope icon-2x"></i></a></div><div class="profile_content_link"><a target="_blank" title="View website" href="https://web.archive.org/web/20180121125854/http://http//www.moic.gov.af/"><i class="icon-globe icon-2x"></i></a></div></div></div></div><div class="design_content_profile_description_container"><div class="p-left">Constructed originally in 1893 in what seems to have been a Mughal garden, the pavilion of Bagh-e-Bala was used initially as a summer residence by Amir Abdur Rahman. To the south, the <b class="b">Milma Pal</b> congregational mosque was built at the same time. Subsequently used for state receptions and official purposes, the pavilion fell into disrepair before being incorporated in the 1970s into the precinct of the modern InterContinental Hotel. It was at this time that a swimming-pool was constructed to the north of the pavilion and other additions made. Spared serious damage during fighting in 1993-4, the pavilion was occupied by a factional leader who built a modern mosque close to the Pavilion. Since 2002, the Pavilion has witnessed several attempts at renovation, but still stands empty, although efforts have been made to rehabilitate the garden as a public green space.<br/><br/>Opening hours: Access by prior arrangement<br/><br/>Period: Late 19th century<br/><br/></div></div></div> </div> <style> .design_content_profile_links_container .profile_content_email { display: none; } </style> <div class="" data-iosid="-6415"> <div class="profile_nodetabs individual-user"> <script src="https://web.archive.org/web/20180121125854js_/http://maps.google.com/maps/api/js?libraries=weather&sensor=false"></script> <script>function nodeTabLoad6400(id) {$(document).trigger("LibriosEvent:IOSNodeTabLoaded6400", [id]);}function showTab6400(iosCurrentTab, fade) {setNodeTab6400Cookie(iosCurrentTab);var iosTabs6400 = [-6411,-6410,-6412,-6699,-7070,-7071,-7080];for (var i=0;i<iosTabs6400.length;i++) {if (iosTabs6400[i] == iosCurrentTab) {jQuery("div.iosnodetabcontent" + iosTabs6400[i]).load("/?id=" + iosTabs6400[i] + "&contentonly=true&rid=102667&noaggregate=true&t=" + new Date().getTime() + "&userid=102667");if (fade==0) {jQuery("div.iosnodetabcontent" + iosTabs6400[i]).show(); } else{jQuery("div.iosnodetabcontent" + iosTabs6400[i]).fadeTo("slow", 1);}if (jQuery("div.iosnodetab" + iosTabs6400[i]).hasClass("tabbar_nodetab_2")) {jQuery("div.iosnodetab" + iosTabs6400[i]).removeClass("tabbar_nodetab_2");}jQuery("div.iosnodetab" + iosTabs6400[i]).addClass("tabbar_activenodetab_2");} else {jQuery("div.iosnodetabcontent" + iosTabs6400[i]).hide();if (jQuery("div.iosnodetab" + iosTabs6400[i]).hasClass("tabbar_activenodetab_2")) {jQuery("div.iosnodetab" + iosTabs6400[i]).removeClass("tabbar_activenodetab_2");}jQuery("div.iosnodetab" + iosTabs6400[i]).addClass("tabbar_nodetab_2");}}setTimeout(function(){nodeTabLoad6400(iosCurrentTab)}, 1);}</script><div class="iosnodetabs"><div style="cursor:pointer;border-bottom-right-radius:0px;border-bottom-left-radius:0px;display:inline-block" class="tabbar_activenodetab_2 iosnodetab-6411">About</div><script>jQuery("div.iosnodetab-6411").click(function(){showTab6400(-6411, 1);});</script><div style="cursor:pointer;border-bottom-right-radius:0px;border-bottom-left-radius:0px;display:inline-block" class="tabbar_nodetab_2 iosnodetab-6410">Recent Activity</div><script>jQuery("div.iosnodetab-6410").click(function(){showTab6400(-6410, 1);});</script><div style="cursor:pointer;border-bottom-right-radius:0px;border-bottom-left-radius:0px;display:inline-block" class="tabbar_nodetab_2 iosnodetab-6412">Showcase</div><script>jQuery("div.iosnodetab-6412").click(function(){showTab6400(-6412, 1);});</script></div><div class="iosnodetabcontent iosnodetabcontent-6411"><div class="iosworking"><span class="spanicon-refresh icon-spin"></span></div></div><div class="iosnodetabcontent iosnodetabcontent-6410" style="display: none;"><div class="iosworking"><span class="spanicon-refresh icon-spin"></span></div></div><div class="iosnodetabcontent iosnodetabcontent-6412" style="display: none;"><div class="iosworking"><span class="spanicon-refresh icon-spin"></span></div></div><script>function getNodeTab6400Cookie() {var tabValue = localStorage["nodeTab6400"];if (!tabValue) { tabValue = -6411;}return tabValue;}function setNodeTab6400Cookie(nodeId) {localStorage["nodeTab6400"] = nodeId;}var iosCurrentTab = -6411;showTab6400(iosCurrentTab, 0);</script> </div> </div> <div class="" data-iosid="-2548"><div class="design_profile_map col-1-1"><p class="p"> </p></div><div class="design_profile_internal_navigation col-1-3"> </div><div class="design_profile_whosabout col-2-3"> </div><div class="design_profile_likes col-2-3"> </div><div class="design_profile_likes col-2-3"></div><div class="design_profile_likes col-2-3"></div><div class="design_profile_likes col-2-3"></div></div> <div class="component_maincontent"></div><div class="component_maincontent"></div><div class="component_maincontent"> </div><div class="component_maincontent"></div><div class="" data-iosid="-6571"> <script src="/web/20180121125854js_/http://www.worldculturesconnect.com/Resources/javascript/fancybox/jquery.fancybox.pack.js"></script> <link rel="stylesheet" href="/web/20180121125854cs_/http://www.worldculturesconnect.com/resources/javascript/fancybox/jquery.fancybox.css"/> <script> $(document).ready(function () { /* Find any youtube fancybox links, add necessary class to a tag and hook the fancybox function on */ $("a.link-iframe-lightbox").addClass("fancybox.iframe"); $("a.link-iframe-lightbox").fancybox({ type : 'iframe', maxWidth: 500, maxHeight: 350, fitToView: false, width: '100%', height: '100%', autoSize: true, closeClick: false, openEffect: 'none', closeEffect: 'none' }); /* apply the fancy box to the definitions and citations */ $("a.def, a.cit").fancybox({ type : 'iframe', topRatio : 0.2, minHeight : 300, minWidth: 300, maxWidth: 500, maxHeight: 500, fitToView: true, autoSize: true, closeClick: false, openEffect: 'elastic', closeEffect: 'none' }); /* apply the fancy box to the video tutorial dialogs */ $("a.fancybox-video-tutorial").fancybox({ topRatio : 0.2, minHeight : 300, minWidth: 300, fitToView: true, autoSize: true, closeClick: false, openEffect: 'elastic', closeEffect: 'elastic', helpers : { title: { type: 'inside', position: 'top' } } }); }); </script> <style> .fancybox-type-iframe body { padding-top: 0; } </style> <script> $(document).ready(function () { /* If any video elements exists on the page, apply the mediaelementplayer to them */ if ( $('video').length ) { $('video').mediaelementplayer({ // if the <video width> is not specified, this is the default defaultVideoWidth: 480, // if the <video height> is not specified, this is the default defaultVideoHeight: 270, // if set, overrides <video width> videoWidth: -1, // if set, overrides <video height> videoHeight: -1, // width of audio player audioWidth: 400, // height of audio player audioHeight: 30, // initial volume when the player starts startVolume: 0.8, // useful for <audio> player loops loop: false, // enables Flash and Silverlight to resize to content size enableAutosize: false, // the order of controls you want on the control bar (and other plugins below) features: ['playpause','progress','current','duration','tracks','volume','fullscreen'], // Hide controls when playing and mouse is not over the video alwaysShowControls: true, // force iPad's native controls iPadUseNativeControls: false, // force iPhone's native controls iPhoneUseNativeControls: false, // force Android's native controls AndroidUseNativeControls: false, // forces the hour marker (##:00:00) alwaysShowHours: false, // show framecount in timecode (##:00:00:00) showTimecodeFrameCount: false, // used when showTimecodeFrameCount is set to true framesPerSecond: 25, // turns keyboard support on and off for this instance enableKeyboard: true, // when this player starts, it will pause other players pauseOtherPlayers: true, // array of keyboard commands keyActions: [] }); } else if ( $('audio').length ) { $('audio').mediaelementplayer({ // width of audio player audioWidth: 380, // height of audio player audioHeight: 30, // initial volume when the player starts startVolume: 0.8, // useful for <audio> player loops loop: false, }); } /* Find any small embed links and create an iframe to display them */ $("a.link-iframe-embed-small").each(function(i) { var libriosVideoUrl = $(this).attr('href'); $(this).after("<iframe width='350' height='197' src='" + libriosVideoUrl + "' frameborder='0' allowfullscreen></iframe>"); $(this).addClass('hide'); }); /* Find any medium embed links and create an iframe to display them */ $("a.link-iframe-embed-medium").each(function(i) { var libriosVideoUrl = $(this).attr('href'); $(this).after("<iframe width='560' height='315' src='" + libriosVideoUrl + "' frameborder='0' allowfullscreen></iframe>"); $(this).addClass('hide'); }); /* Find any large embed links and create an iframe to display them */ $("a.link-iframe-embed-large").each(function(i) { var libriosVideoUrl = $(this).attr('href'); $(this).after("<iframe width='853' height='480' src='" + libriosVideoUrl + "' frameborder='0' allowfullscreen></iframe>"); $(this).addClass('hide'); }); /* Find any full width embed links and create an iframe to display them */ $("a.link-iframe-embed-full").each(function(i) { var libriosVideoUrl = $(this).attr('href'); $(this).after("<iframe width='853' height='480' src='" + libriosVideoUrl + "' frameborder='0' allowfullscreen></iframe>"); $(this).addClass('hide'); }); }); </script> <style> .media_video .mejs-container { width: 100%!important; } span.link-iframe-embed-small, span.link-iframe-embed-medium, span.link-iframe-embed-large, span.link-iframe-embed-full, div.media_video_content_video_embed { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; display: block; /* need this as they are spans */ } span.link-iframe-embed-small iframe, span.link-iframe-embed-medium iframe, span.link-iframe-embed-large iframe, span.link-iframe-embed-full iframe, div.media_video_content_video_embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } span.link-iframe-embed-small { padding-bottom: 197px; } span.link-iframe-embed-medium, div.media_video_content_video_embed { padding-bottom: 315px; } span.link-iframe-embed-large { padding-bottom: 480px; } span.link-iframe-embed-small iframe { max-width: 350px; max-height: 197px; } span.link-iframe-embed-medium iframe, div.media_video_content_video_embed iframe { max-width: 560px; max-height: 315px; } span.link-iframe-embed-large iframe { max-width: 853px; max-height: 480px; } @media only screen and (max-width: 853px) { span.link-iframe-embed-large { padding-bottom: 56.25%; } } @media only screen and (max-width: 560px) { span.link-iframe-embed-medium, div.media_video_content_video_embed { padding-bottom: 56.25%; } } @media only screen and (max-width: 350px) { span.link-iframe-embed-medium, div.media_video_content_video_embed { padding-bottom: 56.25%; } } </style> <script> $(document).ready(function() { /* disable image click in library view */ $("a.media_image_content_image, a.media_image_abstract_image").addClass("notactive"); }); </script> </div></div></div><div class="design_profilehome_rightcol col-1-4" data-iosid="-6366"> <div class="design_message_box listing-profile-claim"> <div class="workflow status"><i class="icon-building icon-1x"></i> <b>Organisation profile</b></div> </div> <div class="profile-information main-information"> <div class="design_abstract_profile"><div class="profile_abstract_image"><span class="link"><a href="/web/20180121125854/http://www.worldculturesconnect.com/profiles/102667/bagh-e-bala-pavilion--kabul" class="link"><img alt="Bagh-e-Bala Pavilion, Kabul" title="Bagh-e-Bala Pavilion, Kabul" src="/web/20180121125854im_/http://www.worldculturesconnect.com/Media/234I102667_-11698_15.jpg"/></a></span></div><div class="profile_abstract_title"><span class="link"><a href="/web/20180121125854/http://www.worldculturesconnect.com/profiles/102667/bagh-e-bala-pavilion--kabul" class="link">Bagh-e-Bala Pavilion, Kabul</a></span></div></div> </div> <div class="widgets"> <div class="design_message_box profile"> <div class="drop_down_box_title togglable" id="control-profile-connections"><span class="profile_menu_icon"><i class="icon-group"></i></span> Connections <span class="smaller-text"><a href="/web/20180121125854/http://www.worldculturesconnect.com/?id=-431&userid=102667">See all (0)</a></span> <i class="icon-plus-sign"></i></div> <div class="togglable-contents hide"> <div class="component-center"> <div class="profile_connections"> </div> </div> </div> </div> </div> <div class="widgets"> <div class="design_message_box profile"> <div class="drop_down_box_title togglable" id="control-profile-following"><span class="profile_menu_icon"><i class="icon-star-empty"></i></span> Following <span class="smaller-text"><a href="/web/20180121125854/http://www.worldculturesconnect.com/?id=-6564&userid=102667">See all (0)</a></span> <i class="icon-plus-sign"></i></div> <div class="togglable-contents hide"> <div class="component-center"> <div class="profile_connections"> </div> </div> </div> </div> </div> <span id="mycontentmenu"></span> <script> var listContent = ''; listContent += '<li id="iosnav-431" class="iosnavlevel1opened iosnavlevelopened iosnavfirst iosnavchild"><span class="iosnavsymbollevel1opened"></span><a id="iosnava-431" class="iosnavlevel1opened iosnavfirst iosnavchild" href="/?id=-431&userid=102667">Connections</a></li><li id="iosnav-6564" class="iosnavlevel1opened iosnavlevelopened iosnavchild"><span class="iosnavsymbollevel1opened"></span><a id="iosnava-6564" class="iosnavlevel1opened iosnavchild" href="/?id=-6564&userid=102667">Following</a></li><li id="iosnav-424" class="iosnavlevel1opened iosnavlevelopened iosnavchild"><span class="iosnavsymbollevel1opened"></span><a id="iosnava-424" class="iosnavlevel1opened iosnavchild" href="/?id=-424&userid=102667">Audio</a></li><li id="iosnav-3111" class="iosnavlevel1opened iosnavlevelopened iosnavchild"><span class="iosnavsymbollevel1opened"></span><a id="iosnava-3111" class="iosnavlevel1opened iosnavchild" href="/?id=-3111&userid=102667">Discussions</a></li><li id="iosnav-2635" class="iosnavlevel1opened iosnavlevelopened iosnavchild"><span class="iosnavsymbollevel1opened"></span><a id="iosnava-2635" class="iosnavlevel1opened iosnavchild" href="/?id=-2635&userid=102667">Documents</a></li><li id="iosnav-427" class="iosnavlevel1opened iosnavlevelopened iosnavchild"><span class="iosnavsymbollevel1opened"></span><a id="iosnava-427" class="iosnavlevel1opened iosnavchild" href="/?id=-427&userid=102667">Events</a></li><li id="iosnav-432" class="iosnavlevel1opened iosnavlevelopened iosnavchild"><span class="iosnavsymbollevel1opened"></span><a id="iosnava-432" class="iosnavlevel1opened iosnavchild" href="/?id=-432&userid=102667">Groups</a></li><li id="iosnav-433" class="iosnavlevel1opened iosnavlevelopened iosnavchild"><span class="iosnavsymbollevel1opened"></span><a id="iosnava-433" class="iosnavlevel1opened iosnavchild" href="/?id=-433&userid=102667">Images</a></li><li id="iosnav-428" class="iosnavlevel1opened iosnavlevelopened iosnavchild"><span class="iosnavsymbollevel1opened"></span><a id="iosnava-428" class="iosnavlevel1opened iosnavchild" href="/?id=-428&userid=102667">Opportunities</a></li><li id="iosnav-429" class="iosnavlevel1opened iosnavlevelopened iosnavchild"><span class="iosnavsymbollevel1opened"></span><a id="iosnava-429" class="iosnavlevel1opened iosnavchild" href="/?id=-429&userid=102667">Video</a></li><li id="iosnav-6424" class="iosnavlevel1opened iosnavlevelopened iosnavlast iosnavchild"><span class="iosnavsymbollevel1opened"></span><a id="iosnava-6424" class="iosnavlevel1opened iosnavlast iosnavchild" href="/?id=-6424&userid=102667">Likes</a></li>'; if (listContent != '') { listContent = '<div class="widgets"><div class="design_message_box profile"><div class="drop_down_box_title togglable" id="control-profile-mycontent"><span class="profile_menu_icon"><i class="icon-briefcase"></i></span> Content <i class="icon-plus-sign"></i></div><div class="togglable-contents hide"><div class="component-center"><ul class="iosnavigator">' + listContent + '</ul></div></div></div></div>'; $('#mycontentmenu').html(listContent); } </script> <div class="widgets"> <div class="design_message_box profile"> <div class="drop_down_box_title togglable" id="control-profile-interests"><span class="profile_menu_icon"><i class="icon-check"></i></span> Disciplines <i class="icon-plus-sign"></i></div> <div class="togglable-contents hide"> <div class="component-center"> <div class="profile-information-display abstract-interests my-disciplines"> <div class="design_abstract_profile"><div class="profile_abstract_image"><span class="link"><a href="/web/20180121125854/http://www.worldculturesconnect.com/profiles/102667/bagh-e-bala-pavilion--kabul" class="link"><img alt="Bagh-e-Bala Pavilion, Kabul" title="Bagh-e-Bala Pavilion, Kabul" src="/web/20180121125854im_/http://www.worldculturesconnect.com/Media/234I102667_-11698_15.jpg"/></a></span></div><div class="profile_abstract_title"><span class="link"><a href="/web/20180121125854/http://www.worldculturesconnect.com/profiles/102667/bagh-e-bala-pavilion--kabul" class="link">Bagh-e-Bala Pavilion, Kabul</a></span></div></div> </div> </div> </div> </div> </div> <div class="widgets"> <div class="design_message_box profile"> <div class="drop_down_box_title togglable" id="control-profile-tags"><span class="profile_menu_icon"><i class="icon-tags"></i></span> Tags <i class="icon-plus-sign"></i></div> <div class="togglable-contents hide"> <div class="component-center"> <div class="profile-information-display abstract-tags"> <div class="design_abstract_profile"><div class="profile_abstract_image"><span class="link"><a href="/web/20180121125854/http://www.worldculturesconnect.com/profiles/102667/bagh-e-bala-pavilion--kabul" class="link"><img alt="Bagh-e-Bala Pavilion, Kabul" title="Bagh-e-Bala Pavilion, Kabul" src="/web/20180121125854im_/http://www.worldculturesconnect.com/Media/234I102667_-11698_15.jpg"/></a></span></div><div class="profile_abstract_title"><span class="link"><a href="/web/20180121125854/http://www.worldculturesconnect.com/profiles/102667/bagh-e-bala-pavilion--kabul" class="link">Bagh-e-Bala Pavilion, Kabul</a></span></div></div> </div> </div> </div> </div> </div> </div></div></div><div class="design_footer_fullwidth" data-iosid="-1624"><div class="section_quicklinks_footer" data-iosid="-2666"><div class="section_content_footer_container" data-iosid="-100005"><div class="col-1-1"><div class="home-support-box col-1-1"> <div class="heading4_wcc">WCC is supported by</div> <div class="home_support_main_container col-1-1"> <div class="home_support_container col-1-2"> <div class="home_support_image"> <a href="https://web.archive.org/web/20180121125854/http://www.acpculturesplus.eu/"><img src="/web/20180121125854im_/http://www.worldculturesconnect.com/resources/custom/images/logo_acpcultures_uk_basse_definition.jpg" width="100%" alt="ACPCULTURE+"/>聽</a> </div> </div> <div class="home_support_container col-1-4"> <div class="home_support_image"> <a href="https://web.archive.org/web/20180121125854/http://www.acp.int/"><img src="/web/20180121125854im_/http://www.worldculturesconnect.com/resources/custom/images/logo_groupe_des_etats_acp_bd.jpg" width="55%" alt="African, Caribbean, and Pacific Group of States"/>聽</a> </div> </div> <div class="home_support_container col-1-4"> <div class="home_support_image"> <a href="https://web.archive.org/web/20180121125854/http://europa.eu/index_en.htm"><img src="/web/20180121125854im_/http://www.worldculturesconnect.com/resources/custom/images/logo_ue_bd.jpg" width="63%" alt="European Union">聽</a> </div> </div> </div> <p-center>The project is supported by ACPCultures+, ACP-EU support Programme to ACP cultural sectors, implemented by the ACP Group of States with the financial support of the European Union.</p-center> </div></div></div></div><div class="section_content_footer" data-iosid="-2680"><div class="section_content_footer_container" data-iosid="-2681"><div class="col-1-3"><h5 class="heading5">NEED HELP?</h5><div class="component_footer_quicklink"><span class="link"><a href="/web/20180121125854/http://www.worldculturesconnect.com/contact-us" class="link">Contact us</a></span></div><div class="component_footer_quicklink"><span class="link"><a href="/web/20180121125854/http://www.worldculturesconnect.com/information/terms" class="link">Terms</a></span></div><div class="component_footer_quicklink"><span class="link"><a href="/web/20180121125854/http://www.worldculturesconnect.com/information/privacy" class="link">Privacy</a></span></div><div class="component_footer_quicklink"><span class="link-popup"><a href="https://web.archive.org/web/20180121125854/http://www.librios.com/" target="_blank" class="link-popup">Powered by Librios</a></span></div></div><div class="col-2-3"><h5 class="heading5">SPONSORS</h5><div class="home_footer_large"> <div class="home_footer_container"> <div class="home_footer_image"> <a href="https://web.archive.org/web/20180121125854/http://www.artscouncil-ni.org/"><img src="/web/20180121125854im_/http://www.worldculturesconnect.com/resources/custom/images/OfficialAClogo.jpg" width="61%" alt="Arts Council of Northern Ireland"/>聽</a> </div> </div> <div class="home_footer_container"> <div class="home_footer_image"> <a href="https://web.archive.org/web/20180121125854/http://www.creativescotland.co.uk/"><img src="/web/20180121125854im_/http://www.worldculturesconnect.com/resources/custom/images/Creative_Scotland_bw.jpg" width="83%" alt="Creative Scotland"/>聽</a> </div> </div> <div class="home_footer_container"> <div class="home_footer_image"> <a href="https://web.archive.org/web/20180121125854/http://www.artswales.org.uk/"><img src="/web/20180121125854im_/http://www.worldculturesconnect.com/resources/custom/images/ACW_logo_CMYK_landscape.jpg" width="92%" alt="ACW">聽</a> </div> </div> <div class="home_footer_container"> <div class="home_footer_image"> <a href="https://web.archive.org/web/20180121125854/http://www.artscouncil.ie/"><img src="/web/20180121125854im_/http://www.worldculturesconnect.com/resources/custom/images/AC_FUND_TheArts (1).png" width="95%" alt="Creative Scotland"/>聽</a> </div> </div> <div class="home_footer_container"> <div class="home_footer_image"> <a href="https://web.archive.org/web/20180121125854/http://www.cultureireland.ie/"><img src="/web/20180121125854im_/http://www.worldculturesconnect.com/resources/custom/images/Culture_Ireland.jpg" width="94%" alt="Creative Scotland"/>聽</a> </div> </div> <div class="home_footer_container"> <div class="home_footer_image"> <a href="https://web.archive.org/web/20180121125854/http://www.akdn.org/aktc"><img src="/web/20180121125854im_/http://www.worldculturesconnect.com/resources/custom/images/AKTC_logo.jpg" width="92%" alt="Aga Khan Trust for Culture"/>聽</a> </div> </div> <div class="home_footer_container"> <div class="home_footer_image"> <a href="https://web.archive.org/web/20180121125854/http://www.norway.org.uk/embassy/"><img src="/web/20180121125854im_/http://www.worldculturesconnect.com/resources/custom/images/Norweigan-Embassy.jpg" width="100%" alt="Norweigan Embassy"/>聽</a> </div> </div> </div></div></div></div></div></div><div class="standard-scripts-container"> <script> var baseUrl = 'https://web.archive.org/web/20180121125854/http://www.worldculturesconnect.com'; var redirectUrl = baseUrl.replace('https://web.archive.org/web/20180121125854/http://www.', 'http://'); if (document.location.href.indexOf(redirectUrl) == 0) { document.location = baseUrl + document.location.href.substring(redirectUrl.length); } </script> <script src="/web/20180121125854js_/http://www.worldculturesconnect.com/Resources/javascript/JQuery/jquery-ui-1.10.3/development-bundle/ui/minified/jquery.ui.core.min.js"></script> <script src="/web/20180121125854js_/http://www.worldculturesconnect.com/Resources/javascript/JQuery/jquery-ui-1.10.3/development-bundle/ui/minified/jquery.ui.widget.min.js"></script> <script src="/web/20180121125854js_/http://www.worldculturesconnect.com/Resources/javascript/JQuery/jquery-ui-1.10.3/development-bundle/ui/minified/jquery.ui.autocomplete.min.js"></script> <script src="/web/20180121125854js_/http://www.worldculturesconnect.com/Resources/javascript/JQuery/jquery-ui-1.10.3/js/jquery-ui-1.10.3.custom.min.js"></script> <link rel="stylesheet" href="/web/20180121125854cs_/http://www.worldculturesconnect.com/Resources/javascript/JQuery/jquery-ui-1.10.3/development-bundle/themes/smoothness/minified/jquery-ui.min.css"/> <style> ul.ui-autocomplete { background-color: white; width: 200px; list-style-type: none; padding: 0px; margin: 0px; cursor: pointer; border-color: black; border-style: solid; border-width: 1px; font-family: arial; font-size: 11px; list-style-type:none; overflow: hidden; z-index: 999 !important; } ul.ui-autocomplete li { padding: 4px; z-index: 999; } ul.ui-autocomplete li a { text-decoration: none; color: black; } ul.ui-autocomplete li a:hover { text-decoration: underline; color: black; } .ui-helper-hidden-accessible { display: none; } </style> <script> // Hide Header on scroll down var didScroll; var lastScrollTop = 0; var delta = 5; var disableCheckScroll = false; var navbarHeight = $(".design_header_fullwidth").outerHeight(); var intervalCheckScroll = null; var ceiling = 100; $(window).scroll(function(event){ didScroll = true; }); function hasScrolled() { var st = $(this).scrollTop(); // Make sure user scrolls more than delta if(Math.abs(lastScrollTop - st) <= delta) { return; } // If user scrolled down and is past the navbar, add class .nav-up. // This is necessary so you never see what is "behind" the navbar. if (st > lastScrollTop && st > navbarHeight) { // Scroll Down $('.design_header_fullwidth').removeClass('nav-down').addClass('nav-up'); } else { // Scroll Up if (disableCheckScroll) { if(st < ceiling) { $('.design_header_fullwidth').removeClass('nav-up').addClass('nav-down'); } } else { if(st + $(window).height() < $(document).height()) { $('.design_header_fullwidth').removeClass('nav-up').addClass('nav-down'); } } } lastScrollTop = st; } // Event listeners to enable & disable the check to scroll interval $( document ).on( "LibriosEvent:DisableIntervalCheckScroll", { }, function(event) { disableCheckScroll = true; }); $( document ).on( "LibriosEvent:EnableIntervalCheckScroll", { }, function(event) { disableCheckScroll = false; intervalCheckScroll = setInterval(function() { if (didScroll) { hasScrolled(); didScroll = false; } }, 250); }); $(document).ready(function() { var libriosWindowWidth = window.innerWidth; if (libriosWindowWidth > 999) { // disable the scrolling header check as the window is large $(document).trigger("LibriosEvent:DisableIntervalCheckScroll"); } }); </script> <style> body { padding-top: 100px; } .design_header_fullwidth { position: fixed; top: 0; z-index: 100; transition: top 0.3s ease-in-out; } .nav-up { top: -100px; } .nav-down { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); } div.design_bodyarea { margin-top: 10px; } /* When menu goes mobile - reduce the padding needed on the body */ @media only screen and (max-width: 999px) { body { padding-top: 70px; } .nav-up { top: -70px; } } </style> <script> $(document).ready(function() { // AP: function to check if the client/browser width is big enough to load our carousels. // This way we take a mobile-first approach, don't load the carousels by default, and only // load them once the browser width hits our minimum requirement. var didResize; var libriosWindowWidth; var minimumRequiredWidth = 599; var checkToLoadSliders = function() { libriosWindowWidth = document.body.clientWidth; if (libriosWindowWidth > minimumRequiredWidth) { // we only want this to execute & raise the event once so kill the function now. checkToLoadSliders = function(){}; // big enough for image sliders so raise librios event to let them know to load. $(document).trigger("LibriosEvent:LoadSliders"); } } // call on page load to check we need to load the sliders straght away. checkToLoadSliders(); $(window).bind('resize orientationchange', function() { didResize = true; }); // set to check the window resize every half a second. setInterval(function() { if (didResize) { checkToLoadSliders(); didResize = false; } }, 500); }); </script><script src="/web/20180121125854js_/http://www.worldculturesconnect.com/Resources/javascript/notifications/notify.min.js"></script> <script> //add a new style 'notify-user-actions' $.notify.addStyle('notify-user-actions', { html: "<div>" + "<div class='clearfix'>" + "<h5 class='title' data-notify-html='title'/>" + "<div class='text' data-notify-text='text'></div>" + "<div class='buttons'>" + "<a class='yes linkbutton primary' data-notify-text='button'></a>" + "</div>" + "</div>" + "</div>" }); //add a new style 'notify-cookies' $.notify.addStyle('notify-cookies', { html: "<div>" + "<div class='clearfix'>" + "<h5 class='title' data-notify-html='title'/>" + "<div class='text' data-notify-text='text'></div>" + "<div class='buttons'>" + "<a class='yes linkbutton primary' data-notify-text='button'></a>" + "</div>" + "</div>" + "</div>" }); //add a new style 'notify-manage-pins' $.notify.addStyle('notify-manage-pins', { html: "<div>" + "<div class='clearfix'>" + "<h5 class='title' data-notify-html='title'/>" + "<div class='text' data-notify-html='text'></div>" + "<div class='buttons'>" + "<a class='yes linkbutton primary' data-notify-text='button'></a>" + "</div>" + "</div>" + "</div>" }); //add a new style 'notify-manage-book' $.notify.addStyle('notify-manage-book', { html: "<div>" + "<div class='clearfix'>" + "<h5 class='title' data-notify-html='title'/>" + "<div class='text' data-notify-html='text'></div>" + "<div class='buttons'>" + "<a class='yes linkbutton primary' data-notify-text='button'></a>" + "</div>" + "</div>" + "</div>" }); //add a new style 'notify-manage-coursepack' $.notify.addStyle('notify-manage-coursepack', { html: "<div>" + "<div class='clearfix'>" + "<h5 class='title' data-notify-html='title'/>" + "<div class='text' data-notify-html='text'></div>" + "<div class='buttons'>" + "<a class='yes linkbutton primary' data-notify-text='button'></a>" + "</div>" + "</div>" + "</div>" }); //add a new style 'notify-video-tutorials' $.notify.addStyle('notify-video-tutorials', { html: "<div>" + "<div class='clearfix'>" + "<h5 class='title' data-notify-html='title'/>" + "<div class='text' data-notify-text='text'></div>" + "<div class='buttons'>" + "<a class='yes linkbutton primary' data-notify-text='button'></a>" + "<a class='forget-page linkbutton tertiary'>Not for this page</a>" + "<a class='forget-all linkbutton tertiary'>Not for any pages</a>" + "</div>" + "</div>" + "</div>" }); //listen for click events from this style $(document).on('click', '.notifyjs-notify-user-actions-base .yes', function() { //set cookie to show user has seen this notification libriosSetCookie('libriosNotificationUserActions','no', 365); //hide notification $(this).trigger('notify-hide'); }); $(document).on('click', '.notifyjs-notify-cookies-base .yes', function() { //set cookie to show user has seen this notification libriosSetCookie('libriosNotificationCookies','no', 365); //hide notification $(this).trigger('notify-hide'); }); $(document).on('click', '.notifyjs-notify-manage-pins-base .yes', function() { //set cookie to show user has seen this notification libriosSetCookie('libriosNotificationManagePins','no', 365); //hide notification $(this).trigger('notify-hide'); }); $(document).on('click', '.notifyjs-notify-manage-book-base .yes', function() { //set cookie to show user has seen this notification libriosSetCookie('libriosNotificationManageBook','no', 365); //hide notification $(this).trigger('notify-hide'); }); $(document).on('click', '.notifyjs-notify-manage-coursepack-base .yes', function() { //set cookie to show user has seen this notification libriosSetCookie('libriosNotificationManageCoursepack','no', 365); //hide notification $(this).trigger('notify-hide'); }); $(document).on('click', '.notifyjs-notify-video-tutorials-base .yes', function() { //hide notification $(this).trigger('notify-hide'); //show video tutorial element $("#widgetVideoTutorials").addClass("active"); }); $(document).on('click', '.notifyjs-notify-video-tutorials-base .forget-page', function() { //set cookie to show user does not want anymore video tutorial notifications for this page libriosSetCookie('libriosNotificationVideoTutorialsPage102667','no', 365); //hide notification $(this).trigger('notify-hide'); }); $(document).on('click', '.notifyjs-notify-video-tutorials-base .forget-all', function() { //set cookie to show user does not want anymore video tutorial notifications for this page libriosSetCookie('libriosNotificationVideoTutorialsAll','no', 365); //hide notification $(this).trigger('notify-hide'); }); // Show user actions notification function showNotificationUserActions() { $('.user-actions').notify( { title : 'Your User Menu', button : 'Got it!', text : 'Selecting this user icon will show your own personal menu. Here you can access and edit your profile quickly, as well as do other tasks catered to you.' }, { style : 'notify-user-actions', className : "info", elementPosition : "left", globalPosition : "top right", showDuration : "5000", autoHide : false, clickToHide : true, arrowSize : 10, gap : 2 } ); } // Show cookies notification function showNotificationCookies() { $.notify( { title : 'We use cookies', button : 'I Accept', text : "Press 'I Accept' to allow cookies from this site" }, { style : 'notify-cookies', className : "info", elementPosition : "bottom", globalPosition : "bottom center", showDuration : "5000", autoHide : false, clickToHide : true, arrowSize : 10, gap : 2 } ); } // Show manage pins notification function showNotificationManagePins() { $('#pinFolderManagement .iosuserbasketname').notify( { title : 'Manage your bookmarks', button : 'Got it!', text : "<p>View and organise your bookmarks, create new folders above and select your 'Current bookmark folder'.</p><p>Any content you bookmark on the site using the <span class='basket-bookmarks'></span> icon will be added to your currently selected bookmark folder.</p><p>You can then export a folder out to the various formats shown at the bottom of this page.</p>" }, { style : 'notify-manage-pins', className : "info", elementPosition : "bottom", globalPosition : "left", showDuration : "5000", autoHide : false, clickToHide : true, arrowSize : 10, gap : 2 } ); } // show manage Document maker notification function showNotificationManageBook() { $('#bookFolderManagement .iosuserbasketname').notify( { title : 'Manage your document maker', button : 'Got it!', text : "<p>View and organise content in your document maker, create new folders above and select your 'Current document maker folder'.</p><p>Any content you 'add to my document maker' on the site using the <span class='basket-documentmaker'></span> icon will be added to your currently selected document maker folder.</p>" }, { style : 'notify-manage-book', className : "info", elementPosition : "bottom", globalPosition : "left", showDuration : "5000", autoHide : false, clickToHide : true, arrowSize : 10, gap : 2 } ); } // show manage coursepack notification function showNotificationManageCoursepack() { $('#coursepackFolderManagement .iosuserbasketname').notify( { title : 'Manage your coursepack', button : 'Got it!', text : "<p>View and organise content in your coursepack, create new folders above and select your 'Current coursepack folder'.</p><p>Any content you 'add to my coursepack' on the site using the <span class='basket-coursepack'></span> icon will be added to your currently selected coursepack folder.</p>" }, { style : 'notify-manage-coursepack', className : "info", elementPosition : "bottom", globalPosition : "left", showDuration : "5000", autoHide : false, clickToHide : true, arrowSize : 10, gap : 2 } ); } // Show video tutorials notification function showNotificationVideoTutorials() { $.notify( { title : 'Video Tutorials', button : 'Yes', text : 'Hey, we have video tutorials for this page. Would you like to see them?' }, { style : 'notify-video-tutorials', className : "info", elementPosition : "center right", globalPosition : "right", showDuration : "5000", autoHide : false, clickToHide : true, arrowSize : 10, gap : 2 } ); } $(document).ready(function() { var libriosCookieShowNotificationCookies = libriosGetCookie("libriosNotificationCookies"); if (libriosCookieShowNotificationCookies != "no") { showNotificationCookies(); } }); </script> <noscript> <span class="noscript"><i class="icon-warning-sign"></i> For this site to function correctly you need to enable javascript in your browser.</span> <style> .noscript { display: block; text-align: center; padding: 20px; position: fixed; top: 0; width: 100%; z-index: 102; background-color: #5fc091; color: #FFFFFF; } </style> </noscript> <style> .notifyjs-arrow { border-bottom: #89d1ae; } /* look to not duplicating the css here for common styles */ .notifyjs-notify-user-actions-base { width: 250px; background: #F5F5F5; padding: 10px; border-radius: 10px; border: 2px solid #89d1ae; margin-top: 160px; } .notifyjs-notify-user-actions-base .title { margin: 0; text-align: center; } .notifyjs-notify-user-actions-base .text { font-size: 14px; line-height: 1.5em; color: #5fc091; margin: 10px 0; } .notifyjs-notify-user-actions-base .buttons { clear: both; width: 100%; margin: 2px auto; } .notifyjs-notify-user-actions-base .linkbutton { width: 100%; } .notifyjs-notify-cookies-base { width: 100%; text-align: center; background-color: #F5F5F5; padding: 10px; border-radius: 10px; border: 2px solid #89d1ae; } .notifyjs-notify-cookies-base .title { margin: 0; } .notifyjs-notify-cookies-base .text { font-size: 14px; line-height: 1.5em; color: #5fc091; margin: 10px 0; } .notifyjs-notify-cookies-base .buttons { clear: both; width: 100%; margin: 2px auto; } .notifyjs-notify-manage-pins-base, .notifyjs-notify-manage-book-base, .notifyjs-notify-manage-coursepack-base, .notifyjs-notify-video-tutorials-base { width: 250px; background: #F5F5F5; padding: 10px; border-radius: 10px; border: 2px solid #89d1ae; } .notifyjs-notify-manage-pins-base .title, .notifyjs-notify-manage-book-base .title, .notifyjs-notify-manage-coursepack-base .title, .notifyjs-notify-video-tutorials-base .title { margin: 0; text-align: center; } .notifyjs-notify-manage-pins-base .text, .notifyjs-notify-manage-book-base .text, .notifyjs-notify-manage-coursepack-base .text, .notifyjs-notify-video-tutorials-base .text { font-size: 14px; line-height: 1.5em; color: #5fc091; margin: 10px 0; } .notifyjs-notify-manage-pins-base .buttons, .notifyjs-notify-manage-book-base .buttons, .notifyjs-notify-manage-coursepack-base .buttons, .notifyjs-notify-video-tutorials-base .buttons { clear: both; width: 100%; margin: 2px auto; } .notifyjs-notify-manage-pins-base .linkbutton, .notifyjs-notify-manage-book-base .linkbutton, .notifyjs-notify-manage-coursepack-base .linkbutton, .notifyjs-notify-video-tutorials-base .linkbutton { width: 100%; } </style> <script> $(document).ready(function() { $("a.iosdocumentlink").each(function() { $dataFileType = $(this).data("filetype"); $dataPdfViewer = $(this).data("pdfviewer"); switch ($dataFileType) { case "pdf": $(this).attr("href", $dataPdfViewer); $(this).nextAll(".documentlink-options").children(".pdfviewerlink").show(); break; default: break; } }); }); </script> <script>localStorage["contentTabProfile"] = "1";</script> <style> div.iossearchtaxonomysectionmap { margin-top: 10px; margin-bottom: 10px; } div.iossearchtaxonomysectionmap ul, div.iosfieldmultiselect ul { padding-left: 20px; margin: 0px; list-style-type: none; display: none; } div.iossearchtaxonomysectionmap > ul, div.iosfieldmultiselect > ul { padding-left: 0px; margin: 0px; list-style-type: none; display: block; } div.iossearchtaxonomysectionmap, div.iosfieldmultiselect { max-height: 100% !important; } div.iossearchtaxonomysectionmap li, div.iosfieldmultiselect li { color: #000000; font-weight: normal; } div.iossearchtaxonomysectionmap li label:after, div.iosfieldmultiselect li label:after, div.iosfieldmultiselect li > b:after { content: ""; } div.iossearchtaxonomysectionmap li.haschildren > label:after, div.iosfieldmultiselect li.haschildren > label:after, div.iosfieldmultiselect li.haschildren > b:after { content: " +"; } div.iossearchtaxonomysectionmap li.expanded > label:after, div.iosfieldmultiselect li.expanded > label:after, div.iosfieldmultiselect li.expanded > b:after { content: " -"; } div.iossearchtaxonomysectionmap li.haschildren > label, div.iosfieldmultiselect li.haschildren > label, div.iosfieldmultiselect li.haschildren > b { cursor: pointer; } div.iossearchtaxonomysectionmap li.hasselecteditem, div.iosfieldmultiselect li.hasselecteditem { font-weight: bold; } div.iossearchtaxonomysectionmap li.noselecteditem, div.iosfieldmultiselect li.noselecteditem { font-weight: normal; } </style> <script> function checkMultiSelectStatus() { $('div.iosfieldmultiselect ul, div.iossearchtaxonomysectionmap ul').children('li').removeClass("hasselecteditem"); $('div.iosfieldmultiselect ul, div.iossearchtaxonomysectionmap ul').find("li").each(function(index) { $(this).children("input").each(function(index) { if ($(this).is(':checked')) { $(this).parent().parents('li').addClass("hasselecteditem"); } }); $(this).children("ul").each(function(index) { $(this).parent().addClass("haschildren"); }); }); } $('div.iosfieldmultiselect ul > li label, div.iosfieldmultiselect ul > li > b, div.iossearchtaxonomysectionmap ul > li label').click(function() { if ($(this).parent().children("ul").is(":visible")) { $(this).parent().removeClass('expanded'); } else { if ($(this).parent().hasClass("haschildren")) { $(this).parent().addClass('expanded'); } } $(this).parent().children('ul').slideToggle(); }); checkMultiSelectStatus(); $('div.iosfieldmultiselect ul > li input, div.iossearchtaxonomysectionmap ul > li input').click(function() { checkMultiSelectStatus(); }); </script> <script type="text/javascript" src="/web/20180121125854js_/http://www.worldculturesconnect.com/resources/javascript/carouFredSel/jquery.carouFredSel-6.1.0-packed.js"></script><script> $(document).ready(function() { $('.widgets').on( "click", ".togglable", function(e) { $(this).siblings('.togglable-contents').slideToggle(200); $(this).children("i").toggleClass("icon-plus-sign icon-minus-sign"); }); $('.has-toggle').on( "click", ".togglable", function(e) { $(this).siblings('.togglable-contents').slideToggle(200); $(this).children("i").toggleClass("icon-plus-sign icon-minus-sign"); }); // Handle selecting all the copyable text when touched / pressed $(".copyable").bind('touchend', function() { var thisID = $(this).attr("id"); var thisHtmlLength = $(this).html().length; var thisElement = document.getElementById(thisID); var sel = window.getSelection(); var range = document.createRange(); range.setStartBefore(thisElement); range.setEndAfter(thisElement); sel.removeAllRanges(); sel.addRange(range); }).bind('mousedown', function() { var thisID = $(this).attr("id"); var thisHtmlLength = $(this).html().length; var thisElement = document.getElementById(thisID); var sel = window.getSelection(); var range = document.createRange(); range.setStartBefore(thisElement); range.setEndAfter(thisElement); sel.removeAllRanges(); sel.addRange(range); }).bind('mouseup', function() { return false; } ); }); </script><script> /* AP: if browser requires pollyfill/fallback - add it here */ // polyfill for .startsWith() if (!String.prototype.startsWith) { String.prototype.startsWith = function(searchString, position) { position = position || 0; return this.indexOf(searchString, position) === position; }; } $(document).ready(function(){ // for browsers that dont support placeholder text if(!Modernizr.input.placeholder) { $('[placeholder]').focus(function() { var input = $(this); if (input.val() == input.attr('placeholder')) { input.val(''); input.removeClass('placeholder'); } }).blur(function() { var input = $(this); if (input.val() == '' || input.val() == input.attr('placeholder')) { input.addClass('placeholder'); input.val(input.attr('placeholder')); } }).blur(); $('[placeholder]').parents('form').submit(function() { $(this).find('[placeholder]').each(function() { var input = $(this); if (input.val() == input.attr('placeholder')) { input.val(''); } }) }); } // for browsers that dont support the date input type if (!Modernizr.inputtypes['date']) { $('input[type=date]').datepicker({dateFormat:'yy-mm-dd'}); } $(".hasDatepicker").each(function() { var $dateElementParent = $(this).parent(); if ( $dateElementParent.length > 0 ) { $dateElementParent.addClass("date-picker"); } }); }); </script></div></div> <div style="display:none;"><img alt="" src="/web/20180121125854im_/http://www.worldculturesconnect.com/?id=102667" id="ioskeepalive"/></div> </form> </body> </html>