<div class="overlay" data-page-size="" data-show-overlay="" data-module="overlay" data-sidebar-api-endpoint="" data-feed-api-endpoint="" data-datasource="">
<a href="" class="overlay__button js-overlay-button">
</a>
<div class="overlay-container js-overlay-container overlay-container--legacy">
<div class="overlay-header">
<a href="#" role="button" class="overlay-header__profile js-profile-button"></a>
<div class="overlay-header__nav">
<ul>
<li><a href="#" role="button" class="overlay-header__nav-link overlay-header__nav-link--single-active overlay-header__nav-link--feed js-nav-link" data-show-panel="feed"></a></li>
</ul>
</div>
<a href="" role="button" class="overlay-header__close js-close-button"></a>
<a href="#" role="button" class="overlay-header__home js-home-button"></a>
</div>
<p class="overlay-container__error-message js-results-error"></p>
<div class="overlay-container__feed-container js-panel is-active" data-panel-name="feed">
<div class="overlay-container__grid-x">
<div class="overlay-container__sidebar">
<div class="overlay-sidebar js-api-sidebar-results-container">
<div class="js-api-results">
<div class="overlay-sidebar__content-wrapper">
<h2 class="overlay-sidebar__title"></h2>
<p class="overlay-sidebar__subtitle"></p>
</div>
</div>
</div>
</div>
<div class="overlay-container__cards">
<div class="offline-tout" data-module="offlineTout">
<div class="offline-tout__inner">
<span class="offline-tout__icon"></span>
</div>
</div>
<div class="overlay-container__hashtags hashtags hashtags--large js-hashtags-container">
<ul class="js-api-feed-hashtags"></ul>
<p class="overlay-container__title js-hashtags-text-container">
<span class="js-hashtags-text"></span>
</p>
</div>
<div class="overlay-container__loader js-top-loader">
<div class="loader">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div id="overlayContainer" class="overlay-container__inner">
<div class="overlay-feed js-api-feed-results-container">
<div class="js-api-results">
</div>
</div>
</div>
<div class="overlay-container__loader js-bottom-loader">
<div class="loader">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="overlay-container__bottom-offline-tout">
<div class="offline-tout" data-preload="true" data-module="offlineTout">
<div class="offline-tout__inner">
<span class="offline-tout__icon"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-container__my-board-container js-panel" data-panel-name="board">
<div class="offline-tout" data-module="offlineTout">
<div class="offline-tout__inner">
<span class="offline-tout__icon"></span>
</div>
</div>
<div class="overlay-board js-board">
<div class="overlay-board__header">
<h2 class="overlay-board__heading js-board-header"></h2>
<div class="overlay-board__controls-wrapper">
<div class="overlay-board__controls overlay-board__controls--actions">
<button class="overlay-board__button js-share-modal-board-button"></button>
<button class="overlay-board__button js-board-settings-button"></button>
</div>
<div class="overlay-board__controls overlay-board__controls--toggles js-board-view-toggles">
<button class="overlay-board__toggle overlay-board__toggle--liked-items is-active js-like-card-map-toggles"></button>
<button class="overlay-board__toggle overlay-board__toggle--map js-like-card-map-toggles"></button>
</div>
</div>
</div>
<div class="overlay-board__liked-items js-api-board-results-container active">
<div class="js-api-results grid-x">
</div>
</div>
<div class="my-board-map js-my-board-map" data-map-key="">
<div class="my-board-map__inner">
<div class="my-board-map__map-view">
<template class="js-card-template">
<div data-module="card" class="card-horizontal js-card-generic ">
<a class="card-horizontal__link js-link" href="#">
<div class="card-horizontal__image js-image">
<figure class="image js-image image--original-size " data-module="imagelazy" data-is-small-image="">
<template>
<figure class="image js-image image--original-size loaded" data-module="imagelazy">
<img class="image__lowres js-image-lazyload" />
<picture class="image__container"></picture>
</figure>
</template>
<img class="image__lowres js-image-lazyload" data-src="" alt="">
<picture class="image__container">
<img class="js-image-lazyload js-fallback-image" data-src="" alt="">
</picture>
</figure>
</div>
<div class="card-horizontal__copy">
<div class="location-marker js-location-marker" data-module="locationMarker" data-longitude="" data-latitude="">
<div class="location-marker__text">
<span class="location-marker__text-description js-marker-description"></span>
<span class="location-marker__distance js-marker-distance"></span>
</div>
</div> <button class="like-button js-like-button" role="button">
<span class="like-button__text"></span>
<span class="like-button__wave"></span>
</button>
<p class="card-horizontal__page-type js-page-type"></p>
<h2 class="card-horizontal__title js-title"></h2>
<p class="card-horizontal__subtitle js-subtitle"></p>
<p class="card-horizontal__location js-location-name"></p>
</div>
</a>
</div>
</template>
<div class="my-board-map__map-card-container">
<div class="my-board-map__map-card-container-wrapper js-map-card-container">
</div>
<div class="overlay-card-modal-container js-overlay-map-card-modal">
<div class="overlay-card-modal-container__inner">
<button class="overlay-card-modal-container__back js-card-modal-close"></button>
<div class="overlay-card-modal-container__card-wrapper js-card-modal-inner">
</div>
<div class="overlay-card-modal-container__button-wrapper">
<a class="button-p1 button-p1--with-icon js-button-link"></a>
<button class="button-p2 button-p2--with-icon button-p2--with-icon-map js-button-map"></button>
</div>
</div>
</div>
</div>
<div class="my-board-map__map-container">
<link href="https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.css" rel="stylesheet" />
<div class="my-board-map__map js-board-map"></div>
<p class="my-board-map__map-sub-text"></p>
</div>
</div>
</div>
</div>
<div class="overlay-board__footer">
<div class="overlay-board__footer-content-container">
<div class="overlay-board__footer-icon"></div>
<button class="button-p1 overlay-board__footer-share-button js-share-modal-board-button"></button>
</div>
</div>
</div>
<div class="overlay-board__notification js-board-notification">
<span class="overlay-board__notification-text js-board-notification-text" data-board-card-remove-text=""></span>
</div>
<div class="overlay-board__empty-container js-empty-board-container">
<div class="overlay-board__empty-content">
<h2 class="overlay-board__empty-header"></h2>
<p class="overlay-board__empty-text"></p>
<div class="overlay-board__empty-image">
<figure class="image js-image image--original-size " data-module="imagelazy" data-is-small-image="">
<img class="image__lowres js-image-lazyload" data-src="" alt="">
<picture class="image__container">
<img class="js-image-lazyload js-fallback-image" data-src="" alt="">
</picture>
</figure>
</div>
</div>
</div>
</div>
<div class="overlay-container__board-settings js-board-settings-container">
<div class="overlay-board-settings js-overlay-board-settings">
<div class="overlay-board-settings__card">
<div class="overlay-board-settings__header">
<a href="#" class="overlay-board-settings__back js-close-board-settings"></a>
<div class="overlay-board-settings__header-inner">
<h3 class="overlay-board-settings__heading"></h3>
</div>
<a href="#" class="overlay-board-settings__close js-close-board-settings"></a>
</div>
<div class="overlay-board-settings__card-content">
<div class="overlay-board-settings__card-inner">
<div class="overlay-board-settings__form-container">
<label for="txtBoardName"></label>
<input type="text" id="txtBoardName" class="js-board-heading" value="" data-default-value="">
</div>
<div class="overlay-board-settings__image-collection">
<h4></h4>
<p></p>
<input type="hidden" value="" id="txt_board_image">
<div class="overlay-board-settings__image-wrap">
<div class="overlay-board-settings__image-item js-board-settings-image js-board-no-image active" data-image-id="00">
<p></p>
</div>
</div>
<div class="overlay-board-settings__button-container">
<button class="button-p1 button-p1--default js-board-settings-save" data-success-notif-message="" data-success-notif-icon=''></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-container__share-board js-share-board " data-input-error-text="">
<div class="overlay-share-board js-shared-board-container">
<div class="overlay-share-board__inner">
<div class="overlay-share-board__heading">
<a href="#" class="overlay-share-board__close overlay-share-board__close--back js-share-board-close">
<svg width="20" height="13" viewBox="0 0 20 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.79511 0.792893L0.867263 5.72074C0.858112 5.72989 0.849175 5.73917 0.840453 5.74859C0.824239 5.76284 0.808376 5.77771 0.792894 5.79319C0.402369 6.18371 0.402369 6.81688 0.792893 7.2074L5.79315 12.2077C6.18367 12.5982 6.81683 12.5982 7.20736 12.2077C7.59788 11.8171 7.59788 11.184 7.20736 10.7935L3.91413 7.50022L18.5003 7.50022C19.0525 7.50022 19.5003 7.0525 19.5003 6.50022C19.5003 5.94793 19.0525 5.50022 18.5003 5.50022L3.91621 5.50022L7.20932 2.20711C7.59985 1.81658 7.59985 1.18342 7.20932 0.792893C6.8188 0.402369 6.18563 0.402369 5.79511 0.792893Z" fill="white" />
</svg>
</a>
<h2></h2>
<a href="#" class="overlay-share-board__close overlay-share-board__close--close js-share-board-close">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.58929 26.2768C5.06859 25.7561 5.06859 24.9119 5.58929 24.3912L24.2554 5.72506C24.7761 5.20436 25.6203 5.20436 26.141 5.72506C26.6617 6.24576 26.6617 7.08998 26.141 7.61067L7.47491 26.2768C6.95421 26.7975 6.10999 26.7975 5.58929 26.2768Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.58844 5.72406C6.10914 5.20336 6.95336 5.20336 7.47406 5.72406L26.1402 24.3902C26.6609 24.9109 26.6609 25.7551 26.1402 26.2758C25.6195 26.7965 24.7753 26.7965 24.2546 26.2758L5.58844 7.60968C5.06774 7.08898 5.06774 6.24476 5.58844 5.72406Z" fill="white" />
</svg>
</a>
</div>
<div class="overlay-share-board__copy">
<p></p>
</div>
<div class="overlay-share-board__wrap">
<div class="overlay-share-board__image">
<figure class="image js-image image--original-size" data-module="imagelazy">
<picture class="image__container">
</picture>
</figure>
</div>
<div class="overlay-share-board__card js-share-board-card ">
<div class="overlay-share-board__card-content js-share-card-content">
<div class="overlay-share-board__user js-share-user-container">
<p class="overlay-share-board__user-name js-share-user-name"></p>
</div>
<div class="overlay-share-board__board-name">
<h2 class="overlay-share-board__board-name js-share-board-name"></h2>
</div>
</div>
<div class="overlay-share-board__url-container">
<div class="overlay-share-board__board-url js-board-url-input">
<input type="text" class="overlay-share-board__input-url js-share-board-url" value="" disabled>
</div>
</div>
<div class="overlay-share-board__buttons">
<button class="button-p2 button-p2--full-width js-share-copy-button" data-success-notif-message="" data-success-notif-icon='' disabled="true"></button>
<button class="button-p1 button-p1--full-width js-share-board-button" disabled="true"></button>
</div>
</div>
</div>
</div>
</div>
<div class="overlay-share-board__notification js-share-board-notification">
<span class="overlay-share-board__notification-text js-share-board-notification-text" data-board-card-remove-text=""></span>
</div>
</div>
<div class="overlay-card-modal-container js-overlay-card-modal" data-back-button-text="" data-visit-website-text="" data-tell-me-more-text="" data-view-on-map="">
<div class="overlay-card-modal-container__inner">
<button class="overlay-card-modal-container__back js-card-modal-close"></button>
<button class="overlay-card-modal-container__close js-card-modal-close"></button>
<div class="js-card-modal-inner"></div>
</div>
</div>
</div>
</div>
{{{customeditframe.editframeStart}}}
<div class="overlay" data-page-size="{{pageSize}}" data-show-overlay="{{showOverlay}}" data-module="overlay"
data-sidebar-api-endpoint="{{sidebarApiEndpoint}}" data-feed-api-endpoint="{{feedApiEndpoint}}"
data-datasource="{{dataSource}}">
<a href="" class="overlay__button js-overlay-button">
{{{buttonIcon}}}
</a>
{{> @cp-overlay-container }}
{{#if navigationOverlay}}
<div class="overlay-panel">
{{> @cp-my-ireland-nav-overlay-panel navigationOverlay}}
</div>
{{/if}}
</div>
{{{customeditframe.editframeStop}}}
/* No context defined for this component. */
There are no notes for this item.