My Circle Promotion Social Post

<!DOCTYPE html> <html dir="ltr"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>My Circle Promotion Social Post</title> <link rel="stylesheet" type="text/css" href="https://ch-webapp-v1-4.sitecorecontenthub.cloud/bundles/css/base-style.css" /> <link rel="stylesheet" type="text/css" href="https://ch-webapp-v1-4.sitecorecontenthub.cloud/bundles/css/main.css" /> <link rel="shortcut icon" href="https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/mark-content_hub" type="image/x-icon" /> </head> <body class="has-title-visible skin-m-default public-collections-body"> <nav id="main-menu" class="m-navbar-fixed navbar-expand-md navbar-light bg-light"> <div class="container"> <span class="navbar-brand"> <img src="https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/logo-content_hub" /> </span> <button class="navbar-toggler btn btn-default" style="display:none" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="m-icon m-icon-menu-lines"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="nav navbar-nav navbar-right"> </ul> </div> </div> </nav> <div> <div class="page-content__wrapper"> <div class="page-title-wrapper"> <div class="container grid grid--no-wrap grid--align-center"> <div class="header--0"> <h2 class="page-title" data-bind="text:name"></h2> </div> <div class="header--1">  <a class="btn btn-primary" style="display:none;" data-bind="attr: { href: downloadUrl }, visible: hasItem"> <i class="m-icon m-icon-download"></i> <span data-bind="text: 'Download all'"></span> </a>  </div> </div> </div> <div class="container content-wrapper"> <div class="loader-overlay animated fadeIn" data-bind="visible:isLoading()"> <img src="/media-delivery/img/loader-white-small.png" style="margin: 0; display: inline-block" class="m-icon-spin-fast margin-right-default"> </div>  <div class="alert alert-danger alert-with-icon help-block has-error" style="display:none;" data-bind="visible: !isLoading(), text:error"> </div> <div class="alert alert-info alert-with-icon" style="display:none;" data-bind="visible:!isLoading() && !hasItem() && !error()"> No results </div>  <div data-bind="infiniteScroll:infiniteScrollOptions,visible:!isLoading() && hasItem()" class="thumb-grid"> <div class="thumbnail thumbnail--selectable thumbnail--asset"> <div class="outer-image-wrapper pointer-cursor" data-bind="click: $data.showFlyout"> <div class="image-wrapper"> <div class="thumbnail__storyboard-wrapper relative" style="background-image: none; background-position: 1000% 1000%;"> <img class="img-responsive m-image" data-bind="image:$data.thumbnail && $data.thumbnail.href, loadingImage:'/media-delivery/img/preview-generated-working.svg'" src="/media-delivery/img/preview-generated-working.svg"> </div> </div> </div> <div class="thumbnail-bottom-wrapper"> <span style="word-break: break-word;" data-bind="text:$data.name"></span> <div class="actions-container actions-container--thumbnail"> <div class="dropdown">  <a href="#" data-bind="attr:{disabled: !$data.downloadableRenditions || !$data.downloadableRenditions.length, title:(!$data.downloadableRenditions || !$data.downloadableRenditions.length) ? 'No available processing images': 'Download processing images'}" class="dropdown-toggle custom-actions-dropdown-trigger btn btn-default" data-toggle="dropdown" id="mCustomActionsDropdownAction"> <i class="m-icon m-icon-arrow-tray-down"></i> <span class="caret"></span> </a>  <ul class="dropdown-menu" data-bind="foreach:$data.downloadableRenditions"> <li> <a data-bind="title: $data.rendition_name, attr:{href:$data.rendition_link.href}"> <span data-bind="text: $data.rendition_name"></span> </a> </li> </ul>  </div> </div> </div> </div> </div> <div> <img data-bind="visible:isLoadingMore" src="/media-delivery/img/loader.png" class="m-icon-spin-fast" style="position: fixed;bottom: 30px;left: calc(50% - 15px);"> </div> </div> </div> <div class="inline-preview inline-preview--full-width clearfix" data-bind="esc: cancel, visible:isFlyoutVisible" id="inline-preview" style="display:none"> <a href="" data-bind="clickAnimationWithCallback:{ data: $data, itemToAnimate: '.inline-preview', callBack: cancel, animation: 'fadeOut' }" style="color:white !important" title="close" class="close pull-right btn btn-default inline-preview-back" id="inline-preview__close"> <i class="m-icon m-icon-arrow-left"></i> </a> <a href="" class="inline-preview__previous" id="inline-preview__previous" data-bind="click:previous, visible:!isFirst()"><i class="m-icon m-icon-angle-left-big"></i></a> <a href="" class="inline-preview__next" id="inline-preview__next" data-bind="click:next, visible:!isLast()"><i class="m-icon m-icon-angle-right-big"></i></a> <div class="clearfix"></div> <div> <div class="inline-preview__inner-wrapper"> <div class="inline-preview__left"> <div class="inline-preview-actions-indicator-wrapper"> <div class="inline-preview-indicator-wrapper"></div> <div class="inline-preview-actions actions-container">  <div class="dropdown"> <a href="#" data-bind="attr: { disabled: !selectedItem().downloadableRenditions.length, 'data-toggle': selectedItem().downloadableRenditions.length ? 'dropdown' : null }" class="dropdown-toggle custom-actions-dropdown-trigger btn btn-primary text-uppercase" id="flyoutDownloadDropdown" title="Download renditions"> <span>Download</span> </a> <ul class="dropdown-menu" data-bind="foreach:selectedItem().downloadableRenditions"> <li> <a data-bind="title: $data.rendition_name, attr:{href:$data.rendition_link.href}"> <span data-bind="text: $data.rendition_name"></span> </a> </li> </ul> </div>  </div> </div> <div class="renditionViewer-wrapper"> <div class="image-wrapper"> <div class="thumbnail__storyboard-wrapper relative" ondragstart="return false;" style="background-image: none; background-position: 1000% 1000%;"> <img class="img-responsive m-image" data-bind="image:imageSrc, loadingImage:'/media-delivery/img/preview-generated-working.svg'"> </div> </div> </div> </div> </div> </div> </div> </div> <script src="/media-delivery/collections/js/bundle.vendor.min.js"></script> <script src="/media-delivery/collections/js/bundle.min.js"></script> <script> window.addEventListener("load", (event) => { var options = { entityUrl: "https://aue-mediadeliveryservice-gh.sitecorecloud.io/api/collections/v1/ytn-p-001/identifier/lrMrGOY6RYmbFXktWfudKQ", pageName:"Collection", downloadUrl: "https://aue-mediadeliveryservice-gh.sitecorecloud.io/api/collections/v1/ytn-p-001/download/my-circle-promotion-social-pos", }; window.Page = new Pages.Binder(options); }); </script> </body> </html>

CINXE.COM

My Circle Promotion Social Post