CINXE.COM
WHO headquarters photo library - Gallery - WHO Anniversaries
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns:fb="http://ogp.me/ns/fb#" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>WHO headquarters photo library - Gallery - WHO Anniversaries</title> <meta name="description" content="Posters CollectionWHO Public Information Office, Departments and partners have produced posters since the early days of WHO to illustrate the work of the Organization at different phases of its existence and to聽showcase global health advancements throughout its history. As a historical collection, these posters stand as the legacy of the Organization's evolution and a valuable means of supporting comprehensive health education for all.Reference: First ten years of WHO 聽" /> <meta name="keywords" content="" /> <meta name="google-site-verification" content="6Wq61NmSN5Z6RU4ftpLmqXNGPyDfVCa5iPXgIkv8Tzo" /> <meta property="og:url" content="https://photos.hq.who.int/galleries/1421/who-anniversaries" /> <meta property="og:description" content="Posters CollectionWHO Public Information Office, Departments and partners have produced posters since the early days of WHO to illustrate the work of the Organization at different phases of its existence and to聽showcase global health advancements throughout its history. As a historical collection, these posters stand as the legacy of the Organization's evolution and a valuable means of supporting comprehensive health education for all.Reference: First ten years of WHO 聽" /> <meta property="og:title" content="WHO headquarters photo library - Gallery - WHO Anniversaries" /> <meta property="og:image" content="https://lrmm-who-media.s3.eu-west-3.amazonaws.com/thumbs/144797_300.jpg?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIA6HVAQWUCINR6VDUA%2F20241130%2Feu-west-3%2Fs3%2Faws4_request&X-Amz-Date=20241130T184806Z&X-Amz-SignedHeaders=host&X-Amz-Expires=1200&X-Amz-Signature=7500e1cc7a953964e601bbf34576b31fcc825e498ac9c69d78e4d63d0ab509a8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <link rel="canonical" href="https://photos.hq.who.int/galleries/1421"> <link rel="icon" type="image/png" href="https://photos.hq.who.int/media/image?src=favicon.png" /> <link rel="alternate" href="https://photos.hq.who.int/?changelang=en_GB" hreflang=en-gb /> <link rel="stylesheet" type="text/css" href="https://photos.hq.who.int/media?css=font-awesome.4.7.0.min.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.lightrocket.com/css/jquery-ui.min.1.12.1.css" /> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons" /> <link rel="stylesheet" type="text/css" href="https://cdn.lightrocket.com/css/bootstrap.min.3.3.6.css" /> <link rel="stylesheet" type="text/css" href="https://photos.hq.who.int/media?v4.1&css=lib/reset.css,lib/typography.css,lib/forms.css,lib/plugins/tabs.css,lib/plugins/clearnomarkup.css,lib/plugins/image_replace.css,lib/plugins/datepicker.css,lib/plugins/simple_dropdown.css,lib/plugins/fauxcrop.css,jqModal.css,screen.css,old_ie.css,languages.css,notify.css,help.css,hoverdropdown.css,contact.css,messages.css,socialmedia.css,nice_buttons.css,dialog.css,search_results.css,asset_options.css,adv_search.css,lightbox.css,preview_asset.css,custom_bootstrap_dropdown.css,spinner.css,downloads.css,share.css,group_categories.css,ckeditor.css,bootstrap-multiselect.min.css,asset_feedback.css,extra.css,skin.css,mobile_menu.css,pre_mobile_menu.css,on_bootstrap_base.css,on_bootstrap_page.css" media="screen,print" /> <link rel="alternate stylesheet" type="text/css" href="https://photos.hq.who.int/media?css=contact_sheet.css,lightbox.css" media="contactsheet" title="print" /> <link rel="alternate stylesheet" type="text/css" href="https://photos.hq.who.int/media?css=preview_asset_print.css" media="previewassetprint" title="print" /> <script type="text/javascript" charset="utf-8">APP={baseURL:'https://photos.hq.who.int/',userPrefCookiePrefix:'userPrefs',useIECBytePrefixes:false};PAGE_NAME='view_group';CHROME_FRAME=false;if (!window.console) console = {log: function() {}};var user = {id:0, fullname:"", isLoggedIn: 0, isAdmin:0};</script> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <script type="text/javascript"> window.cookieconsent_options = { "message" : "We use cookies to help enhance your experience on the website", "dismiss" : "OK", "learnMore" : "More Info", "container" : "#page", "link" : "https://photos.hq.who.int/privacy", "theme" : "light-bottom" }; </script> <script type="text/javascript" charset="utf-8" src="https://cdn.lightrocket.com/js/jquery-1.12.4.min.js"></script> <script type="text/javascript" charset="utf-8" src="https://cdn.lightrocket.com/js/jquery-migrate-1.3.0.js"></script> <script type="text/javascript" charset="utf-8" src="https://cdn.lightrocket.com/js/jquery-ui.min.1.12.1.js"></script> <script type="text/javascript" charset="utf-8" src="https://cdn.lightrocket.com/js/underscore-min.1.8.3.js"></script> <script type="text/javascript" charset="utf-8" src="https://cdn.lightrocket.com/js/backbone-min.1.3.2.js"></script> <script type="text/javascript" charset="utf-8" src="https://cdn.lightrocket.com/js/bootstrap.min.3.3.6.js"></script> <script type="text/javascript" charset="utf-8" src="https://photos.hq.who.int/media?v4.1&js=lang.js,ajaxLogout.js,hoverdropdown.js,app.js,notify.js,labs_json.js,jqContext.js,jqModal.js,login.js,headerSearch.js,linkRel.js,jqueryCookie.js,jquery.blockUI.js,userPrefs.js,fullscreen.js,dialog.js,jquery.caret.js,messages.js,initial.min.js,hashchange.js,popupform.js,nice_buttons.js,mobile_menu.js,highlightCurrentMenu.js,moment.min.js,flags.js,results.js,download.js,hoverPreview.js,side_bar.js,resultThumbZoom.js,assetPreview.js,datepicker/datepicker.js,lightbox.js,JSAsset.js,slideshow.js,email_popup.js,sharePreview.js,shareGroup.js,shareLightbox.js,contactContrib.js,contribMessenger.js,socialmedia.js,nicescroll.js,preview.js,clipboard.min.js,assetManagerOpener.js,niftyplayer.js,swfObject/swfobject.js,custom_bootstrap_dropdown.js,resultTooltip.js,bootstrap-multiselect.min.js,assetFeedback.js,viewgroup.js"></script> <script type="text/javascript" charset="utf-8" src="https://photos.hq.who.int/media/langjs/adv_search,assetdata,assetdata_validation,assetgroups,common,contributors,download_followup,downloads,lightbox,preview,search_results,share,slideshow?v4.1&en_GB.js"></script> <script type="text/javascript" charset="utf-8" src="https://cdn.lightrocket.com/js/cookieconsent.min.1.0.9.js"></script> <script>var highlightCurrentMenu = highlightCurrentMenu||false;if(highlightCurrentMenu) $(highlightCurrentMenu._setup);</script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-HNWDHEQCH1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-HNWDHEQCH1'); </script> </head> <body class="Search HangTitle Gallery gallery_mn"> <div id="page"> <div id="page_wrapper"> <div id="header" class="header"> <div id="header_banner"> <a linkindex="0" href="https://photos.hq.who.int/" title="WHO | World Health Organisation Multimedia Library"> <img id="logo" src="https://photos.hq.who.int/media/svg?src=logo.svg" alt="WHO | World Health Organisation Multimedia Library" title="WHO | World Health Organisation Multimedia Library"> <img id="logo_mobile" src="https://photos.hq.who.int/media/svg?src=logo_white.svg" alt="WHO | World Health Organisation Multimedia Library" title="WHO | World Health Organisation Multimedia Library"> </a> <div class="site-title"> Photo Library </div> <div class="hamburgerButton"> <i class="fa fa-bars"></i> </div> <div class="searchButton"> <i class="fa fa-search"></i> </div> </div> <div id="nav_block"> <div id="navigation" class="btspMenu"> <h3>Navigation</h3> <ul id="headerLinks" class="tabs ddmenu tikmenu"><li role="navigation" ><a href="https://photos.hq.who.int/" id="navigation_home">Home</a></li><li role="navigation" ><a href="https://photos.hq.who.int/login" href="#" data-page-name="login_mn" class="mainLinkLogin first_tab">Log In</a></li><li role="navigation" ><a href="https://photos.hq.who.int/galleries/browse" data-page-name="gallery_mn">Galleries</a></li><li role="navigation" ><a href="https://whophotosearch.who.int" target="_blank">Global photo search</a></li></ul> <div id="lang_selector_container" class=""> </div> <div class="user_guide"><a href="https://cdn.lightrocket.com/files/guide_lightrocket_external_01_2021rev.pdf" target="_blank" class="btn btn-default">Help</a></div> <div id="block_search"> <form class="vForm" id="search" action="https://photos.hq.who.int/search/results" method="get"> <input type="hidden" class="sort_value" name="sort_by" value="" /> <div id="media_types"> <input type="text" id="header_search" name="s[keywords]" value="" placeholder="Search..." accesskey="s" tag="Search..." /> <ul class="hoverdd hdd"> <li><span>All files</span> <input type="hidden" id="filter_search" name="s[class]" value="" /> <ul> <li hval="" title="All files" class="_sel">All files</li> <li hval="image" title="Images" class="">Images</li> <li hval="video" title="Video" class="">Video</li> <li hval="audio" title="Audio" class="">Audio</li> </ul> </li> </ul> </div> <input type="submit" value="Go" title="Start search" class="header_search_button" id="main_search_btn" /> <br /><span><a href="https://photos.hq.who.int/adv_search" class="lnk_adv_search">Advanced search</a></span> </form> </div> </div> </div> </div> <div id="mobile_search"> </div> <div id="pageContent" class="clnm fullwidth"> <div id="container" class=" "> <div id="sidebar"> <div id="tabsContainer"> <div id="group_info" class="sidebarTabContent "> <div class="panelContent"><h3>WHO Anniversaries</h3> <div class="groupText fixwheel"><b><p>Posters Collection</p><p>WHO Public Information Office, Departments and partners have produced posters since the early days<span style="color:red;"> </span>of WHO to illustrate the work of the Organization at different phases of its existence and to聽showcase global health advancements throughout its history. As a historical collection, these posters stand as the legacy of the Organization's evolution and a valuable means of supporting comprehensive health education for all.</p><p>Reference: <a target="_blank" rel="noopener noreferrer" href="https://apps.who.int/iris/handle/10665/37089">First ten years of WHO</a> 聽</p></b><hr /></div></div> </div> <div id="lightbox" class="sidebarTabContent "> <div class="panelContent"><div id="loginReqd"> <p>You must be logged in to use lightbox functionality</p> <p>Please <a href="https://photos.hq.who.int/login" class="mainLinkLogin">Log In</a> or <a href="https://photos.hq.who.int/join">Register</a></p> </div></div> </div> </div> <div id="sideBarTabHeaders"> <h2 id="tab_group_info" class="ireplace"><span class="sidebarTab" style="background-image:url(https://photos.hq.who.int/media/image?src=gallerySidebarTab_en_GB.png)">Gallery Info</span></h2> <h2 id="tab_lightbox" class="ireplace"><span class="sidebarTab" style="background-image:url(https://photos.hq.who.int/media/image?src=lightboxSidebarTab_en_GB.png)">Lightbox</span></h2> </div> </div> <div id="resultnav" class="resultPage"> <h2 class="hideMe">Result Navigation</h2> <div id="Panel_Container"> <div class="left"> <ul id="resultActions" class="tabs"> <li class="ireplace"><a title="Select all" href="#" id="select_dlAll" class="no-action"><span>Select all</span></a></li> <li class="ireplace"><a title="Select none" href="#" id="select_dlNone" class="no-action"><span>Select none</span></a></li> <li class="ireplace"> <div class="custom-bootstrap-dropdown dropdown form-control"> <button class="dropdown-toggle" type="button" id="dropdownActions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> Actions </button> <ul class="dropdown-menu" aria-labelledby="dropdownActions"> <li><a title="Add To Lightbox" href="#" id="resActADDLB" class="no-action" disabled="disabled">Add to lightbox</a></li> <li><a title="Download selected files" href="#" class="no-action" disabled="disabled" id="resActDL">Download</a></li> </ul> </div> </li> <li class="ireplace"> <a title="Slideshow" href="#" id="resActSlide" class="no-action"> <span>Slideshow</span> </a> </li> <li class="ireplace share"> <a title="Share this gallery" href="#" id="resActShareGroup" class="no-action"> <span>Share this gallery</span> </a> <div class="social-media-share"><div class="social_icons"> <a href="http://www.facebook.com/share.php?u=https%3A%2F%2Fphotos.hq.who.int%2Fgalleries%2F1421%2Fwho-anniversaries" title="Share on Facebook" class="popShare facebook"></a> <a href="https://twitter.com/share?url=https%3A%2F%2Fphotos.hq.who.int%2Fgalleries%2F1421%2Fwho-anniversaries&text=LightRocket" title="Share on Twitter" class="popShare twitter"></a> <a href="http://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fphotos.hq.who.int%2Fgalleries%2F1421%2Fwho-anniversaries&media=https%3A%2F%2Fphotos.hq.who.int%2Fassetpreview%2Fgetnw%2F144797%3F1732992486%26c%3D9811ac4204b50e93c1472bd1d01d3083%26sz%3D550&description=%3Cp%3EPosters+Collection%3C%2Fp%3E%3Cp%3EWHO+Public+Information+Office%2C+Departments+and+partners+have+produced+posters+since+the+early+days%3Cspan+style%3D%22color%3Ared%3B%22%3E+%3C%2Fspan%3Eof+WHO+to+illustrate+the+work+of+the+Organization+at+different+phases+of+its+existence+and+to%C2%A0showcase+global+health+advancements+throughout+its+history.+As+a+historical+collection%2C+these+posters+stand+as+the+legacy+of+the+Organization%27s+evolution+and+a+valuable+means+of+supporting+comprehensive+health+education+for+all.%3C%2Fp%3E%3Cp%3EReference%3A+%3Ca+target%3D%22_blank%22+rel%3D%22noopener+noreferrer%22+href%3D%22https%3A%2F%2Fapps.who.int%2Firis%2Fhandle%2F10665%2F37089%22%3EFirst+ten+years+of+WHO%3C%2Fa%3E+%C2%A0%3C%2Fp%3E" title="Share on Pinterest" class="popShare pinterest"></a> <a href="http://www.tumblr.com/share/photo?source=https%3A%2F%2Fphotos.hq.who.int%2Fassetpreview%2Fgetnw%2F144797%3F1732992486%26c%3D9811ac4204b50e93c1472bd1d01d3083%26sz%3D550&caption=%3Cp%3EPosters+Collection%3C%2Fp%3E%3Cp%3EWHO+Public+Information+Office%2C+Departments+and+partners+have+produced+posters+since+the+early+days%3Cspan+style%3D%22color%3Ared%3B%22%3E+%3C%2Fspan%3Eof+WHO+to+illustrate+the+work+of+the+Organization+at+different+phases+of+its+existence+and+to%C2%A0showcase+global+health+advancements+throughout+its+history.+As+a+historical+collection%2C+these+posters+stand+as+the+legacy+of+the+Organization%27s+evolution+and+a+valuable+means+of+supporting+comprehensive+health+education+for+all.%3C%2Fp%3E%3Cp%3EReference%3A+%3Ca+target%3D%22_blank%22+rel%3D%22noopener+noreferrer%22+href%3D%22https%3A%2F%2Fapps.who.int%2Firis%2Fhandle%2F10665%2F37089%22%3EFirst+ten+years+of+WHO%3C%2Fa%3E+%C2%A0%3C%2Fp%3E&clickthru=https%3A%2F%2Fphotos.hq.who.int%2Fgalleries%2F1421%2Fwho-anniversaries" title="Share on Tumblr" class="popShare tumblr"></a> <a href="https://www.linkedin.com/cws/share?lang=en_GB&url=https%3A%2F%2Fphotos.hq.who.int%2Fgalleries%2F1421%2Fwho-anniversaries" title="Share on LinkedIn" class="popShare linkedin"></a> </div></div> </li> </ul> <form id="form_sort_by" action="https://photos.hq.who.int/galleries" method="post"> </form> </div> <div id="right"> <div id="result_count" data-single="file" data-plural="files" data-stitle="%s in gallery" title="..."><span class="waitDeferred"> </span> Files in gallery</div> </div> <input type="hidden" id="isPortfolio" name="isPortfolio" value="" /> </div> </div> <div id="groupHeading"></div> <button id="goToTopBtn" title="Go to top"><?xml version="1.0" encoding="utf-8"?> <!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve"> <metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata> <g><g transform="translate(0.000000,511.000000) scale(0.100000,-0.100000)"><path d="M933.9,4989.8c-395.8-58.4-746.3-411-811.2-819.8c-30.3-194.7-30.3-7938.6,0-8133.3c56.3-361.3,309.3-657.6,659.8-778.7c123.3-43.3,179.5-43.3,4220.3-43.3c3921.7,0,4099.1,2.1,4222.4,38.9c302.8,95.2,551.6,346.1,640.3,651.1c30.3,106,34.6,527.8,34.6,4200.7c0,4045,0,4081.8-43.3,4224.6c-86.5,274.7-348.3,536.5-633.8,633.8c-106,36.8-346.1,38.9-4135.9,41.1C2872,5007.1,1005.3,5000.6,933.9,4989.8z M5245,1786.2c67.1-62.7,815.5-720.3,1663.4-1462.3C7918.6-560.8,8457.2-1047.5,8481-1092.9c86.5-188.2,60.6-385-73.6-517c-69.2-71.4-95.2-82.2-175.2-82.2c-51.9,2.2-116.8,13-140.6,28.1c-26,15.1-724.6,620.8-1553.1,1345.5C5710,408.3,5022.2,1001,5011.4,1001c-10.8,0-625.1-530-1364.9-1178.9C1738.6-1850,1931.1-1692.1,1807.8-1692.1c-116.8,0-212,62.7-272.6,181.7c-49.8,93-47.6,305,2.2,406.7c26,56.2,475.9,460.7,1566.1,1416.8c841.5,735.5,1589.9,1393,1663.4,1462.3c127.6,116.8,140.6,123.3,244.4,123.3C5113,1898.7,5128.1,1890,5245,1786.2z"/></g></g> </svg></button> <div id="maincontent"> <div class="result-tooltip hideMe"> <div class="tooltip-icon"> <div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="18px" height="18px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1-8h-2V7h2v2z"/></svg></div> </div> <div class="tooltip-text"> <div class="highligted-text">Did you know?</div> <div class="normal-text">Additional photos may be found using Global Photo Search. </div> </div> <div class="tooltip-button"> <button class="btn btn-search-global">Search now</button> </div> </div> <script> $(function(){ if(window["resultTooltip"] !== undefined){ resultTooltip.globalSearchUrl = "https://whophotosearch.who.int"; resultTooltip._setup(); } }); </script> <div class="no-results"></div> <ul id="searchResults" class="flow noAssetOpts"></ul> <div id="waitForMore"> <div> <img class="top" src="https://photos.hq.who.int/media/image?src=loadmore.png" /> <img class="middle" src="https://photos.hq.who.int/media/image?src=loadmore.png" /> <img class="bottom" src="https://photos.hq.who.int/media/image?src=loadmore.png" /> </div> </div> </div> </div> <div id="hoverPreview"><!-- --></div> <script type="text/template" id="group-title-template"> <div id="headingTitle"><span><%=galleryTitle%></span></div> <input type="hidden" id="group_id" value="<%=group_id%>"/> <% if(galleryCredit) { %> <div id="headingCredit"><span><%=galleryCredit%></span></div> <% } %> <% if(galleryDescription) { %> <div id="headingDesc"><span><%=galleryDescription%></span></div> <% } %> </script> <script> results.useRestful = true; results.searchParams = {"gallery_id":"1421"}; results.searchUri = "gallery"; var searchResult = {}; results.addAnimScale = false; results.dateCreatedHideTime = 1; results.allowHTMLInDescription = 1; results.allowHTMLInGroupDesc = 1; </script> <script type="text/template" id="asset-cell-template"> <li class="resultCell flow pageNum_<%-pageNum%>" id="result_<%-asset.id%>" data-assetid="<%-asset.id%>"> <div class="assetDets"> <% if (asset.flagIcons) { %> <span class="flag-marker no-action"><%= asset.flagIcons %></span> <% } %> <div class="imgs"> <img alt="<%-asset.alt%>" class="hovThumb <%-(asset.previewExt == "mp4")?"hovpvw":""%> pvwid_<%-asset.id%> " title="View large preview" src="<%-asset.thumbURL%>" width="<%-asset.thumbWidth%>" height="<%-asset.thumbHeight%>" id="assetthumb_<%-asset.id%>" style="width:<%-asset.thumbWidth%>px; height:<%-asset.thumbHeight%>px"> <img alt="<%-asset.alt%>" class="hovThumb <%-(asset.previewExt == "mp4")?"hovpvw":""%> pvwid_<%-asset.id%> blankDL " title="View large preview" src="https://photos.hq.who.int/media/image?src=blank_image.gif" width="<%-asset.thumbWidth%>" height="<%-asset.thumbHeight%>" style=""> </div> <%=shareDlIconTemplate%> <% if (!noAssetOpts) { %> <div class="optionsOverlay mod_search"></div> <ul class="assetOpts mod_search"> <li><a title="Add to lightbox" href="#" class="assetAddLbx no-action" id="<%-('assetAddLbx_'+asset.id)%>"><img class="assetAct Lbx" src="https://photos.hq.who.int/media/image?src=blank_image.gif" width="1" height="1" /><span>Add to lightbox</span></a></li> <% if (1 || asset.isDownloadable) { %> <li><a class="resultDL no-action" title="Download this asset" href="#"><img class="assetAct DL" src="https://photos.hq.who.int/media/image?src=blank_image.gif" width="1" height="1" /><span>Download this asset</span></a></li> <% } %> <% if (asset.groups.length > 0) { if(asset.groups.length == 1) { thisLink = asset.groups[0].viewURL; _alert = lang.search_results.lbl_ViewGroup.format(asset.groups[0].title); } else { thisLink = "#"; _alert = lang.search_results.lbl_ViewMore; } %> <li class="viewGroup"><a title="<%-_alert%>" href="<%-thisLink%>" class="assetGrp" id="<%-'assetGrp_'+asset.id%>"><img class="assetAct Grp" src="https://photos.hq.who.int/media/image?src=blank_image.gif" width="1" height="1" /><span><%-_alert%></span></a> <% if (asset.groups.length > 1) { %> <span class="resultGroupMenu lozengeSpan" id="groupMenu_<%-asset.id%>"> <% _.each(asset.groups,function(assetGroup) { %> <a href="<%-assetGroup.viewURL%>" class="lozengeLink"><%-assetGroup.title%></a> <% }) %> </span> <% } %> </li> <% } %> <li class="share"> <a title="Share this file" href="#" class="assetShareFile"> <img class="assetAct Share" src="https://photos.hq.who.int/media/image?src=blank_image.gif" width="1" height="1" /> <span>Share this file</span> </a> <div<%=(asset.flagString == "")?"":" class='shareHasFlag'"%>><%=socialmedia%></div> </li> <li class="info"> <a title="" href="#" class="assetShareFile no-action"><img class="assetAct Info" src="https://photos.hq.who.int/media/image?src=blank_image.gif" width="1" height="1" /><span></span></a> <div class="hoverFileInfo"> <% if(asset.headline && (asset.headline).trim()){ %> <div class="fileHeadline"><span class=""><%- asset.headline %></span></div> <% } if(asset.description.trim()){ %> <% if(allowHTMLInDescription){ %> <div class="fileDesc ckeditor-content"><span class=""><%= asset.description %></span></div> <% } else { %> <div class="fileDesc"><span class=""><%- asset.alt %></span></div> <% } %> <% } if((asset.credit).trim()){ %> <div class="fileCredit"><span>Credit:</span> <span class=""><%-asset.credit%></span></div> <% } %> <div class="reference"><span>Reference:</span> <span class="clipboard-text"><%-asset.reference%></span> <i title="Copy to clipboard" class="fa fa-clipboard" aria-hidden="true"></i></div> <i title="Copy all metadata to clipboard" class="copy-all-data fa fa-clipboard" aria-hidden="true"></i> </div> </li> </ul> <% } %> </div> </li> </script> <script type="text/template" id="socialmedia-template"> <div class="social_icons"> <% if (flagged == '') { %> <a href="http://www.facebook.com/share.php?u=<%-url%>" title="Share on Facebook" class="popShare facebook"></a> <a href="https://twitter.com/share?url=<%-url%>&text=LightRocket" title="Share on Twitter" class="popShare twitter"></a> <a href="http://www.pinterest.com/pin/create/button/?url=<%-url%>&media=<%-img_url%>&description=<%-desc%>" title="Share on Pinterest" class="popShare pinterest"></a> <a href="http://www.tumblr.com/share/photo?source=<%-img_url%>&caption=<%-desc%>&clickthru=<%-url%>" title="Share on Tumblr" class="popShare tumblr"></a> <a href="https://www.linkedin.com/cws/share?lang=en_GB&url=<%-url%>" title="Share on LinkedIn" class="popShare linkedin"></a> <% } %> </div> </script> <script type="text/template" id="share-dl-icon-template"> <div title="Not selected" class="share_dlselection" id="share_dlselection_<%-asset_id%>" data-assetid="<%-asset_id%>"><i class="material-icons">check</i></div> </script> <script type="text/template" id="popup-template"> <% if (!doPreview) { %><span id="noCanDo">Unable to preview this file</span> <% }else{ %> <div id="previewMainContent"<% if (isPage){ %> class="pagepreview"<% } %>> <div id="ImageBlock"> <div class="overlayLoading"> <svg class="spinner" width="50px" height="50px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle> </svg> </div> <div id="previousThumb"></div> <div id="previewImg"></div> <div id="nextThumb"></div> <div id="CurImageDetails"> <div id="flagIcons"></div> <% if (!isPage){ %> <% if (((fileType == 'image' || fileType == 'other')) && previewDL ){ %> <div id="donwloadPreview"> <a class="download_preview_link" alt="Download Preview" title="Download Preview"> <i class="fa fa-download" aria-hidden="true"></i> </a> </div> <% } %> <div id="curPosition"></div> <% } %> </div> <% if (!isPage && context){ %> <div id="assetSelection" class="asset_selection select-control action<%-is_selected?' selected':''%>"><i class="material-icons">check</i></div> <% } %> </div> <div id="previewBlockDetails"></div> <div class="floating-popup-controls"> <span class="btn-dock-details"><i class="fa fa-angle-double-left"></i></span> <span class="btn-close-popup"><i class="fa fa-close"></i></span> <span class="btn-scroll btn-scrolldown-popup"><i class="fa fa-angle-double-down"></i></span> </div> </div> <% }%> </script> <script type="text/template" id="socialmedia-template"> <div class="social_icons"> <% if (flagged == '') { %> <a href="http://www.facebook.com/share.php?u=<%-url%>" title="Share on Facebook" class="popShare facebook"></a> <a href="https://twitter.com/share?url=<%-url%>&text=LightRocket" title="Share on Twitter" class="popShare twitter"></a> <a href="http://www.pinterest.com/pin/create/button/?url=<%-url%>&media=<%-img_url%>&description=<%-desc%>" title="Share on Pinterest" class="popShare pinterest"></a> <a href="http://www.tumblr.com/share/photo?source=<%-img_url%>&caption=<%-desc%>&clickthru=<%-url%>" title="Share on Tumblr" class="popShare tumblr"></a> <a href="https://www.linkedin.com/cws/share?lang=en_GB&url=<%-url%>" title="Share on LinkedIn" class="popShare linkedin"></a> <% } %> </div> </script><script type="text/template" id="block-details-template"> <input type="hidden" value="<%-asset.id%>" id="assetid" /> <input type="hidden" value="<%-((user && asset.user_id == user.id)?true:false)%>" id="ownasset" /> <input type="hidden" value="<%-author%>" id="assetAuthor" /> <div id="previewBlockTop"> <% if (!isPage){ %> <span class="btn-dock-details"><i class="fa fa-angle-double-right"></i></span> <span class="btn-close-popup"><i class="fa fa-close"></i></span> <span class="btn-scroll btn-scrollup-popup"><i class="fa fa-angle-double-up"></i></span> <% } %> </div> <ul id="previewBlockMenu" class="hideMe"> <li id="menuDetails" class="dets active">Details</li> <li id="menuKeywords" class="dets active">Keywords</li> </ul> <div id="previewBlockContent"> <div id="menuDetailsTab" class="content"> <% if(showHeadlineInPreview && asset.headline != ""){ %> <div id="ctblc_headline"> <span title="Click to view more like this" href="#" class="simple_search" data-val="<%-asset.headline%>" data-search="headline"><%-asset.headline%></span> </div> <% } %> <% if (asset.description && asset.description != "") { %> <div id="ctblc_desc" class="ckeditor-content"> <div class="description-container"><%=asset.description%></div> <a href="#" class="read-more-lnk">[Read More]</a> <a href="#" class="read-less-lnk hideMe">[Read Less]</a> </div> <% } %> <div id="comblc_icons"> <ul class="assetOpts"> <% if (!isRemoved) { %> <% if (asset.publish_state == 1) { %> <li> <a class="addToLbxFromPrev" title="Add to lightbox" href="#"> <img class="assetAct Lbx" src="https://photos.hq.who.int/media/image?src=blank_image.gif" width="1" height="1" /> <span>Add to lightbox</span> </a> </li> <% } %> <% if (1) { %> <li> <a class="resultDL" title="Download this asset" href="#"> <img class="assetAct DL" src="https://photos.hq.who.int/media/image?src=blank_image.gif" width="1" height="1" /> <span>Download this asset</span> </a> </li> <% } %> <% if (groups.length > 0) { if(groups.length == 1) { thisLink = groups[0].viewURL; _alert = lang.search_results.lbl_ViewGroup.format(groups[0].title); } else { thisLink = "#"; _alert = lang.search_results.lbl_ViewMore; } %> <li class="assetViewGroup"><a title="<%-_alert%>" href="<%-thisLink%>" class="assetGrp" id="<%-'previewAssetGrp_'+asset.id%>"><img class="assetAct Grp" src="https://photos.hq.who.int/media/image?src=blank_image.gif" width="1" height="1" /><span><%-_alert%></span></a> <% if (groups.length > 1) { %> <span class="assetResultGroupMenu" id="assetGroupMenu_<%-asset.id%>"> <% _.each(groups,function(assetGroup) { %> <a href="<%-assetGroup.viewURL%>" class="assetGroupLink"><%-assetGroup.title%></a> <% }) %> </span> <% } %> </li> <% } %> <% if (asset.publish_state == 1) { %> <li class="share"> <a title="Share this file" href="#" class="assetShareFile"><img class="assetAct Share" src="https://photos.hq.who.int/media/image?src=blank_image.gif" width="1" height="1" /><span>Share this file</span></a> <div<%=(asset.flagString == "")?"":" class='shareHasFlag'"%>><%=socialmedia%></div> </li> <% } %> <% } %> <% if (fileType == 'image') { %> <li> <a title="Print" href="#" class="assetPrint"> <i class="fa fa-print"></i> <span>Print</span> </a> </li> <% } %> <% if (manageFileEnabled && isAdmin && !isRemoved) { %> <li> <a title="Manage File" href="#" class="manageFile"> <i class="fa fa-wrench"></i> <span>Manage File</span> </a> </li> <% } %> <li> <a title="Manage File" href="#" class="copyAllData"> <i title="Copy all metadata to clipboard" class="fa fa-clipboard" aria-hidden="true"></i> </a> </li> </ul> </div> <% if(asset.flagString != ""){ %> <div class="alert alert-warning" id="asset-flag-string"><%-asset.flagString%></div> <% } %> <% if( showExtraFieldInfo ){ %> <div class="alert alert-warning" id="asset-extra-info"> <div> <span>This file has important information/restriction attached.</span> <span class="click_here">Click to view details.</span> </div> <div class="close_displayed_info"><?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"> <g> <title>close</title> <path d="M23.5,23.999c-0.134,0-0.259-0.052-0.354-0.146L12,12.706L0.854,23.853c-0.094,0.094-0.22,0.146-0.354,0.146 s-0.259-0.052-0.354-0.146c-0.195-0.195-0.195-0.512,0-0.707l11.146-11.146L0.147,0.853c-0.195-0.195-0.195-0.512,0-0.707 C0.241,0.051,0.367-0.001,0.5-0.001s0.259,0.052,0.354,0.146L12,11.292L23.147,0.146c0.094-0.094,0.22-0.146,0.354-0.146 s0.259,0.052,0.354,0.146c0.195,0.195,0.195,0.512,0,0.707L12.707,11.999l11.146,11.146c0.195,0.195,0.195,0.512,0,0.707 C23.759,23.947,23.634,23.999,23.5,23.999z"/> </g> </svg> </div> <div class="displayed_info"><span id="extraField">"<%=showExtraFieldInfo%>"</span></div> </div> <% } %> <div id="comblc_counters"> <i class="fa fa-eye" aria-hidden="true" alt='views'></i> <label id ="lblViews" >Views <%-asset.viewhits%></label> <% if(!isShare && user){ %> <div id="usage_label"> <label>Usage<%=total_downloads?' ('+total_downloads+')':""%></label> <img src="https://photos.hq.who.int/media/image?src=icon_info.png" /> <div id="usagebox"> <%=dlUsage_list%> </div> </div> <% } %> </div> <div id="content-file-details"> <% if (asset.date_label || asset.date_created) { %> <div> <label>Date created</label><br /><span title="Click to view more like this" href="#" class="simple_search" data-val="<%-(asset.date_label) ? asset.date_label : asset.date_created%>" data-search="<%-(asset.date_label) ? "date_label" : "date_created"%>" id="dateCreated"><%-(asset.date_label) ? asset.date_label : asset.date_created%></span> </div> <% } %> <% if (asset.location) { %> <div> <label>Location</label><br /><span title="Click to view more like this" href="#" class="simple_search" data-val="<%-asset.location%>" data-search="location" id="assetLocation"><%-asset.location%></span> </div> <% } %> <% if (asset.city) { %> <div> <label>City</label><br /><span title="Click to view more like this" href="#" class="simple_search" data-val="<%-asset.city%>" data-search="city" id="assetCity"><%-asset.city%></span> </div> <% } %> <% if (asset.state) { %> <div> <label>State/Province</label><br /><span title="Click to view more like this" href="#" class="simple_search" data-val="<%-asset.state%>" data-search="state" id="assetState"><%-asset.state%></span> </div> <% } %> <% if (asset.country) { %> <div> <label>Country, Area, WHO Office</label><br /><span title="Click to view more like this" href="#" class="simple_search" data-val="<%-asset.country_id%>" data-search="country" id="assetCountry"><%-asset.country%></span> </div> <% } %> <div> <label>Consent Forms</label><br /><span id="modelReleased"><%-modelReleasedVal%></span> </div> <% if (asset.credit) { %> <div> <label>Credit</label><br /><span title="Click to view more like this" href="#" class="simple_search" data-val="<%-asset.credit%>" data-search="credit" id="assetCredit"><%-asset.credit%></span> </div> <% } %> <% if (asset.copyright_notice && asset.copyright_notice != "漏" && asset.copyright_notice != "漏 ") { %> <div> <label>Copyright notice</label><br /><span title="Click to view more like this" href="#" class="simple_search" data-val="<%-asset.copyright_notice%>" data-search="copyright_notice" id="copyrightNotice"><%-asset.copyright_notice%></span> </div> <% } %> </div> <div id="content-file-info"> <div class="fillw"> <label>Reference</label><br/><span><span id="referencePreview"><%-asset.reference %></span> <i title="Copy to clipboard" class="fa fa-clipboard copy-field-clipboard" data-clipboard-target="#referencePreview" aria-hidden="true"></i></span> </div> <div> <label id="file_size">File Size</label> <br /> <% if (assetSizeSettings.alertSmallFiles && (asset.filesize_ori < assetSizeSettings.smallFileSize)){ %> <span class="small_file dotolltip" data-toggle="tooltip" data-placement="auto right" title="<%-lang.preview.lbl_fileSizeSmaller.format(assetSizeSettings.sizeConv)%>" data-original-title="<%-lang.preview.lbl_fileSizeSmaller.format(assetSizeSettings.sizeConv)%>"><%-asset.filesize%> <span class="fa fa-exclamation-circle" title=""></span></span> <% } else { %> <span><%-asset.filesize%></span> <% } %> </div> <% if (asset.width && asset.height) { %> <div> <label id="file_dim">Dimensions</label><br /><span><%-asset.width%> x <%-asset.height%> pixels</span> </div> <% } %> </div> </div> <% if(keywords && (c=keywords.length)) { listHeight = 8; l1h = 0; l2h = 0; if (c<=listHeight) { l1h = c; } else if ( c < listHeight*2 ) { l1h = listHeight; l2h = c-listHeight; } else { l1h = parseInt((c+1)/2); l2h = c-l1h; }; p = 0; %> <div id="menuKeywordsTab" class="content"> <ul class="kwd_scroll"> <% for (i=1;i<=l1h;i++) { if (keyword = keywords[p++].trim()) {%> <li> <span><%-keyword%></span> </li> <% } %> <% } %> <% if (l2h) { %> <% for (i=1;i<=l2h;i++) { if (keyword = keywords[p++].trim()) {%> <li> <span><%-keyword%></span> </li> <% } %> <% } %> <% } %> </ul> <div class="ctblc_btnsearch"> <input type="button" class="btn btn-danger" id="key_search" value="Search selected" /> </div> </div> <% } else{ %> <div id="menuKeywordsTab" class="content"> <div style="margin-top:15px; text-align:center;"> No keywords has been added </div> </div> <% } %> </div> </script> <script type="text/template" id="template-embed-image"> <div class="preview-sel-container"> <div> Please select the size of the image to embed: </div> <div class="form-group sel-preview-embed-container"> </div> <div class="code-clipboard-container"> <div id="embedded-code-container"> <textarea id="embed-script" class="embedcode-textarea embedcode-input" readonly></textarea> </div> <div id="embed_copy_icon" class="embed_copy_icon"> <a id="copy-clipboard" href="#" data-clipboard-target="#embed-script" title="Copy to clipboard"> <i title="Copy to clipboard" class="fa fa-clipboard" aria-hidden="true"></i> </a> </div> </div> </div> </script> <script type="text/template" id="template-add-to-lightbox"> <div> <div class="custom-bootstrap-dropdown dropdown " > <button type="button" id="btn_lightboxes" class="btn_lightboxes" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-placeholder=""></button> <input type="hidden" id="lightboxes" class="lightboxes" name="lightboxes" value=""/> <div class="dropdown-menu "> </div></div> </div> </script> <script type="text/template" id="template-lightbox-item"> <div data-val="<%-id%>" class="dropdown-item <%-sel%>"><a href="#" ><%-name%></a></div> </script> <script type="text/template" id="template-context-menu"> <div id='contextMenu'> <% if (DLavailable) { %> <div class="menuCol download"><a class="download_preview_link" href="<%-imgLink%>" alt="Download Preview" title="Download Preview"><i class="fa fa-download" aria-hidden="true"></i>Download Preview</a></div> <% } %> <% if (prev) { %> <div class="menuCol prev"><a ><i class="fa fa-chevron-left" aria-hidden="true"></i>Previous</a></div> <% } %> <% if (next) { %> <div class="menuCol next"><a ><i class="fa fa-chevron-right" aria-hidden="true"></i>Next</a></div> <% } %> <div class="menuCol close-preview"><a ><i class="fa fa-times" aria-hidden="true"></i>Close Preview</a></div> </div> </script> <script type="text/template" id="template-print-preview"> <style type="text/css" media="print,screen"> @page { margin: 10px 0; } body { margin: 1.4cm 10px; } img{-webkit-print-color-adjust: exact;max-width:100%;} .printContent {font-family:"Helvetica Neue","proxima-nova"; font-size:20px;} .desc {font-weight:bold;} .header-logo {width:100%; text-align:center; margin-bottom:20px; background-color:#FFFFFF; -webkit-print-color-adjust: exact; } .header-logo img {width:180px;} .body-image {width:100%; text-align:center; margin-bottom:20px;} @media print { @page { margin: 0; } body { margin: 1.4cm 20px; } img{-webkit-print-color-adjust: exact;max-width:100%;} .printContent {font-family:"Helvetica Neue","proxima-nova"; font-size:20px;} .desc {font-weight:bold;} .header-logo {width:100%; text-align:center; margin-bottom:20px; background-color:#FFFFFF; -webkit-print-color-adjust: exact; } .header-logo img {width:180px;} .body-image {width:100%; text-align:center; margin-bottom:20px;} } </style> <div class="printContent"> <div class="header-logo"> <img alt="WHO Photos" src="https://photos.hq.who.int/media/image?src=logo.png"> </div> <div class="body-image"> <img src="<%-previewImg%>"> </div> <% if (headingTitle) { %> <label class="desc">Gallery :</label> <%-headingTitle%><br /> <% } %> <label class="desc">Author :</label> <%-contrib_name%><br /> <label class="desc">File name :</label> <%-filename%><br /> <label class="desc">File Size :</label> <%-filesize%><br /> <label class="desc">Dimensions :</label> <%-width%> x <%-height%><br /> <label class="desc">Credit :</label> <%-credit%><br /> <label class="desc">Copyright :</label> <%-copyright_notice%><br /> <label class="desc">Date created :</label> <%-created_on%><br /> <label class="desc">Description :</label> <%=description%><br /> </div> </script> <script type="text/template" id="flag-icon-template"> <% if(id == 1){%> <span class="flag-icon" title="Internal"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#FFCC00" width="18px" height="18px"><g fill="none"><path d="M0 0h24v24H0V0z"/><path d="M0 0h24v24H0V0z" opacity=".87"/></g><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM9 8V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9z"/></svg> </span> <% }%> <% if(id == 2){%> <span class="flag-icon" title="Confidential"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#FF0000" width="18px" height="18px"><g fill="none"><path d="M0 0h24v24H0V0z"/><path d="M0 0h24v24H0V0z" opacity=".87"/></g><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM9 8V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9z"/></svg> </span> <% }%> <% if(id == 3){%> <span class="flag-icon" title="Media"> <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#3f97e2"><g><rect fill="none" height="24" width="24"/><rect fill="none" height="24" width="24"/></g><g><path d="M17.5,4.5c-1.95,0-4.05,0.4-5.5,1.5c-1.45-1.1-3.55-1.5-5.5-1.5c-1.45,0-2.99,0.22-4.28,0.79C1.49,5.62,1,6.33,1,7.14 l0,11.28c0,1.3,1.22,2.26,2.48,1.94C4.46,20.11,5.5,20,6.5,20c1.56,0,3.22,0.26,4.56,0.92c0.6,0.3,1.28,0.3,1.87,0 c1.34-0.67,3-0.92,4.56-0.92c1,0,2.04,0.11,3.02,0.36c1.26,0.33,2.48-0.63,2.48-1.94l0-11.28c0-0.81-0.49-1.52-1.22-1.85 C20.49,4.72,18.95,4.5,17.5,4.5z M21,17.23c0,0.63-0.58,1.09-1.2,0.98c-0.75-0.14-1.53-0.2-2.3-0.2c-1.7,0-4.15,0.65-5.5,1.5V8 c1.35-0.85,3.8-1.5,5.5-1.5c0.92,0,1.83,0.09,2.7,0.28c0.46,0.1,0.8,0.51,0.8,0.98V17.23z"/><g/><path d="M13.98,11.01c-0.32,0-0.61-0.2-0.71-0.52c-0.13-0.39,0.09-0.82,0.48-0.94c1.54-0.5,3.53-0.66,5.36-0.45 c0.41,0.05,0.71,0.42,0.66,0.83c-0.05,0.41-0.42,0.71-0.83,0.66c-1.62-0.19-3.39-0.04-4.73,0.39 C14.13,10.99,14.05,11.01,13.98,11.01z"/><path d="M13.98,13.67c-0.32,0-0.61-0.2-0.71-0.52c-0.13-0.39,0.09-0.82,0.48-0.94c1.53-0.5,3.53-0.66,5.36-0.45 c0.41,0.05,0.71,0.42,0.66,0.83c-0.05,0.41-0.42,0.71-0.83,0.66c-1.62-0.19-3.39-0.04-4.73,0.39 C14.13,13.66,14.05,13.67,13.98,13.67z"/><path d="M13.98,16.33c-0.32,0-0.61-0.2-0.71-0.52c-0.13-0.39,0.09-0.82,0.48-0.94c1.53-0.5,3.53-0.66,5.36-0.45 c0.41,0.05,0.71,0.42,0.66,0.83c-0.05,0.41-0.42,0.7-0.83,0.66c-1.62-0.19-3.39-0.04-4.73,0.39 C14.13,16.32,14.05,16.33,13.98,16.33z"/></g></svg> </span> <% }%> <% if(id == 4){%> <span class="flag-icon" title="Open"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="green"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6h2c0-1.66 1.34-3 3-3s3 1.34 3 3v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm0 12H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"/></svg> </span> <% }%> <% if(id == 6){%> <span class="flag-icon" title="Member states"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ED7014"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15 11V5.83c0-.53-.21-1.04-.59-1.41L12.7 2.71c-.39-.39-1.02-.39-1.41 0l-1.7 1.7C9.21 4.79 9 5.3 9 5.83V7H5c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-1.1-.9-2-2-2h-4zm-8 8H5v-2h2v2zm0-4H5v-2h2v2zm0-4H5V9h2v2zm6 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V9h2v2zm0-4h-2V5h2v2zm6 12h-2v-2h2v2zm0-4h-2v-2h2v2z"/></svg> </span> <% }%> <% if(id == 7){%> <span class="flag-icon" title="Private Events"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" fill="purple" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24" y="0"/></g><g><g><g><path d="M3.99,21.29l9.04-3.23c1.38-0.49,1.78-2.26,0.74-3.3l-4.53-4.53c-1.04-1.04-2.8-0.64-3.3,0.74l-3.23,9.04 C2.43,20.81,3.19,21.57,3.99,21.29z"/><path d="M15.06,12l5.06-5.06c0.49-0.49,1.28-0.49,1.77,0L21.95,7c0.29,0.29,0.77,0.29,1.06,0l0,0c0.29-0.29,0.29-0.77,0-1.06 l-0.06-0.06c-1.07-1.07-2.82-1.07-3.89,0L14,10.94c-0.29,0.29-0.29,0.77,0,1.06l0,0C14.29,12.29,14.77,12.29,15.06,12z"/><path d="M10.06,6.88L10,6.94C9.71,7.23,9.71,7.71,10,8l0,0c0.29,0.29,0.77,0.29,1.06,0l0.06-0.06c1.07-1.07,1.07-2.82,0-3.89 L11.07,4C10.77,3.7,10.29,3.7,10,4l0,0c-0.29,0.29-0.29,0.77,0,1.06l0.06,0.06C10.54,5.6,10.54,6.4,10.06,6.88z"/><path d="M17.06,11.88L16,12.94c-0.29,0.29-0.29,0.77,0,1.06l0,0c0.29,0.29,0.77,0.29,1.06,0l1.06-1.06 c0.49-0.49,1.28-0.49,1.77,0l1.08,1.08c0.29,0.29,0.77,0.29,1.06,0l0,0c0.29-0.29,0.29-0.77,0-1.06l-1.08-1.08 C19.87,10.81,18.13,10.81,17.06,11.88z"/><path d="M15.06,5.88L12,8.94c-0.29,0.29-0.29,0.77,0,1.06l0,0c0.29,0.29,0.77,0.29,1.06,0l3.06-3.06c1.07-1.07,1.07-2.82,0-3.89 l-1.06-1.06c-0.29-0.29-0.77-0.29-1.06,0l0,0c-0.29,0.29-0.29,0.77,0,1.06l1.06,1.06C15.54,4.6,15.54,5.4,15.06,5.88z"/></g></g></g></svg> </span> <% }%> </script> <script type="text/javascript" charset="utf-8"> flags = (typeof flags == 'undefined')?{}:flags; flags.flagNames = {"99":"Public","1":"Internal","2":"Confidential","3":"Media","4":"Open","6":"Member states","7":"Private Events"}; flags.specialFlags = [99]; </script> <script type="text/template" id="asset-feedback-template"> <div class="popup"> <div class="popup_form"> <div class="content"> <div id="LoginRequired" class="login_required"> <div> You need to be <a id="triggerLogin" href="https://photos.hq.who.int/access/login">logged in</a> before sending a message </div> <input type="hidden" id="nocaptcha" name="nocaptcha" value="1" /> </div> </div> </div> </div> </script> <script> user.isLoggedIn = 1; user.id = "158"; user.fullname = "Anonymous Anomymous"; user.show_form = 0; </script> </div> </div> <div id="LoginForm" class="modal fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="back-arrow hidden"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="18px" height="18px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z"/></svg></button> <button type="button" class="close" data-dismiss="modal">×</button> <h1 class="modal-title login_title">Log In</h1> </div> <div class="modal-body"> <div class="social_auth_buttons"> <form id="form_saml" action="https://photos.hq.who.int/access/sso" method="POST"> <input type="hidden" name="auth" value="SAML" /> <input type="hidden" name="method" value="SAML" /> <!--<a href="" id="saml" class="btn btn-primary">Login via WHO portal</a>!--> <button id="saml" type="submit" class="btn btn-primary">Login via WHO portal</button> </form> </div> <div class="login_form_buttons"> <input type="button" value="External Log in" class="login-form-button btn btn-success"/> </div> <form class="loginform hidden" action="https://photos.hq.who.int/access/login" method="post"> <input type="hidden" value="ceae1046af7749439a37238a70e5499b" name="check_token"> <div class="form-group loginfields"> <label for="username">Email address</label> <input type="text" id="username" name="username" value="" class="form-control" placeholder="Email" /> </div> <div class="form-group loginfields"> <label for="password">Password</label> <input type="password" id="password" name="password" value="" class="form-control" placeholder="Password" /> </div> <div class="forgot_link"> <a href="https://photos.hq.who.int/forgotten">Forgot your password?</a> </div> <div class="login-button"> <input type="hidden" value="ORM" name="auth"/> <input type="submit" value="External Log in" class="btn btn-success"/> </div> </form> <div class="help-link"> <a href="https://cdn.lightrocket.com/files/guide_lightrocket_external_01_2021rev.pdf" target="_blank">Help</a></div> </div> </div> </div> </div> <script> headerSearch.rcp_email="photos@who.int"; </script> <script> $(document).ready(function(){ $('.hamburgerButton').click(function(){ if($('#mobile_search').hasClass('openMobileSearch')) { $('#mobile_search').removeClass('openMobileSearch'); $('#mobile_search>form#search').removeClass('openMobileSearchInner'); $('.searchButton').removeClass('active'); } }); $('.searchButton').click(function(){ if($('#header').hasClass('openHeader')) { $('#header').removeClass('openHeader'); $('.hamburgerButton').removeClass('active'); } $(this).toggleClass('active'); $('#mobile_search').toggleClass('openMobileSearch'); if($("#mobile_search>form#search").length === 0){ $("#mobile_search").html($("#block_search>form#search").clone()); $.each($("form#search>div>ul"), function(){ $(this).css("width", ""); }); } $('#mobile_search>form#search').toggleClass('openMobileSearchInner'); }); $('form#search ul.hoverdd').addClass('btcorrect'); $('.user_guide').tooltip(); }); login.ssoLoginOnly = 0</script> <script type="text/template" id="popup-share-template"> <div class="popup"> <div class="popup_form"> <div class="content"> <div id="error_send_msg" class="alert alert-danger hideMe"></div> <form id="frm_send_email" name="frm_send_email" action="" method="post"> <% if(fullname != ""){ %> <label for="fromName">From<span class="req text-danger"> *</span></label> <input type="text" id="fromName" class="form-control" name="fromName" value="<%-fullname%>"> <% }else{ %> <label for="fromName">Your Name<span class="req text-danger"> *</span></label> <input type="text" id="fromName" class="form-control" name="fromName" value=""> <label for="fromEmail">Your Email<span class="req text-danger"> *</span></label> <input type="text" id="fromEmail" class="form-control" name="fromEmail" value=""> <% } %> <label for="toEmail">Recipient's Email<span class="req text-danger"> *</span></label> <input type="text" id="toEmail" class="form-control" name="toEmail" value=""> <label for="message">Additional Message</label> <textarea id="message" class="form-control" name="message"></textarea> <div id="shareCaptcha" class="g-recaptcha" data-sitekey="6LfhUH0UAAAAALiRoFMukhQ9Gr3Pa9CN5CLC-6GW"></div> <!-- FOR SHARING LIGHTBOX --> <input type="hidden" id="numLbxAssets" name="num_lbx_assets" value="0" /> <input type="hidden" id="shareLbx_confirmSend" name="confirm_send" value="0" /> <input type="hidden" id="nocaptcha" name="nocaptcha" value="0" /> <!-- END OF SHARING LIGHTBOX --> </form> <div id="noPermissionAssets" class="hideMe"></div> </div> </div> </div> </script> <script> user.isLoggedIn = 0; user.id = ""; user.fullname = ""; user.show_form = 1; </script> <div id="welcomeModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h1 class="modal-title login_title"></h1> </div> <div class="modal-body"> <div><p class="welcome-title">Welcome to the WHO headquarters photo library.</p></div> <div><label class="welcome-subheader">Part of the WHO workforce?</label></div> <div><span class="welcome-text"><a href="https://photos.hq.who.int/login" class="mainLinkLogin">Log in</a> for access to download content.</span></div> <div><label class="welcome-subheader">Guest?</label></div> <div><span class="welcome-text">Explore <a href="https://photos.hq.who.int/search/results/adv_search?s[adv]=1&s[flags_4]=1">ready for download photos</a> or submit a request using the download button <img class="dl-icon" src="https://photos.hq.who.int/media/image?src=blank_image.gif"></span></div> <div class="last-row"><span class="welcome-text">Explore our <a href="https://whophotosearch.who.int">cross-libraries tool</a> for a view of WHO images worldwide</span></div> <div><label class="welcome-subheader">Questions?</label></div> <div><span class="welcome-text">Click <a target="_blank" href="https://cdn.lightrocket.com/files/guide_lightrocket_external_01_2021rev.pdf">Help</a></span></div> </div> <div class="modal-footer"> <p class="checkbox"> <label><input type="checkbox" id="hideWelcomeModal" value="1" /> Don't show this message again</label> </p> </div> </div> </div> </div> <script> $(function() { if(localStorage.getItem("welcomeModalHidden") !== 'true') $("#welcomeModal").modal('show'); $('#welcomeModal .close').on('click', function() { sessionStorage.setItem('welcomeModalSessionHidden', true); }); $('#hideWelcomeModal,.mainLinkLogin').on('click', function() { localStorage.setItem("welcomeModalHidden", $(this).prop("checked")); $("#welcomeModal").modal('hide'); }); }); </script> <div class="jqmWindow" id="system_message"> <span class=""></span><div><ul id="system_msg" class="hideMe"></ul></div> <input type="button" id="dismiss" name="dismiss" value="OK" /> </div> </div> </body> </html>