#legend
#legend
#legendevents: #legendSummerParty2023 brings the heat to Dragon-I
eventslegend100

#legendevents: #legendSummerParty2023 brings the heat to Dragon-I

By#legendJune 12, 2023

Partying in the HK summer heat and on a Monday night may be unconventional, but that certainly didn’t stop everyone from having a blast at the #legendSummerParty2023

Held at Dragon-I with the theme “Tropical + Summer”, friends of #legend came dressed to party in a flurry of floral prints, bright colours and summer themed party wear. Some of our stylish guests rocked timepieces from Hublot. The guest list included Ashley Lin, Angus Yeung, Ellie Furuya, Angie Ng, Roberto Madan, Laiza, Lam Ting, as well as Bruce and Chris Tong.

START SLIDESHOW

.lightbox-msg { padding: 10px 10px; transition: opacity 0.5s ease-in-out; position: absolute; font-size: 25px; line-height: 0.5; top: 33px; right: 0; left: 0; z-index: 10; color: #fff; font-style: italic; opacity: 1; } .lightbox-msg.hiding { opacity: 0; } @keyframes fadeout { 100% { opacity: 1 } 0% { opacity: 0 } } body.noscroll { overflow: hidden; } .intro-container { margin-top: 0.5em; } .intro-container .intro { } .lightbox { margin-bottom: 50px; } .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { margin-bottom: 16px!important;

} .image-slider-container { position: relative; }

.lightbox-overlay { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0,0,0,.8); -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .lightbox-overlay-inner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .image-slider-container .slick-slider .slick-slide { position: relative; text-align: center; overflow: hidden; }

.image-slider-container .slick-slider .slick-slide, .image-slider-container .slick-slide img { max-height: 650px; max-width: 95%; }

.image-slider-container .slick-slider .slick-slide:before { opacity: 0; } .slick-slider .slick-slide img{ margin-left: auto; margin-right: auto; } .viewbutton { padding: 10px 10px; text-align:center; position: absolute; top: 0; right: 0; margin-right: 0; cursor: pointer; color:#fff; width: 70px; } .viewbutton.outer { width: auto; } .slick-slide .viewbutton img { max-width: 50px; } .cap_viewbutton { margin-top: 1em; position: relative; width: 100%; height: 50px; display: flex; justify-content: center; } .cap_viewbutton .viewbutton { background-color: rgba(47,47,47,1); display: block; left: unset; right: unset; margin-left: auto; margin-right: auto; }

.image-slider-container .viewbutton span:nth-child(3){ padding-left: 5px; } .image-slider-container .viewbutton:before:hover { content: 'View in Slideshow'; color: #fff; opacity: 1; } , .image-slider-container .viewbutton span { color: #fff; font-size: 16px; letter-spacing: 2px; width: 100%; text-align:center; }

.image-slider-container .image-slider .caption { margin-top: 1em; } .image-slider-container .image-slider .slick-prev { left: 0; } .image-slider-container .image-slider .slick-next { right: 0; } .image-slider-container .image-slider .arrow-container .slick-prev:before { left: 0; } .image-slider-container .image-slider .slick-next:after { right: 0; } .image-slider-container .slick-prev { width: 35px; height: 38px; } .image-slider-container .slick-next { width: 30px; height: 38px; }

.image-slider-container .image-slider .slick-next:before , .image-slider-container .image-slider .slick-next:before, .image-slider-container .image-slider .slick-prev:before , .image-slider-container .image-slider .slick-prev:before { font-size: 40px; } .nav-slider .slick-slide { overflow:hidden; margin-top: 10px; margin-left: 2px; margin-right: 2px; } .nav-slider .slick-slide, .nav-slider .slick-slide img { max-height: 60px; } .nav-slider .slick-next, .nav-slider .slick-prev { width: 20px; height: 38px; color: #000; } .nav-slider .arrow-container { top: 32%; height: 40px; width: 40px; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner { max-width: unset; margin-top: -55px; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { max-width: 95%; } .slick-lightbox-slick .arrow-container.prev { left: 0; } .slick-lightbox-slick .arrow-container.next { right: 0; } .arrow-container.flickity-button-icon { fill: #fff!important; } .slick-lightbox-slick .slick-next, .slick-lightbox-slick .slick-prev { height: 100%; width: 80px; } .slick-lightbox-slick .arrow-container path, .slick-lightbox-slick .arrow-container path { color:#fff; } .slick-lightbox-slick .slick-lightbox-slick-caption { max-width: unset; display: inline-block; overflow-y: auto; max-height: 69px; margin-top: 0; padding: 0 20px; font-size: 16px; } .slick-lightbox-slick svg.arrow-container { color:#fff; } .slick-lightbox-close { padding: 5px; width: 50px!important; height: 55px!important; z-index: 10; right: 25px!important; top: 15px; line-height: 0.5; } .counter { padding: 5px; z-index: 10; right: 86px!important; top: 33px; line-height: 0.5; position: absolute; color: #fff; font-size: 25px; }

.slick-lightbox-close:before { line-height: 0.5!important; font-size: 50px!important; }

.arrow-container { cursor: pointer; position: absolute; height: 45px; width: 80px; z-index: 1; top: 0; top: 45%; } .slick-next:hover, .slick-prev:hover { opacity: 1!important; } .arrow-container.next, .arrow-container.prev { transition: background-color 0.5s ease; } .arrow-container.next:hover { opacity: 0.8; } .arrow-container.prev:hover { opacity: 0.8; } .arrow-container.next { right: -60px; transition: all 0.25s ease;

} .arrow-container.prev { left: -60px; transition: all 0.25s ease;

} .image-slider-container .arrow-container { width: 55px; height: 55px; }

.arrow-container.next, .arrow-container.prev { transition: all 0.25s ease; } .arrow-container.next:hover path, .arrow-container.prev:hover path { opacity: 0.8; }

@media only screen and (max-width: 640px){

.slick-slider .slick-slide { max-height: 70vh; } .slide-slide img { max-height: 70vh; } .slick-lightbox-slick .slick-lightbox-slick-item { max-height: unset; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner { margin-top: 20%; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { height: auto; margin-top: 0px; margin-bottom: 10px!important;

max-height: 75vh!important; }

.slick-lightbox .slick-lightbox-slick .slick-next { right: 8px; } .slick-lightbox .slick-lightbox-slick .slick-prev { left: 8px; } .slick-lightbox-slick .slick-next, .slick-lightbox-slick .image-slider .slick-prev { color:#fff; width: 20px; } .slick-lightbox-slick .slick-lightbox-slick-caption { font-size: 14px; max-height: 86px; }

}

(function($){ $(document).ready(function(){ var imageSlider = $('#lightbox-block_47a8dc5d900bcec731e89ecfe23c789a .image-slider'); var navSlider = $('#lightbox-block_47a8dc5d900bcec731e89ecfe23c789a .nav-slider') ; var msgRead = 0;

// Image Slider

$('#lightbox-block_47a8dc5d900bcec731e89ecfe23c789a').find('.image-slider:not(.slick-initialized)').slick({ fade: true, // arrows: , arrows: false, prevArrow: ' ', nextArrow: ' ', dots: false, infinite: true, autoplay: false, autoplaySpeed: 3000, adaptiveHeight: true, speed: 500, slidesToShow: 1, slidesToScroll: 1, focusOnSelect: true, draggable: false, // asNavFor: '' ,

responsive: [ { breakpoint: 640, settings: { draggable: true, dots: false, arrows: true, } } ] }); // Nav Slider // $('#').find('.nav-slider:not(.slick-initialized)').slick({ // arrows: true, // dots: false, // infinite: true, // speed: 500, // prevArrow: ' ', // nextArrow: ' ', // slidesToShow: 7, // useHistoryApi: true, // focusOnSelect: true, // draggable: true, // centerMode: true, // asNavFor: imageSlider, // responsive: [ // { // breakpoint: 640, // settings: { // draggable: true, // arrows: true, // slidesToScroll: 4, // } // } // ] // }); // $('#').find('.nav-slider.slick-initialized').slick('slickSetOption', 'slidesToScroll', 4, true);

// Lightbox $('#lightbox-block_47a8dc5d900bcec731e89ecfe23c789a').find('.image-slider.slick-initialized').slickLightbox({ itemSelector: '.slick-slide a', lazy: true, slick: { fade: true, speed: 300, asNavFor: imageSlider, prevArrow: ' ', nextArrow: ' ', responsive: [ { breakpoint: 640, settings: { draggable: true, arrows: false, } } ] }, imageMaxHeight: 0.89, caption: function(element, info) { if ($(element).find('img').data('caption') != undefined) { return $(element).find('img').data('caption'); } else { return ''; } } , captionPosition: 'dynamic', fade: true, }).on({ 'show.slickLightbox': function() { counterGen(); toggleBodyScroll(); }, 'hide.slickLightbox': function() { console.log('exit'); toggleBodyScroll(); } }) // Start slideshow with second button $('#lightbox-block_47a8dc5d900bcec731e89ecfe23c789a .viewbutton.outer').on('click', function(e) { // console.log($('# .image-slider .slick-active a')); e.preventDefault(); $('#lightbox-block_47a8dc5d900bcec731e89ecfe23c789a .image-slider .slick-active a').click(); });

// Refresh current slide position imageSlider.on('afterChange', function() { hideMsg(); $('.galposition').text(refreshGalPos()); })

function toggleBodyScroll() { if (!$('body').hasClass('noscroll')) { $('body').addClass('noscroll'); } else { $('body').removeClass('noscroll');

} }

// Display current slide position function refreshGalPos() { var galcurrent = $('#lightbox-block_47a8dc5d900bcec731e89ecfe23c789a .image-slider .slick-active').data('pos'); return galcurrent; }

// Display swipe message on first visit to lightbox function createMsg() { var msg = 'Swipe left or right'; var msgDiv = document.createElement('div'); var msgSpan = document.createElement('span'); msgDiv.classList.add('lightbox-msg'); msgSpan.append(msg); msgDiv.append(msgSpan); document.querySelector('.slick-lightbox-slick.slick-initialized').append(msgDiv); }

function hideMsg() { $('.slick-lightbox-slick.slick-initialized .lightbox-msg').addClass('hiding'); }

// Generate counter in slideshow function counterGen () { var counterDiv = document.createElement('div'); var counterPos = document.createElement('span'); var counterTotal = $('#lightbox-block_47a8dc5d900bcec731e89ecfe23c789a .image-slider').data('total'); counterPos.classList.add('galposition'); counterDiv.classList.add('counter'); counterPos.append(refreshGalPos()); counterDiv.append(counterPos, '/' + counterTotal); document.querySelector('.slick-lightbox-slick.slick-initialized').append(counterDiv); }

}); })(jQuery);

131742_76_131912.jpg

Guests were able to knock back a cold one with beer courtesy of Kronenbourg 1664 Blanc. Those that sought cocktails had choices aplenty thanks to spirits from Rémy Martin and Dragon-I’s talented bartenders. Nibbles were not lacking either with savoury bites from caterers Relish and doughnuts from Dough Bros.