/** * Component to render data for site photos * @class SitePhotos */ export class SitePhotos { /** * @param {object} data */ set siteData(data) { this._siteData = data; } render() { let content = `<div class="content has-text-centered"> <p class="is-size-5 mt-3">Fotografie</p>`; content += ` <div style="max-width: 70%; margin: 0 auto"> <p class="is-size-6 has-text-centered">Cliccare sull'immagine per aprire la gallery</p> <figure class="is-relative is-clickable has-text-centered" id="gallery-2"> <img src="img/${this._siteData.filename}" width="300"/> <div class="icon overlay is-flex is-justify-content-center is-align-items-center"> <i class="is-flex fa fa-2x fa-play-circle"></i> </div> </figure> </div> </div> `; return content; } }