/* 新增鍵盤左右鍵切換作品的功能 */
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";
        }
    }
});
2014-2015
藝術微噴輸出
《視訊》是一面靜默的牆，由二十四張正對鏡頭的人像構成。他們的表情克制，視線微弱地偏移，看似對著你，卻同時指向某處不可見的他方。每一張影像皆擷取自私人視訊時刻，畫質模糊、光線不均，顯然不屬於傳統攝影美學的範疇，卻更貼近一種時代的真實——數位時代中無法凝視彼此的日常觀看。


這不是一組關於具體個人的肖像，而是一組關於此時的「時代肖像」。為了呈現這特殊的題材，藝術家顛覆了傳統的攝影行為，不再是移動身體與相機至對象前，而是讓螢幕將影像主體「自動召喚」至畫面中。當螢幕成為會面的唯一介面，當注視被壓縮為影像中的眼神模擬，「面對面」的某些本質顯然已然崩解。


藝術家敏銳地覺察到，視訊的視覺構成中，顯示器與鏡頭之間僅數毫米的位移，卻已足以導致一場觀看的災難。當雙方直視鏡頭時，畫面中確實呈現出「彼此對望」，卻也因此無法真正看見對方；而當人們選擇注視彼此的臉龐時，影像中的目光卻又總顯游移——不再聚焦，也不再確定。


從某種角度來說，視訊介面以目光編寫出一個優雅的無限遞歸函數——人的目光彷彿墜入無窮鏡像空間，不斷折返、疊映，最終於遞延中衰滅。觀看變成一種令人窒息的交換：我們無法真正對望，只能在彼此的影像中仿擬親密，並在其中慢慢失溫。因此，那低垂的眼神（downcast eyes）所指涉的，並非哀傷的表情，而是一種時代性的感知困頓。


本作也是藝術家極為私人、而又高度抽象的情感崩塌檔案。此處，科技不再是客觀的中介，而是一種反向滲透的情緒裝置——它不僅改變了觀看，也改寫了關係本身。在這些近乎均質的人臉之中，潛藏著一種令人不安的可能性：視訊從未真正為凝視所設計。它只是一種讓我們能夠安全地錯過彼此的制度性安排。在這樣的觀看中，愛的對象不再是對方的臉龐，而是那一個始終處於緩衝中的「距離」。


2025 CopyRight ©