/* 新增鍵盤左右鍵切換作品的功能 */
document.addEventListener('DOMContentLoaded', function() {
  // 取得按鈕元素
  const prevButton = document.querySelector('.prev-post');
  const nextButton = document.querySelector('.next-post');

  // 監聽鍵盤事件
  document.addEventListener('keydown', function(event) {
    // 判斷按下的按鍵
    if (event.key === 'ArrowLeft' && prevButton) { // 檢查 prevButton 是否存在
      if (prevButton.href) { // 檢查 prevButton 是否具有 href 屬性
        // 觸發上一篇連結
        window.location.href = prevButton.href;
      }
    } else if (event.key === 'ArrowRight' && nextButton) { // 檢查 nextButton 是否存在
      if (nextButton.href) { // 檢查 nextButton 是否具有 href 屬性
        // 觸發下一篇連結
        window.location.href = nextButton.href;
      }
    }
  });
});
jQuery(document).ready(function($) {
    var header = $('.singlework-header');
    var headerHeight = header.outerHeight();
    var isHeaderVisible = false;
    var scrollThreshold = 10; //定滾動多少 px 才會觸發
    var lastScrollTop = 0;
    var headerContainer = $('.singlework-page');
    var scrollTimeout = null; //向上滾動時，延遲多久才會顯示

    $(window).on('load', function() {
        header.css('top', -headerHeight + 'px');
    });

    $(document).mousemove(function(event) {
        if (event.pageY < 50 && !isHeaderVisible) {
            showHeader();
        }
    });

    headerContainer.scroll(function() {
        var scrollTop = $(this).scrollTop();
        var delta = scrollTop - lastScrollTop; // 計算滾動方向

        if (!isHeaderVisible) {
            // 向上滾動超過閾值時，延遲顯示 header
            if (delta < 0 && Math.abs(delta) > scrollThreshold) {
                if (scrollTimeout) {
                    clearTimeout(scrollTimeout);
                }
                scrollTimeout = setTimeout(function() {
                    showHeader();
                }, 150);
            }
        } else {
            // **只有向下滾動時才關閉 header**
            if (delta > 0 && Math.abs(delta) > scrollThreshold) {
                hideHeader();
            }
        }

        lastScrollTop = scrollTop;
    });

    $(document).click(function(event) {
        if (!$(event.target).closest('.singlework-header').length && isHeaderVisible) {
            hideHeader();
        }
    });

    function showHeader() {
        header.addClass('show');
        isHeaderVisible = true;
    }

    function hideHeader() {
        header.removeClass('show');
        isHeaderVisible = false;
    }
});
Nov.2021: A Hard Rain
true
document.addEventListener("DOMContentLoaded", function() {
    // 獲取 meta field 的隱藏元素
    let metaFieldElement = document.querySelector(".singlework-pure-en-title-switcher");
    
    // 獲取 .singlework-title 標題
    let postTitle = document.querySelector(".singlework-title");

    // 確保 metaFieldElement 和 postTitle 存在
    if (metaFieldElement && postTitle) {
        // 讀取 meta field 的值並去除前後空格
        let metaValue = metaFieldElement.innerText.trim().toLowerCase();

        // 如果 meta field 值是 "true"，則將字距設為 0
        if (metaValue === "true") {
            postTitle.style.letterSpacing = "0";
        }
    }
});
2021
行為
動態影像（10:00）、鋁框裱褙
《Nov.2021: A Hard Rain》是一場關於時間與氣候的行為，也是一次對鬱結情緒的極度精煉書寫。它不只是一段影像，也不只是一次個人的移動紀錄，而是將「憂鬱」作為地理資訊重新分派的過程──以身體去補滿空間的缺席，以移動去實踐時間的真實性。


在疫情期間，「空間」的使用權與流動性被限制，人們的身體與感知被困在局部與遲滯之中。這件作品的創作方式，正是在這樣的條件下展開：2021年11月的每一天，藝術家都親身前往當日降雨的地點——有時是在城市邊緣、有時深入山區，甚至前往海濱。無論降雨多麼稀微、路程多麼遙遠，只要某處下著雨，藝術家就會出發並抵達。錄像紀錄了這樣的靜止與淋濕的時刻，留下每日一幕身體靜坐在雨中的片段。空間因此消隱，一切移動與勞動被收斂至畫面之外，使得時間躍然具形──日曆成為地圖，氣候成為格律。


這不是關於「雨」的作品，而是關於雨如何作為一種心理與社會天氣，籠罩整體生活。A Hard Rain 並非修辭，而是一種日常性災難的化身。那是一場持續過久、無法分類、無從說明的集體低氣壓。在疫情的地景裡，雨成為最準確的象徵：它沒有單一來源，流動、覆蓋、暫歇又再來，將人們的感覺與判斷拖入遲滯與潮濕之中。藝術家不是在體驗情緒，而是讓自己移動進入那個情緒場域──佔據其中、被其吞沒。


本作的關注不在於個人狀態的敘述，而是思考：在身體與空間的關係被中止的時代，藝術如何介入時間的密度，並以行為的微粒重新構築感知的版圖？展場中，一幅以黑墨染製的台灣地圖標示出當月的雨區，濃淡不一的墨跡與十字記號，宛如氣象圖，也像災難紀錄，呈現出情緒地景的漫漶邊界。另一側的手寫日曆則以「雨」字反覆填滿，每一格皆如儀式般地重複，像是對某種未明災異的默默書寫。這是一場持續進行的沉默，也是對日常陰影的精確勘察──雨從未止息，而藝術仍在持續前往。


2025 CopyRight ©