
100 Takes: Feel the heat with photographer TMT
In our latest edition of #100Takes, photographer TMT explores the purpose of thermal checks in its entirety.
“I wanted to highlight this new ritual of temperature monitoring that we engage in post-Covid and how the act is basically meaningless. Nobody really cares whether the temperature is accurate or not, but we all have to do it regardless of who we are, where we are. So why are we still doing this?” — TMT, photographer
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_616cf0ed6cb44 .image-slider'); var navSlider = $('#lightbox-block_616cf0ed6cb44 .nav-slider') ; var msgRead = 0;
// Image Slider
$('#lightbox-block_616cf0ed6cb44').find('.image-slider:not(.slick-initialized)').slick({ fade: true, // arrows: , arrows: false, prevArrow: '
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: '
// Lightbox
$('#lightbox-block_616cf0ed6cb44').find('.image-slider.slick-initialized').slickLightbox({
itemSelector: '.slick-slide a',
lazy: true,
slick: {
fade: true,
speed: 300,
asNavFor: imageSlider,
prevArrow: '
// 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_616cf0ed6cb44 .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_616cf0ed6cb44 .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);
Also see: 100 Takes: Ivan Tong captures the heart of Hong Kong
More Stories

Inside the design of 5 of Asia’s most photogenic bars

Japanese artist Tadashi Kawamata on the idea that everything is temporary

The ultimate father’s day gift guide for every zodiac sign

