Piramid 🎨✨

這是一個以 Vue 3 和 Vite 開發的純前端靜態個人繪師接案網站，設計簡約、易於導航，並結合動畫效果，讓藝術作品的展示更加吸引人！📄💻

🌟 專案簡介

Piramid 是為繪師量身打造的一頁式靜態網站，主要功能包括：

• 首頁：快速導覽至其他區域的標籤功能。
• 作品集：展示繪師的精美作品。
• 關於我：介紹繪師背景和故事。
• 委託須知：清楚列出接案條件與價格方案。

網站特色：

• 使用 Vue 3 與 Tailwind CSS 實現快速開發與美觀設計。
• 動畫特效來自 Animate.css 和 Animista。
• 客製化 Navbar，根據所在區域自動顯示/隱藏，提升用戶體驗。
• 部署於 Vercel，支援快速、穩定的線上存取。

🪄 命名的小故事

為什麼叫 Piramid 呢？🤔 這其實是繪師對自己創作生活的一種幽默調侃。繪師每天都像被靈感與死線活埋在「創作的金字塔」裡，左手靈感、右手壓力，但最後還是能創造出讓人驚嘆的作品。✨

所以我們戲稱這座網站為 Piramid of DeadLines，象徵繪師在無數次趕稿與創意爆發中堆砌的藝術殿堂！一句話總結： “Buried under deadlines and ideas, but still making art happen.” 🎨🖌️

🛠️ 開發與運行

• 安裝專案依賴

  npm install

• 啟動開發伺服器

  npm run dev

• 打包生成靜態檔案

  npm run build

🚀 Tech-Stack

• 前端框架：Vue 3
• CSS 框架：Tailwind CSS
• UI 元件庫：DaisyUI
• 動畫庫：Animate.css、Animista
• 模組打包：Vite
• 部署平台：Vercel

📁 專案結構

src/
├── assets/
│   ├── style/
│   │   └── animations.css   # 自定義動畫 CSS
├── components/              # Vue 元件
├── views/                   # 主頁面區塊
├── App.vue                  # 主應用程式
├── main.js                  # 專案入口

📸 預覽截圖

首頁

作品集

關於我

委託須知

📋 To-Do-List

• 優化響應式設計，提升在手機與平板的顯示效果
• 增加更多互動動畫效果
• 在作品集區域新增分類功能與篩選功能

🌐 線上預覽

網站已部署於 Vercel，您可以透過以下連結訪問： 👉 Piramid of DeadLines 🌟

🤝 貢獻

歡迎對此專案提出改進建議，或透過 PR 協助完善此專案！ 🙌

📄 授權

此專案採用 MIT 授權，詳見 LICENSE。