/* 新增鍵盤左右鍵切換作品的功能 */
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;
    }
});
街道樹
false
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";
        }
    }
});
2011
水泥、金屬、壓克力、柏樹葉  
90 x 90 x 112 cm
這是一件寂靜的作品，一張乍看如建築模型的方桌，上頭鑲嵌著破碎的城市。不是由街道組成的地圖，也不是建築物的縮影，而是由空隙所構成的地景。像是無聲的分裂痕跡，冷峻的水泥面上嵌著一片片透明壓克力，底下封存著細碎的柏葉——那是城市中不被命名的綠色，殘存在混凝土之間的喘息。植物並未以象徵的方式出現，它只是停留在被挖空的位置上，如同一種被容忍的存在。


藝術家在這件作品中，生成了一種結構。街道與樹的關係被倒置，建築成為空隙，綠意反而填滿了城市被裁切後的輪廓。人為的邏輯與生長的痕跡在這張桌面上交纏，卻無法融合。它們彼此穿透、互為底層，像是城市中那些不被注視的邊角空間——行道樹根部的碎土、人行道磚縫間不受控制的苔蘚，或住宅群落背後潛伏的空地。一切看似規劃周全的事物，其實早已留下裂縫。


葉片在展出期間會逐漸乾枯，色澤褪去，質地變脆，最後形成一片近乎灰白的空景。這個轉變不是一場戲劇性的崩解，而是緩慢、不可逆的流逝。它沒有聲音，也不強調意義，卻讓人直覺地感知：什麼曾經存在，而如今正被消耗。藝術家在此不是模擬自然，而是透過植物的死亡節奏，製造一種細小但持續的變化，使觀看不再是一次性的，而是需要被反覆凝視的過程。


《街道樹》不提供立場，也不建構論述。它以其極簡的結構，標示出一段關於城市與自然、規劃與生長、空隙與填補之間的關係。在這件作品裡，觀看的行為無需被催促，時間自行發生。那些被封存的綠意，在光線中逐漸轉化為記憶的沉澱，一座正在凋萎的地景，一段被保存、也正在消失的呼吸。


2025 CopyRight ©