<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">My Ireland</h2>
            <p class="overlay-sidebar__subtitle">Welcome to My Ireland, start hearting the things you love to add them to your favourites.</p>
            <div class="overlay-sidebar__tags">
                <div class="hashtags hashtags--large hashtags--with-nudge-image" data-module="hashtags">
                    <h3 class="hashtags__title">Trends for you</h3>
                    <ul>
                        <li><span class="hashtags__link js-hashtag-link" data-tag-name="#citybreak" role="button">#Citybreak</span></li>
                        <li><span class="hashtags__link js-hashtag-link" data-tag-name="adventure" role="button">#Adventure</span></li>
                        <li><span class="hashtags__link js-hashtag-link" data-tag-name="surfing" role="button">#Surfing</span></li>
                        <li><span class="hashtags__link js-hashtag-link" data-tag-name="dublin" role="button">#Dublin</span></li>
                        <li><span class="hashtags__link js-hashtag-link" data-tag-name="romance" role="button">#Romance</span></li>
                        <li><span class="hashtags__link js-hashtag-link" data-tag-name="sport" role="button">#Sport</span></li>
                        <li><span class="hashtags__link js-hashtag-link" data-tag-name="beaches" role="button">#Beaches</span></li>
                        <li><span class="hashtags__link js-hashtag-link" data-tag-name="food-drink" role="button">#Food &amp; drink</span></li>
                    </ul>
                    <div class="hashtags__nudge-image">
                        <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                            <img class="image__lowres js-image-lazyload" data-object-fit data-src="/media/nudges/discover-new-top-left.svg" alt="Alt Text">
                            <picture class="image__container">
                                <source media="(max-width: 767px)" class="js-small-image" type="image/svg+xml" data-srcset="/media/nudges/discover-new-top-left.svg" />
                                <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/svg+xml" data-srcset="/media/nudges/discover-new-top-left.svg" />
                                <source media="(min-width: 1320px)" class="js-large-image" type="image/svg+xml" data-srcset="/media/nudges/discover-new-top-left.svg" />
                                <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="/media/nudges/discover-new-top-left.svg" alt="Alt Text">
                            </picture>
                        </figure>
                    </div>
                </div>
            </div>
        </div>
        <div class="overlay-sidebar__reload js-reload-container">
        </div>
    </div>
</div>
<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">{{ title }}</h2>
            <p class="overlay-sidebar__subtitle">{{ subtitle }}</p>
            {{#if tags }}
                <div class="overlay-sidebar__tags">
                    {{> @cp-hashtags tags }}
                </div>
            {{/if}}
        </div>
        {{#if reloadButton }}
            <div class="overlay-sidebar__reload js-reload-container">
                {{#unless webAppMode}}
                    {{> @cp-overlay-reload reloadButton }}
                {{/unless}}
            </div>
        {{/if}}
    </div>
</div>
{
  "webAppMode": true,
  "title": "My Ireland",
  "subtitle": "Welcome to My Ireland, start hearting the things you love to add them to your favourites.",
  "reloadButton": {
    "title": "Primary text link can expand",
    "subtitle": "Link text gives direction",
    "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.33 26.48'><path d='M11.67,5.48A9.33,9.33,0,1,0,21,14.81h2.33A11.67,11.67,0,1,1,11.67,3.14Z' style='fill-rule:evenodd'/><path d='M17.4,3.37,13.15.23a1.17,1.17,0,0,0-1.86.94V7.45a1.17,1.17,0,0,0,1.86.94L17.4,5.25A1.17,1.17,0,0,0,17.4,3.37Z'/></svg>"
  },
  "tags": {
    "title": "Trends for you",
    "isLarge": true,
    "hashtags": [
      {
        "text": "#Citybreak",
        "url": "#citybreak",
        "tagName": "#citybreak"
      },
      {
        "text": "#Adventure",
        "url": "#adventure",
        "tagName": "adventure"
      },
      {
        "text": "#Surfing",
        "url": "#surfing",
        "tagName": "surfing"
      },
      {
        "text": "#Dublin",
        "url": "#dublin",
        "tagName": "dublin"
      },
      {
        "text": "#Romance",
        "url": "#romance",
        "tagName": "romance"
      },
      {
        "text": "#Sport",
        "url": "#sport",
        "tagName": "sport"
      },
      {
        "text": "#Beaches",
        "url": "#beaches",
        "tagName": "beaches"
      },
      {
        "text": "#Food & drink",
        "url": "#food-drink",
        "tagName": "food-drink"
      }
    ],
    "nudgeResponsiveImage": {
      "altText": "Alt Text",
      "lowResolutionUrl": "/media/nudges/discover-new-top-left.svg",
      "fallbackImageUrl": "/media/nudges/discover-new-top-left.svg",
      "sources": [
        {
          "type": "image/svg+xml",
          "largeUrl": "/media/nudges/discover-new-top-left.svg",
          "smallUrl": "/media/nudges/discover-new-top-left.svg"
        }
      ]
    }
  }
}

There are no notes for this item.