<!--
 * CoreUI - Open Source Bootstrap Admin Template
 * @version v1.0.0-alpha.4
 * @link http://coreui.io
 * Copyright (c) 2017 creativeLabs Łukasz Holeczek
 * @license MIT
 -->


        		    		

<!DOCTYPE html >
<html lang="en" ng-app="Frontend" ng-strict-di  ng-init="username='news';stageName='celebrities'"  >

<head>
    <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="description" content="Harness the power of social media and your own content to tell your stories in real-time as they happen. What's new? Just Tellit.">
<meta name="author" content="Tellit">
<meta name="keyword" content="Content, management, publishing, storytelling ">
<link rel="shortcut icon" href="/public/images/tellit/logo.png">
<link rel="apple-touch-icon" href="/public/images/tellit/logo.png">
<link rel="apple-touch-startup-image" href="/public/images/tellit/logo.png">

<!-- Main styles for this application -->
<link href="/public/stylesheets/app_frontend.dist.css" rel="stylesheet" type="text/css" >
<link href="/public/stylesheets/vendor.css" rel="stylesheet">



    <title>Celebrities</title>
</head>

<body class="app header-fixed sidebar-hidden  sidebar-off-canvas " 
    ng-controller="PageController" 
    ng-init="getIsWithinFrameStatus(); isLoading(); 
    isEmbed = ('false' == 'true') ? true : false; 
    isSlideShow = ('' == 'true') ? true : false; 
    showSearch = ('true' == 'true') ? true : false;
    showFooter = ('true' == 'true') ? true : false; 
    showPaging = ('true' == 'true') ? true : false;
    showLinkifyHashtags = ('true' == 'true') ? true : false;
    showLiveUpdates = ('false' == 'true') ? true : false;"
    ng-class="{'isWithinFrame':isWithinFrame, 'isEmbed':isEmbed, 'isSlideShow':isSlideShow, 'showSearch':showSearch, 'showFooter':showFooter, 'showPaging':showPaging, 'showLinkifyHashtags':showLinkifyHashtags, 'showLiveUpdates':showLiveUpdates}">

                <div class="consent animated" ng-class="{'fadeOutUp': consent}" ng-show="!consent" ng-init="consent=false">
            <main class="main">
                <div class="container-fluid">
                    <div class="animated fadeIn mt-3">
                        <div class="callout callout-danger pt-2 pb-2" style="background: white">
                            Please read and agree to the <a class="alert-link" target="_blank" href="/terms">terms and conditions</a> of this site.
                            <div class="mt-2">
                                <button class="btn btn-primary button special" title="I agree" ng-click="recordConsent()">I agree</button>
                            </div>
                        </div>
                    </div>
                </div>
            </main>
        </div>
    
    <div mc-messages class="mm-messages"></div>

                            <header class="app-header navbar">
            <button class="navbar-toggler mobile-sidebar-toggler hidden-lg-up" type="button"><i class="icon icon-magnifier"></i></button>
                <a class="navbar-brand newspulse" href="/login"></a>
        <ul class="nav navbar-nav hidden-md-down">
                <li class="nav-item">
            <a class="nav-link navbar-toggler sidebar-toggler" href="#"><i class="icon icon-magnifier"></i></a>
        </li>
                                            <li class="nav-item px-1">
                    <a class="nav-link" href="/news/celebrities">Celebrities</a>
                </li>
                        </ul>
            <ul class="nav navbar-nav ml-auto mr-1">
            <li class="nav-item dropdown">
                <a class="card-link" href="/news" title="Show" data-rel="tooltip">
                <div class="hub-avatar">
                    <img lazy-load class="w-100 rounded-circle" src="/public/images/user-placeholder-squared.png" data-original="{{avatarURL}}" ng-init="avatarURL='/mmavatarurl?width=100&url=https%253A%252F%252Fnewspulse.in-two.com%252Fmedia%252Fshowavatar%253Ffilename%253D1fa92fbc-52ec-42a6-93c6-3ca270a84892%2526username%253Dnews'" />
                </div>
                <span class="hidden-md-down">/news</span>  
                </a> 
            </li>
        </ul>
        
    </header>
            
    <div ng-cloak class="app-body" 
        ng-class="{'isWithinFrame':isWithinFrame, 'isSlideShow':isSlideShow, 'isEmbed':isEmbed, 'showSearch':showSearch, 'showLinkifyHashtags':showLinkifyHashtags, 'showLiveUpdates':showLiveUpdates}">

                                                <div class="sidebar">
        <nav class="sidebar-nav">
            <ul class="nav">
                <div class="divider"></div>
                <li class="nav-item">
                    <div class="card-block pb-0 pt-0">        
                        <form class="form" method="GET" action="/news/celebrities">
                            <div class="input-group mm-input-group">
                                <i class="icon-magnifier text-info abs-right top-075"></i>
                                <input type="text" class="form-control" name="query" placeholder="Search">
                                                                                            </div> 
                        </form>
                    </div>
                </li>

                <li class="nav-title text-center btn-clear">       
                                            <a class="button-clear" href="/news/celebrities">Clear filters and search</a> 
                                        &nbsp;
                </li>

                <div class="callout callout-warning">
    <small class="text-muted"><i class='icon-doc'></i>&nbsp; Format</small><br>
    <strong>







			





										
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_type:photo"
												
			class="badge badge-pill badge-default font-sm">photo</a>
		
	</strong>
</div>
<div class="callout callout-danger">
    <small class="text-muted"><i class='icon-tag'></i>&nbsp; Tags</small><br>
    <strong>





			







										
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;anya taylor-joy&quot;"
												
			class="badge badge-pill badge-default font-sm">anya taylor-joy</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;alton mason&quot;"
												
			class="badge badge-pill badge-default font-sm">alton mason</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;anthony hopkins&quot;"
												
			class="badge badge-pill badge-default font-sm">anthony hopkins</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:awardz"
												
			class="badge badge-pill badge-default font-sm">awardz</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:body"
												
			class="badge badge-pill badge-default font-sm">body</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;bryan cranston&quot;"
												
			class="badge badge-pill badge-default font-sm">bryan cranston</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;catherine o'hara&quot;"
												
			class="badge badge-pill badge-default font-sm">catherine o'hara</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;chadwick boseman&quot;"
												
			class="badge badge-pill badge-default font-sm">chadwick boseman</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:controversy"
												
			class="badge badge-pill badge-default font-sm">controversy</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:corset"
												
			class="badge badge-pill badge-default font-sm">corset</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:diets"
												
			class="badge badge-pill badge-default font-sm">diets</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;dune part two&quot;"
												
			class="badge badge-pill badge-default font-sm">dune part two</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;eating disorders&quot;"
												
			class="badge badge-pill badge-default font-sm">eating disorders</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;elle fanning&quot;"
												
			class="badge badge-pill badge-default font-sm">elle fanning</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;emma corrin&quot;"
												
			class="badge badge-pill badge-default font-sm">emma corrin</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;fashion smashion&quot;"
												
			class="badge badge-pill badge-default font-sm">fashion smashion</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;florence pugh&quot;"
												
			class="badge badge-pill badge-default font-sm">florence pugh</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;golden globes&quot;"
												
			class="badge badge-pill badge-default font-sm">golden globes</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:health"
												
			class="badge badge-pill badge-default font-sm">health</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;hugh grant&quot;"
												
			class="badge badge-pill badge-default font-sm">hugh grant</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:instagram"
												
			class="badge badge-pill badge-default font-sm">instagram</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;jane levy&quot;"
												
			class="badge badge-pill badge-default font-sm">jane levy</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;jeff daniels&quot;"
												
			class="badge badge-pill badge-default font-sm">jeff daniels</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;jodie comer&quot;"
												
			class="badge badge-pill badge-default font-sm">jodie comer</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;kaley cuoco&quot;"
												
			class="badge badge-pill badge-default font-sm">kaley cuoco</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;kate hudson&quot;"
												
			class="badge badge-pill badge-default font-sm">kate hudson</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;laura linney&quot;"
												
			class="badge badge-pill badge-default font-sm">laura linney</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;lily collins&quot;"
												
			class="badge badge-pill badge-default font-sm">lily collins</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;maison margiela&quot;"
												
			class="badge badge-pill badge-default font-sm">maison margiela</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;maria bakalova&quot;"
												
			class="badge badge-pill badge-default font-sm">maria bakalova</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;mark ruffalo&quot;"
												
			class="badge badge-pill badge-default font-sm">mark ruffalo</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;mental health&quot;"
												
			class="badge badge-pill badge-default font-sm">mental health</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;michelle pfeiffer&quot;"
												
			class="badge badge-pill badge-default font-sm">michelle pfeiffer</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;nancy pelosi&quot;"
												
			class="badge badge-pill badge-default font-sm">nancy pelosi</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;new york&quot;"
												
			class="badge badge-pill badge-default font-sm">new york</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;nicole kidman&quot;"
												
			class="badge badge-pill badge-default font-sm">nicole kidman</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:nsfw"
												
			class="badge badge-pill badge-default font-sm">nsfw</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:&quot;olivia colman&quot;"
												
			class="badge badge-pill badge-default font-sm">olivia colman</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:paparazzi"
												
			class="badge badge-pill badge-default font-sm">paparazzi</a>
		
											
							<a style="margin-bottom: 0.25rem;" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_tags:police"
												
			class="badge badge-pill badge-default font-sm">police</a>
		
	</strong>
</div>
<div class="callout callout-danger">
    <small class="text-muted"><i class='icon-globe-alt'></i>&nbsp; Language</small><br>
    <strong>











			

										
					<a style="margin-bottom: 0.25rem" 

									href="?query=,facet_what:gambit,facet_language:unset,facet_language:unset&amp;remove=facet_language:unset"
				
				
				
			class="badge badge-pill badge-default font-sm  badge-default ">unset <span class="badge badge-pill badge-default">4</span>
				&nbsp;
				<button type="button" class="close font-size-inherit" aria-label="Close">
	  				<span aria-hidden="true">&times;</span>
				</button>
			</a>
				
	</strong>
</div>            </ul>
        </nav>
    </div>

                    
        <!-- Main content -->
        <main class="main" >

            <div   class="container-fluid"  ng-class="{'isWithinFrame':isWithinFrame}">

                <div class="animated fadeIn   pt-2 ">
                            
    





		    		
        		    		

    



    <div class="ml-auto mr-auto" >
                                    <div class="alert alert-success" role="alert">
                Current search: 



     


    
    
    
    
                
    
    
    
    
    
    
    
    
    
            <a href="?query=,facet_what:gambit,facet_language:unset&remove=facet_what:gambit" class="badge badge-pill badge-default font-sm">
        
         
            
            
            <i class='icon-speech'></i>&nbsp; gambit

        

                &nbsp;

            <button type="button" class="close font-size-inherit" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>
        </a>
            
    
    
    
    
    
    
                
    
    
    
    
    
    
            <a href="?query=,facet_what:gambit,facet_language:unset&remove=facet_language:unset" class="badge badge-pill badge-danger font-sm">
        
         
            
            
            <i class='icon-globe-alt'></i>&nbsp; unset

        

                &nbsp;

            <button type="button" class="close font-size-inherit" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>
        </a>
                    </div>
                <div col-container class="row" ng-init="resizeImageWidth=320; isPresent=true">
                        <section ng-cloak layout="row" flex layout-wrap ng-init="showVisibleStagePresentJson('news', 'celebrities', ',facet_what:gambit,facet_language:unset', '', '1', 48, '', '')" ng-controller="DemoController">
                <div layout="column" ng-repeat="tileCol in tiles track by $index" flex>
                    <div class="" data-ng-repeat="tile in tileCol track by tile.id">
                        










<md-card ng-cloak data-item-id="tile.id" class="b-1"
        mm-item set-item ng-controller="ItemController"
            ng-init="id=tile.id; getItemStatus(tile.id)"
     >

    <md-card-header>
        <md-card-avatar>
            
            
            
            
                            <a ng-href="/news/celebrities?query={{::tile.facetWhoString}}">
                    <img class="md-user-avatar" lazy-load src="/public/images/user-placeholder-squared.png" data-original="{{ ::tile.avatar }}">
                </a>
            
                    </md-card-avatar>
        <md-card-header-text>
            <span class="md-title">{{ ::tile.facetWhoCard }}</span>
            <span class="md-subhead">{{ ::tile.pubDate | moment: 'fromNow'}}</span>
        </md-card-header-text>

        
            </md-card-header>

    <md-content ng-cloak ng-show="showItemInfo">
        <md-divider ng-cloak></md-divider>
        <div layout="row" flex layout-wrap layout-align="start center" style="min-height:36px">
            <small style="padding-right:1em;padding-left:1em">
                <span ng-if="isItemPublished">
                    Paste <code>[[item:{{::tile.id}}]]</code> to render this photo inside an other item's description.
                </span>
            </small>
        </div>
    </md-content>

    <md-divider></md-divider>

        <span ng-if="!(((tile.facetType | lowercase) == 'text') || ((tile.facetType | lowercase) == 'event') || ((tile.facetType | lowercase) == 'social') || ((tile.facetType | lowercase) == 'link'))">
        <span ng-if="hasFiles">
            <span ng-if="isFilesAvailable">
                <div class="item-thumb" ng-if="tile.imageLink">
                    <a class="img" target="_blank" ng-href="{{::tile.imageLink}}">
                        <div class="mm-media-object" ng-if="(tile.facetType | lowercase) == 'video'" ng-init="getVideo(tile.owner.username, fileName)">
    <video ng-cloak video-poster-lazy-load class="full-width" controls preload="none" poster="" data-original="{{::tile.resizedImageThumbUrl}}">
        <source ng-src="{{::videosrc}}" type='video/mp4' />
    </video>
</div>
<div ng-cloak class="mm-media-object" ng-if="(tile.facetType | lowercase) == 'audio'" ng-init="getAudio(tile.owner.username, fileName); resizedItemMediaThumb = tile.resizedImageThumbUrl">
    <img class="thumb full-width" lazy-load src="/public/images/audio-placeholder.png" data-original="{{resizedItemMediaThumb}}" alt="{{::tile.title}}" title="{{::tile.title}}">
    <audio ng-cloak class="full-width height-40" controls>
        <source ng-src="{{::audiosrc}}" />
    </audio>
</div>

<div class="mm-media-object" ng-if="(tile.facetType | lowercase) == 'photo'" ng-init="resizedItemMediaThumb = tile.resizedImageThumbUrl">
    <img class="thumb full-width" lazy-load src="/public/images/photo-placeholder.png" data-original="{{resizedItemMediaThumb}}" alt="{{::tile.title}}" title="{{::tile.title}}">
</div>

<div class="mm-media-object" ng-if="(tile.facetType | lowercase) == 'gif'" ng-init="getGif(tile.owner.username, fileName)">
    <img class="thumb full-width" lazy-load src="/public/images/gif-placeholder.png" data-original="{{::gifsrc}}"
    alt="{{::tile.title}}" title="{{::tile.title}}">
</div>

    <div class="mm-media-object" ng-if="(tile.facetType | lowercase) == 'document' ">
       <img ng-cloak class="thumb full-width" lazy-load ng-src="/public/images/{{::tile.facetType | lowercase}}-placeholder.png" data-original="{{ ::tile.resizedImageThumbUrl }}">
    </div>

<div class="mm-media-object" ng-if="(tile.facetType | lowercase) == 'zip' ">
    <img class="thumb full-width" src="/public/images/zip-placeholder.png" alt="{{::tile.title}}" title="{{::tile.title}}">
</div>                    </a>
                </div>
                <div class="item-thumb" ng-if="!tile.imageLink">
                    <div class="mm-media-object" ng-if="(tile.facetType | lowercase) == 'video'" ng-init="getVideo(tile.owner.username, fileName)">
    <video ng-cloak video-poster-lazy-load class="full-width" controls preload="none" poster="" data-original="{{::tile.resizedImageThumbUrl}}">
        <source ng-src="{{::videosrc}}" type='video/mp4' />
    </video>
</div>
<div ng-cloak class="mm-media-object" ng-if="(tile.facetType | lowercase) == 'audio'" ng-init="getAudio(tile.owner.username, fileName); resizedItemMediaThumb = tile.resizedImageThumbUrl">
    <img class="thumb full-width" lazy-load src="/public/images/audio-placeholder.png" data-original="{{resizedItemMediaThumb}}" alt="{{::tile.title}}" title="{{::tile.title}}">
    <audio ng-cloak class="full-width height-40" controls>
        <source ng-src="{{::audiosrc}}" />
    </audio>
</div>

<div class="mm-media-object" ng-if="(tile.facetType | lowercase) == 'photo'" ng-init="resizedItemMediaThumb = tile.resizedImageThumbUrl">
    <img class="thumb full-width" lazy-load src="/public/images/photo-placeholder.png" data-original="{{resizedItemMediaThumb}}" alt="{{::tile.title}}" title="{{::tile.title}}">
</div>

<div class="mm-media-object" ng-if="(tile.facetType | lowercase) == 'gif'" ng-init="getGif(tile.owner.username, fileName)">
    <img class="thumb full-width" lazy-load src="/public/images/gif-placeholder.png" data-original="{{::gifsrc}}"
    alt="{{::tile.title}}" title="{{::tile.title}}">
</div>

    <div class="mm-media-object" ng-if="(tile.facetType | lowercase) == 'document' ">
       <img ng-cloak class="thumb full-width" lazy-load ng-src="/public/images/{{::tile.facetType | lowercase}}-placeholder.png" data-original="{{ ::tile.resizedImageThumbUrl }}">
    </div>

<div class="mm-media-object" ng-if="(tile.facetType | lowercase) == 'zip' ">
    <img class="thumb full-width" src="/public/images/zip-placeholder.png" alt="{{::tile.title}}" title="{{::tile.title}}">
</div>                </div>
            </span>
            <div class="item-thumb" ng-if="!isFilesAvailable" ng-init="checkIsProcessed(id)">
                <div ng-if="item.isAvailable == 'false'" class="mm-media-object">

                    <md-divider></md-divider>
                    <md-card-content>
                        <section layout="row" layout-sm="column" layout-align="start center" layout-wrap>
                            <div class="text-muted text-placeholder item-processing">
                                <span class="badge badge-info float-left">PROCESSING</span>

                                <span ng-if="!((item.transcodingStatus == 'TRANSCODING_SUCCEEDED') || (item.transcodingStatus == 'TRANSCODING_NOT_NECESSARY'))">
                                    <span class="badge badge-default float-left">TRANSCODING</span>
                                    <span ng-if="item.transcodingStatus == 'TRANSCODING_FAILED'" class="badge badge-danger float-left">ERROR</span>
                                </span>
                                <span ng-if="(item.transcodingStatus == 'TRANSCODING_SUCCEEDED') || (item.transcodingStatus == 'TRANSCODING_NOT_NECESSARY')">
                                    <span class="badge badge-default float-left">EXTRACTING</span>
                                    <span ng-if="item.thumbExtractionStatus == 'CANNOT_EXTRACT_THUMB'" class="badge badge-danger float-left">ERROR</span>
                                </span>
                            </div>
                        </section>
                    </md-card-content>

                    <img class="thumb full-width" ng-src="/public/images/{{::tile.facetType | lowercase}}-placeholder.png">
                </div>

                <div ng-if="item.isAvailable == 'true'" class="mm-media-object">
                    <div class="mm-media-object" ng-if="(tile.facetType | lowercase) == 'video'" ng-init="getVideo(tile.owner.username, fileName)">
    <video ng-cloak video-poster-lazy-load class="full-width" controls preload="none" poster="" data-original="{{::tile.resizedImageThumbUrl}}">
        <source ng-src="{{::videosrc}}" type='video/mp4' />
    </video>
</div>
<div ng-cloak class="mm-media-object" ng-if="(tile.facetType | lowercase) == 'audio'" ng-init="getAudio(tile.owner.username, fileName); resizedItemMediaThumb = tile.resizedImageThumbUrl">
    <img class="thumb full-width" lazy-load src="/public/images/audio-placeholder.png" data-original="{{resizedItemMediaThumb}}" alt="{{::tile.title}}" title="{{::tile.title}}">
    <audio ng-cloak class="full-width height-40" controls>
        <source ng-src="{{::audiosrc}}" />
    </audio>
</div>

<div class="mm-media-object" ng-if="(tile.facetType | lowercase) == 'photo'" ng-init="resizedItemMediaThumb = tile.resizedImageThumbUrl">
    <img class="thumb full-width" lazy-load src="/public/images/photo-placeholder.png" data-original="{{resizedItemMediaThumb}}" alt="{{::tile.title}}" title="{{::tile.title}}">
</div>

<div class="mm-media-object" ng-if="(tile.facetType | lowercase) == 'gif'" ng-init="getGif(tile.owner.username, fileName)">
    <img class="thumb full-width" lazy-load src="/public/images/gif-placeholder.png" data-original="{{::gifsrc}}"
    alt="{{::tile.title}}" title="{{::tile.title}}">
</div>

    <div class="mm-media-object" ng-if="(tile.facetType | lowercase) == 'document' ">
       <img ng-cloak class="thumb full-width" lazy-load ng-src="/public/images/{{::tile.facetType | lowercase}}-placeholder.png" data-original="{{ ::tile.resizedImageThumbUrl }}">
    </div>

<div class="mm-media-object" ng-if="(tile.facetType | lowercase) == 'zip' ">
    <img class="thumb full-width" src="/public/images/zip-placeholder.png" alt="{{::tile.title}}" title="{{::tile.title}}">
</div>                </div>
            </div>
        </span>
        <span ng-if="!(hasFiles)">
            <span ng-show="(tile.facetWhere | lowercase) == 'europeana'">
                <div class="item-thumb" ng-if="(tile.facetType | lowercase) == 'video'">
                    <div class="mm-media-object">
                        <video ng-cloak video-poster-lazy-load class="full-width" controls preload="none" poster="" data-original="{{ ::tile.resizedImageThumbUrl }}">
                            <source ng-src="{{::tile.mediaFile}}" type='video/mp4' />
                        </video>
                    </div>
                </div>
                <div class="item-thumb" ng-if="(tile.facetType | lowercase) == 'audio'">
                    <div ng-cloak class="mm-media-object">
                        <img class="thumb full-width" src="/public/images/audio-placeholder.png" alt="{{::tile.title}}" title="{{::tile.title}}">
                        <audio ng-cloak class="full-width height-40" controls>
                            <source ng-src="{{::tile.mediaFile}}" />
                        </audio>
                    </div>
                </div>
                <div class="item-thumb" ng-if="!((tile.facetType | lowercase) == 'video') && !((tile.facetType | lowercase) == 'audio')">
                    <div class="item-thumb" ng-if="tile.imageLink">
                        <a class="img" target="_blank" ng-href="{{::tile.imageLink}}">
                            <div class="mm-media-object">
                                <img ng-cloak class="thumb full-width" lazy-load ng-src="/public/images/{{::tile.facetType | lowercase}}-placeholder.png" data-original="{{ ::tile.resizedImageThumbUrl }}">
                            </div>
                        </a>
                    </div>
                    <div class="item-thumb" ng-if="!tile.imageLink">
                        <div class="mm-media-object">
                            <img ng-cloak class="thumb full-width" lazy-load ng-src="/public/images/{{::tile.facetType | lowercase}}-placeholder.png" data-original="{{ ::tile.resizedImageThumbUrl }}">
                        </div>
                    </div>    
                </div>
            </span>
            <span ng-show="!((tile.facetWhere | lowercase) == 'europeana')">
                <div class="item-thumb" ng-if="tile.imageLink">
                    <a class="img" target="_blank" ng-href="{{::tile.imageLink}}">
                        <div class="mm-media-object">
                            <img ng-cloak class="thumb full-width" lazy-load ng-src="/public/images/{{::tile.facetType | lowercase}}-placeholder.png" data-original="{{ ::tile.resizedImageThumbUrl }}">
                        </div>
                    </a>
                </div>
                <div class="item-thumb" ng-if="!tile.imageLink">
                    <div class="mm-media-object">
                        <img ng-cloak class="thumb full-width" lazy-load ng-src="/public/images/{{::tile.facetType | lowercase}}-placeholder.png" data-original="{{ ::tile.resizedImageThumbUrl }}">
                    </div>
                </div>
            </span>
        </span>
    </span>
        
    <md-card-title>
        <md-card-title-text>
                                                                <span mm-linkify-public class="md-body-1 item-title">
                        {{::tile.title}}
                    </span>
                                        
        </md-card-title-text>
    </md-card-title>

    
    
                <section layout="row" layout-align="start end">
                        <md-button ng-if="(tile.facetWhere | lowercase) == 'hub'" ng-href="{{::tile.permalink}}"
                class="md-icon-button mini" target="_blank" aria-label="Go to source" title="Go to source"> 
                <md-icon md-font-set="fa" md-svg-icon="{{ ::tile.facetWhere | lowercase }}"></md-icon>
            </md-button>
            
            <md-button ng-if="!((tile.facetWhere | lowercase) == 'hub')" ng-href="{{::tile.sourceURL}}"
                class="md-icon-button mini" target="_blank" aria-label="Go to source" title="Go to source"> 
                <md-icon md-font-set="fa" md-svg-icon="{{ ::tile.facetWhere | lowercase }}"></md-icon>
            </md-button>
            <span flex></span>

            <md-button ng-if="hasFiles" download
                ng-href="{{ ::tile.downloadLink }}"
                class="md-icon-button mini" target="_blank" aria-label="Download" title="Download">
                <md-icon md-font-set="fa" md-svg-icon="cloud-download-alt"></md-icon>
            </md-button>
        <section>
    
    </md-card>                    </div>
                </div>
            </section>
        </div>
    </div>
















                </div>

                                                                                                                                                                    
                                                                            <footer class="app-footer ">
    <span class="float-right">&copy; 2005-2025 | <a target="_blank" href="https://newspulse.in-two.com">Newspulse</a> <small class="text-muted">(v.3f3f22ee)</small> by <a target="_blank"href="https://in-two.com">IN2</a></span>
</footer>                                                
            </div>
        </main>
    </div>
    
    
<!-- Bootstrap and necessary plugins -->
<script src="/public/javascripts/vendor.dist.js"></script>
<script src="/public/javascripts/app_frontend.dist.js"></script>


<!-- GenesisUI main scripts -->
<script src="/public/coreui.io/js/app.js"></script>

<script type="text/javascript">
  angular.module('Frontend').factory('APIPaths', function() {
    return {
      getGetConnectedSetsPath : function(options) {var pattern = '/organise/api/sets/connected?itemId=:itemId';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
,
      getCheckUniqueUsernamePath : function(options) {var pattern = '/check/unique/username';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
,
      getCheckUniqueEmailPath: function(options) {var pattern = '/check/unique/email';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
,
      getCheckExistsEmailPath: function(options) {var pattern = '/check/exists/email';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
,
      getRecordConsentPath: function(options) {var pattern = '/application/consent';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
,
      getIsProcessedPath : function(options) {var pattern = '/collect/api/item/status?id=:id&key=:key';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
,
      getItemStatusPath: function(options) {var pattern = '/collect/api/item/all/status?itemId=:itemId';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
,
      getGetResizeImageThumbUrlPath: function(options) {var pattern = '/application/getresizeimagethumburl?width=:width&id=:id&key=:key';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
,
      getSendEmailPath: function(options) {var pattern = '/hal/send?userHash=:userHash&allowAddMedia=:allowAddMedia&stageHash=:stageHash&message=:message&toEmail=:toEmail&fromEmail=:fromEmail';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
,
      getMediaGetAvatarPath: function(options) {var pattern = '/media/getavatar/:username';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
,
      getResizeImageAppAvatarPath: function(options) {var pattern = '/mmavatarurl?width=:width&url=:url';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
,
      getMediaShowMMFilePath: function(options) {var pattern = '/:username/post/:itemId/download';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
,
      getResizeResizeImageThumbPath: function(options) {var pattern = '/imageurl?width=:width&id=:id&url=:url';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
,
      getResizeImageSocialAvatarPath: function(options) {var pattern = '/imageavatarurl?width=:width&url=:url&username=:username';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
,
      getPresentShowItemPath: function(options) {var pattern = '/:username/post/:itemId';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
,
      getPresentShowVisibleStagePath: function(options) {var pattern = '/:username/:stageName?isEmbed=:isEmbed&query=:query';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
,
      getHubRegisterPath: function(options) {var pattern = '/register';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
,
      getOnboardingEmailPath: function(options) {var pattern = '/start/:username/:stageName';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
,
      getGetMMFileDataLinkPath: function(options) {var pattern = '/api/media/link?id=:id&username=:username';for(key in options) {var val = options[key];pattern = pattern.replace(':' + encodeURIComponent(key), ( (val===undefined || val===null)?'': val));}return pattern;}
    }
  })
</script>
<script type="text/javascript">
	$(function () {
	  $('[data-toggle="tooltip"]').tooltip()
	});

    $(document).ready(function() {
        $("div.lazy").lazyload({
             effect : "fadeIn"
        });

        $("img.lazy").lazyload({
             effect : "fadeIn"
        });

        $(".column-1 .lazy").lazyload({
             effect : "fadeIn"
        });

        $(".column-2 .lazy").lazyload({
             effect : "fadeIn"
        });

		  $(".column-3 .lazy").lazyload({
             effect : "fadeIn"
        });

	    $(".thumb.lazy").lazyload({
             effect : "fadeIn"
        });

        $("#addSet").click(function() {
            $("form").show(300);
            $("#addSet").addClass('active');
        });

    });
</script>

<script>
  $(document).ready(function() {

    function toHashtagUrl(hashtag) {
      return "/news/celebrities?query=,facet_tags:" + hashtag;
    };

    function toAtUrl(attag) {
      return "/news/celebrities?query=,facet_who:" + attag;
    };

    function toLocationUrl(locationtag) {
     return "/news/celebrities?query=,facet_tags:" + locationtag;
    };

    $(".linkify").linkify({
      target: "_self",
      hashtagUrlBuilder: toHashtagUrl,
      AtUrlBuilder: toAtUrl,
      LocationUrlBuilder: toLocationUrl
    });

    
		$("a.card-link-unavailable").click(function(e) {
			e.preventDefault();
		})

  });
</script>







    
					
	<script> 
		(function(w,d,t,u,n,a,m) {
			w['MauticTrackingObject']=n;
			w[n] = w[n] || function() {
				(w[n].q = w[n].q || []).push(arguments)
			}, a = d.createElement(t), m = d.getElementsByTagName(t)[0]
			a.async=1;
			a.src=u;
			m.parentNode.insertBefore(a,m) 
		})
		(window,document,'script','https://mautic.in-two.com/mtc.js','mt'); 
		mt('send', 'pageview');
	</script>
</body>

</html>