/* 新增鍵盤左右鍵切換作品的功能 */
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";
        }
    }
});
2017
繪畫裝置

走進《風暴之間》的展場,就像被某種非語言的氣流包覆。淨白的牆面被鉛筆筆觸占據,無數旋轉的痕跡、斷裂的筆勢與堆疊的軌跡,在彼此間穿流。這不僅是一個房間,而是一個充盈著「風」的感覺空間:風沒有形體,卻有密度;沒有形象,卻能留下痕跡。而這些痕跡,正是孩子們用身體、筆與紙帶出來的「力」,既不是關於描繪,也非再現,而是風在感覺中「發生」的方式,以尚未冷卻的生成狀態顯現。

這些圖像不是藝術家親自繪製,而是來自數十位小學一年級孩童的回應。藝術家只提出一個問題:「你知道風長什麼樣子嗎?」並邀請他們以自己的方式在紙上「畫出風」。在這段不是以學習為導向的相處過程中,隨著第一筆落下的那刻,氣流便在空間中悄然升起。孩子們的投入使感受從四面八方匯聚,於室內交錯盤旋,最終將所有在場者裹挾。紙張被無數運動填滿:筆觸沒有範本,也不顧結論,只是一場持續靠近不可名感受的動作——感覺之風於焉成形。

線條們彷彿在追蹤著圖像發生學中無名的先祖,不是剛從範式中被剪貼出來的類型,也不是對可見現實的模擬,而是原初感知的一次次脈衝。筆不是工具,而是衝動的延伸;紙也不是靜態的基底,而是回應勢能的受面。某個孩子貼著地板畫出刮痕,另一個孩子反覆在紙上一點一點打轉,每一筆,都是對「風」這種不可視之物的即興觸繪。

在這件作品中,藝術家的角色並不在於創作,而在於生成條件的設計與倫理關係的維持。他不預設圖像,不介入筆觸,而僅設計出一種空間與關係的場,使每一張紙張都在無須統一的前提下發聲。這是去中心的美學倫理上的讓渡:將可見的權力交給尚未建立觀看體制的主體——不歸屬於任何人,卻被每個參與者所貫穿。觀看者也被捲入這場運動,不再只是評斷者或觀察者,而是感知場的共構者——在不確定與多重中參與這場風暴。

如果說《風吹向沒有》讓我們在影像的縫隙中重新思考「觀看」本身的條件,那麼《風暴之間》則把觀看推回至其最初的感覺運動:一個仍未語言化、未穩定為形象之前的生成狀態。《風暴之間》可被視為空間性的繪畫製置,也可被視作是一個仍未封閉的感覺生態系。它既來自孩子們未經過濾的動能,也來自藝術家對倫理關係的深邃思考。同時,我們要注意,本作並非意欲助長關於「創造力」的浪漫神話,而是一個讓未尚被命名之差異得以顯現的美學主張──風不在畫中,風即是一切發生的方式。

2025 CopyRight ©