<div class="overlay-container__share-board js-share-board " data-share-api="/data/shareBoardUrl.json" 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>Share board</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>Share a link to your ‘My Ireland’ board and inspire friends, co-travellers and family. Only you can add or remove items from your board.</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">
<source media="(max-width: 767px)" class="js-small-image" type="image/png" data-srcset="/media/boards/img-share-board-mobile.png" />
<source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/png" data-srcset="/media/boards/img-share-board-desktop.png" />
<img class="js-image-lazyload js-fallback-image" data-src="/media/boards/img-share-board-desktop.png" width="" height="" alt="Alt text">
</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">
<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10.5" cy="10" r="9.375" stroke="#767676" stroke-width="1.25" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M13 7.5C13 8.88125 11.8812 10 10.5 10C9.11875 10 8 8.88125 8 7.5C8 6.11875 9.11875 5 10.5 5C11.8812 5 13 6.11875 13 7.5ZM11.75 7.5C11.75 6.8125 11.1875 6.25 10.5 6.25C9.8125 6.25 9.25 6.8125 9.25 7.5C9.25 8.1875 9.8125 8.75 10.5 8.75C11.1875 8.75 11.75 8.1875 11.75 7.5ZM10.5 10.625C8.83125 10.625 5.5 11.4625 5.5 13.125V15H15.5V13.125C15.5 11.4625 12.1687 10.625 10.5 10.625ZM6.75 13.1313V13.75H14.25V13.125C14.125 12.6813 12.1875 11.875 10.5 11.875C8.8125 11.875 6.875 12.6813 6.75 13.1313Z" fill="#767676" />
</svg>
<p class="overlay-share-board__user-name js-share-user-name">Tim Good</p>
</div>
<div class="overlay-share-board__board-name">
<h2 class="overlay-share-board__board-name js-share-board-name">My Board</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="Link copied to clipboard" data-success-notif-icon='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.7092 3.29498C21.0986 3.68666 21.0967 4.31982 20.705 4.70919L7.62809 17.7092C7.23805 18.0969 6.6081 18.0969 6.21806 17.7092L2.29498 13.8092C1.90331 13.4198 1.90144 12.7867 2.29081 12.395C2.68018 12.0033 3.31334 12.0014 3.70502 12.3908L6.92308 15.5899L19.295 3.29081C19.6867 2.90144 20.3198 2.90331 20.7092 3.29498Z" fill="#5FBD00"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.59 2.58162C19.3733 1.80288 20.6396 1.80661 21.4184 2.58996C22.1971 3.37331 22.1934 4.63964 21.41 5.41838L8.33311 18.4184C7.55303 19.1939 6.29313 19.1939 5.51304 18.4184L1.58996 14.5184C0.806615 13.7396 0.80288 12.4733 1.58162 11.69L2.29081 12.395L1.58162 11.69C2.36036 10.9066 3.62669 10.9029 4.41004 11.6816L6.92308 14.1799L18.59 2.58162ZM6.92308 17L7.6281 16.2991C7.23805 16.6869 6.6081 16.6869 6.21806 16.2991L6.92308 17Z" fill="#5FBD00"/></svg>' disabled="true">Copy link to clipboard</button>
<button class="button-p1 button-p1--full-width js-share-board-button" disabled="true">Share board</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-container__share-board js-share-board {{#if shareMyBoardOverlay}} share-my-board {{/if}}" {{#if shareBoardApi}}data-share-api="{{shareBoardApi}}"{{/if}} data-input-error-text="{{shareBoardInputErrorText}}">
<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>{{ shareBoardHeading }}</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>{{ shareBoardIntro }}</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">
{{#if mobileShareImage.src}}
<source
media="(max-width: 767px)"
class="js-small-image"
type="image/png"
data-srcset="{{mobileShareImage.src}}"
/>
{{/if}}
{{#if desktopShareImage.src}}
<source
media="(min-width: 768px) and (max-width:1319px)"
class="js-medium-image" type="image/png"
data-srcset="{{desktopShareImage.src}}"
/>
<img class="js-image-lazyload js-fallback-image"
data-src="{{desktopShareImage.src}}"
width=""
height=""
alt="{{#if desktopShareImage.altText}}{{desktopShareImage.altText}}{{/if}}"
>
{{/if}}
</picture>
</figure>
</div>
<div class="overlay-share-board__card js-share-board-card {{#if boardImage}}{{#ifNotEquals boardImage "no-image"}}has-background-image{{/ifNotEquals}}{{/if}}">
<div class="overlay-share-board__card-content js-share-card-content" {{#if boardImage}}{{#ifNotEquals boardImage "no-image"}}style="background-image: url({{boardImage}});"{{/ifNotEquals}}{{/if}}>
<div class="overlay-share-board__user js-share-user-container">
{{{userIcon}}}
<p class="overlay-share-board__user-name js-share-user-name">{{ shareBoardOwner }}</p>
</div>
<div class="overlay-share-board__board-name">
<h2 class="overlay-share-board__board-name js-share-board-name">{{ shareBoardName }}</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="{{shareBoardInputLoadingText}}" 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="{{ copyToClipboardSuccessNotif }}" data-success-notif-icon='{{{copyToClipboardSuccessNotifIcon}}}' disabled="true">{{ copyToClipboardText }}</button>
<button class="button-p1 button-p1--full-width js-share-board-button" disabled="true">{{ shareBoardText }}</button>
{{!-- Future add this here --}}
</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="{{notificationText}}"></span>
</div>
</div>
{
"shareBoardHeading": "Share board",
"shareBoardIntro": "Share a link to your ‘My Ireland’ board and inspire friends, co-travellers and family. Only you can add or remove items from your board.",
"mobileShareImage": {
"src": "/media/boards/img-share-board-mobile.png",
"altText": "Alt text"
},
"desktopShareImage": {
"src": "/media/boards/img-share-board-desktop.png",
"altText": "Alt text"
},
"userIcon": "<svg width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"10.5\" cy=\"10\" r=\"9.375\" stroke=\"#767676\" stroke-width=\"1.25\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13 7.5C13 8.88125 11.8812 10 10.5 10C9.11875 10 8 8.88125 8 7.5C8 6.11875 9.11875 5 10.5 5C11.8812 5 13 6.11875 13 7.5ZM11.75 7.5C11.75 6.8125 11.1875 6.25 10.5 6.25C9.8125 6.25 9.25 6.8125 9.25 7.5C9.25 8.1875 9.8125 8.75 10.5 8.75C11.1875 8.75 11.75 8.1875 11.75 7.5ZM10.5 10.625C8.83125 10.625 5.5 11.4625 5.5 13.125V15H15.5V13.125C15.5 11.4625 12.1687 10.625 10.5 10.625ZM6.75 13.1313V13.75H14.25V13.125C14.125 12.6813 12.1875 11.875 10.5 11.875C8.8125 11.875 6.875 12.6813 6.75 13.1313Z\" fill=\"#767676\"/></svg>",
"shareBoardApi": "/data/shareBoardUrl.json",
"copyToClipboardText": "Copy link to clipboard",
"copyToClipboardSuccessNotif": "Link copied to clipboard",
"copyToClipboardSuccessNotifIcon": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.7092 3.29498C21.0986 3.68666 21.0967 4.31982 20.705 4.70919L7.62809 17.7092C7.23805 18.0969 6.6081 18.0969 6.21806 17.7092L2.29498 13.8092C1.90331 13.4198 1.90144 12.7867 2.29081 12.395C2.68018 12.0033 3.31334 12.0014 3.70502 12.3908L6.92308 15.5899L19.295 3.29081C19.6867 2.90144 20.3198 2.90331 20.7092 3.29498Z\" fill=\"#5FBD00\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.59 2.58162C19.3733 1.80288 20.6396 1.80661 21.4184 2.58996C22.1971 3.37331 22.1934 4.63964 21.41 5.41838L8.33311 18.4184C7.55303 19.1939 6.29313 19.1939 5.51304 18.4184L1.58996 14.5184C0.806615 13.7396 0.80288 12.4733 1.58162 11.69L2.29081 12.395L1.58162 11.69C2.36036 10.9066 3.62669 10.9029 4.41004 11.6816L6.92308 14.1799L18.59 2.58162ZM6.92308 17L7.6281 16.2991C7.23805 16.6869 6.6081 16.6869 6.21806 16.2991L6.92308 17Z\" fill=\"#5FBD00\"/></svg>",
"shareBoardText": "Share board",
"shareBoardName": "My Board",
"shareBoardOwner": "Tim Good"
}
There are no notes for this item.