diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..77475c9 --- /dev/null +++ b/.gitignore @@ -0,0 +1,10 @@ +# Obsidian workspace (machine-specific) +.obsidian/workspace.json +.obsidian/workspace-mobile.json + +# OS files +.DS_Store +Thumbs.db + +# Obsidian trash +.obsidian/plugins/obsidian-excalidraw-plugin/main.js diff --git a/.obsidian/app.json b/.obsidian/app.json new file mode 100644 index 0000000..bfa048d --- /dev/null +++ b/.obsidian/app.json @@ -0,0 +1,12 @@ +{ + "legacyEditor": false, + "defaultViewMode": "preview", + "livePreview": true, + "readableLineLength": true, + "showLineNumber": false, + "spellcheck": false, + "strictLineBreaks": true, + "attachmentFolderPath": "assets", + "newFileLocation": "current", + "promptDelete": false +} \ No newline at end of file diff --git a/.obsidian/appearance.json b/.obsidian/appearance.json new file mode 100644 index 0000000..31f21d5 --- /dev/null +++ b/.obsidian/appearance.json @@ -0,0 +1,5 @@ +{ + "baseFontSize": 16, + "cssTheme": "", + "enabledCssSnippets": [] +} \ No newline at end of file diff --git a/.obsidian/community-plugins.json b/.obsidian/community-plugins.json new file mode 100644 index 0000000..8d0c4e1 --- /dev/null +++ b/.obsidian/community-plugins.json @@ -0,0 +1,3 @@ +[ + "obsidian-excalidraw-plugin" +] \ No newline at end of file diff --git a/.obsidian/core-plugins.json b/.obsidian/core-plugins.json new file mode 100644 index 0000000..764779b --- /dev/null +++ b/.obsidian/core-plugins.json @@ -0,0 +1,17 @@ +{ + "file-explorer": true, + "global-search": true, + "graph-view": true, + "backlink": true, + "outgoing-link": true, + "tag-pane": true, + "page-preview": true, + "templates": true, + "markdown-importer": false, + "word-count": true, + "slides": false, + "switcher": true, + "outline": true, + "daily-notes": false, + "command-palette": true +} \ No newline at end of file diff --git a/.obsidian/plugins/obsidian-excalidraw-plugin/data.json b/.obsidian/plugins/obsidian-excalidraw-plugin/data.json new file mode 100644 index 0000000..fcebb90 --- /dev/null +++ b/.obsidian/plugins/obsidian-excalidraw-plugin/data.json @@ -0,0 +1,18 @@ +{ + "excalidrawPluginVersion": "2.1.6", + "settings": { + "matchTheme": true, + "matchThemeAlways": false, + "matchThemeTrigger": false, + "defaultMode": "normal", + "saveExcalidrawSettingsToObsidian": true, + "renderingInBackground": true, + "compressExcalidrawJSON": false, + "autoexportSVG": false, + "autoexportPNG": false, + "autosave": true, + "autosaveInterval": 5000, + "drawingOpenFromObsidianInExcalidraw": false, + "openDrawingInObsidian": true + } +} \ No newline at end of file diff --git a/.obsidian/plugins/obsidian-excalidraw-plugin/manifest.json b/.obsidian/plugins/obsidian-excalidraw-plugin/manifest.json new file mode 100644 index 0000000..39f9aff --- /dev/null +++ b/.obsidian/plugins/obsidian-excalidraw-plugin/manifest.json @@ -0,0 +1,10 @@ +{ + "id": "obsidian-excalidraw-plugin", + "name": "Excalidraw", + "version": "2.1.6", + "minAppVersion": "1.4.0", + "description": "An Obsidian plugin to edit and view Excalidraw drawings", + "author": "Zsolt Viczian", + "authorUrl": "https://github.com/zsviczian", + "isDesktopOnly": false +} \ No newline at end of file diff --git a/.obsidian/plugins/obsidian-excalidraw-plugin/styles.css b/.obsidian/plugins/obsidian-excalidraw-plugin/styles.css new file mode 100644 index 0000000..d7c8e0f --- /dev/null +++ b/.obsidian/plugins/obsidian-excalidraw-plugin/styles.css @@ -0,0 +1 @@ +/* Excalidraw plugin styles - installed via Obsidian community plugins */ diff --git a/README.md b/README.md new file mode 100644 index 0000000..e14c205 --- /dev/null +++ b/README.md @@ -0,0 +1,54 @@ +--- +aliases: [首頁, Home, 導航] +tags: [MOC, 導航頁] +--- + +# 🏠 還有誰來我家 — 數位家園 專案導航 + +> 大家都有貼文，卻沒有房子；都有帳號，卻沒有家。 + +--- + +## 📋 產品需求文件 + +- [[prd_digital_home|PRD — 個人數位家園 MVP]] + +--- + +## 🎨 Wireframe 設計稿 + +### 頁面 Wireframe + +| 頁面 | 檔案 | 說明 | +|------|------|------| +| 首頁 | [[wireframe_homepage\|首頁 Wireframe]] | 個人主頁 — 封面、大頭照、四區塊卡片 | +| 相簿 | [[wireframe_album\|相簿 Wireframe]] | 相簿系統 — 最核心功能 | +| 時間軸 | [[wireframe_timeline\|時間軸 Wireframe]] | 圖文貼文時間軸 | +| 留言板 | [[wireframe_guestbook\|留言板 Wireframe]] | 訪客留言互動 | +| 設定 | [[wireframe_settings\|設定 Wireframe]] | 隱私、通知、帳號設定 | + +### 架構圖 + +| 圖表 | 檔案 | 說明 | +|------|------|------| +| 系統架構 | [[structure\|系統架構圖]] | 前後端 + 資料層架構 | +| 流程總覽 | [[flow_overview\|流程總覽圖]] | 使用者核心流程 | + +--- + +## 🔗 快速連結 + +```mermaid +graph LR + A[PRD] --> B[首頁] + A --> C[相簿] + A --> D[時間軸] + A --> E[留言板] + A --> F[設定] + A --> G[架構圖] + A --> H[流程圖] +``` + +--- + +*用 Obsidian 開啟此資料夾即可瀏覽所有文件與 Excalidraw 圖表。* diff --git a/flow_overview.excalidraw.md b/flow_overview.excalidraw.md new file mode 100644 index 0000000..19674a5 --- /dev/null +++ b/flow_overview.excalidraw.md @@ -0,0 +1,13 @@ +--- +excalidraw-plugin: parsed +tags: [excalidraw, wireframe] +--- + +==⚙ Syntax== +This file is an Excalidraw drawing managed by the Obsidian Excalidraw Plugin. +Do not edit this block directly. + +```excalidraw +{"type": "excalidraw", "version": 2, "source": "hermes-agent", "elements": [{"type": "text", "id": "flow_title", "x": 50, "y": 30, "text": "核心功能流程圖", "fontSize": 24, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "核心功能流程圖", "autoResize": true, "width": 92.4, "height": 29}, {"type": "text", "id": "flow1_title", "x": 50, "y": 80, "text": "1. 新使用者引導", "fontSize": 18, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "1. 新使用者引導", "autoResize": true, "width": 89.10000000000001, "height": 23}, {"type": "rectangle", "id": "f1_0", "x": 50, "y": 115, "width": 160, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f1_0", "type": "text"}]}, {"type": "text", "id": "t_f1_0", "x": 60, "y": 125.0, "width": 140, "height": 25, "text": "註冊", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f1_0", "originalText": "註冊", "autoResize": true}, {"type": "arrow", "id": "f1a_0", "x": 210, "y": 135, "width": 40, "height": 0, "points": [[0, 0], [40, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f1_1", "x": 250, "y": 115, "width": 160, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f1_1", "type": "text"}]}, {"type": "text", "id": "t_f1_1", "x": 260, "y": 125.0, "width": 140, "height": 25, "text": "選擇網址", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f1_1", "originalText": "選擇網址", "autoResize": true}, {"type": "arrow", "id": "f1a_1", "x": 410, "y": 135, "width": 40, "height": 0, "points": [[0, 0], [40, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f1_2", "x": 450, "y": 115, "width": 160, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f1_2", "type": "text"}]}, {"type": "text", "id": "t_f1_2", "x": 460, "y": 125.0, "width": 140, "height": 25, "text": "設定頭像/封面/自介", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f1_2", "originalText": "設定頭像/封面/自介", "autoResize": true}, {"type": "arrow", "id": "f1a_2", "x": 610, "y": 135, "width": 40, "height": 0, "points": [[0, 0], [40, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f1_3", "x": 650, "y": 115, "width": 160, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f1_3", "type": "text"}]}, {"type": "text", "id": "t_f1_3", "x": 660, "y": 125.0, "width": 140, "height": 25, "text": "邀請朋友", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f1_3", "originalText": "邀請朋友", "autoResize": true}, {"type": "arrow", "id": "f1a_3", "x": 810, "y": 135, "width": 40, "height": 0, "points": [[0, 0], [40, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f1_4", "x": 850, "y": 115, "width": 160, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f1_4", "type": "text"}]}, {"type": "text", "id": "t_f1_4", "x": 860, "y": 125.0, "width": 140, "height": 25, "text": "建立首本相簿", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f1_4", "originalText": "建立首本相簿", "autoResize": true}, {"type": "arrow", "id": "f1a_4", "x": 1010, "y": 135, "width": 40, "height": 0, "points": [[0, 0], [40, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f1_5", "x": 1050, "y": 115, "width": 160, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f1_5", "type": "text"}]}, {"type": "text", "id": "t_f1_5", "x": 1060, "y": 125.0, "width": 140, "height": 25, "text": "完成", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f1_5", "originalText": "完成", "autoResize": true}, {"type": "text", "id": "flow2_title", "x": 50, "y": 195, "text": "2. 日常使用", "fontSize": 18, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "2. 日常使用", "autoResize": true, "width": 69.30000000000001, "height": 23}, {"type": "rectangle", "id": "f2_login", "x": 50, "y": 230, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f2_login", "type": "text"}]}, {"type": "text", "id": "t_f2_login", "x": 60, "y": 240.0, "width": 100, "height": 25, "text": "登入", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f2_login", "originalText": "登入", "autoResize": true}, {"type": "arrow", "id": "f2a_0", "x": 170, "y": 250, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f2_home", "x": 200, "y": 230, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f2_home", "type": "text"}]}, {"type": "text", "id": "t_f2_home", "x": 210, "y": 240.0, "width": 100, "height": 25, "text": "首頁", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f2_home", "originalText": "首頁", "autoResize": true}, {"type": "arrow", "id": "f2a_1", "x": 260, "y": 270, "width": 0, "height": 20, "points": [[0, 0], [0, 20]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f2b_0", "x": 200, "y": 290, "width": 140, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f2b_0", "type": "text"}]}, {"type": "text", "id": "t_f2b_0", "x": 210, "y": 300.0, "width": 120, "height": 25, "text": "發佈貼文", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f2b_0", "originalText": "發佈貼文", "autoResize": true}, {"type": "arrow", "id": "f2c_0", "x": 340, "y": 310, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f2d_0", "x": 370, "y": 290, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f2d_0", "type": "text"}]}, {"type": "text", "id": "t_f2d_0", "x": 380, "y": 300.0, "width": 100, "height": 25, "text": "選隱私→發佈", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f2d_0", "originalText": "選隱私→發佈", "autoResize": true}, {"type": "arrow", "id": "f2a_2", "x": 260, "y": 270, "width": 0, "height": 75, "points": [[0, 0], [0, 75]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f2b_1", "x": 200, "y": 345, "width": 140, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f2b_1", "type": "text"}]}, {"type": "text", "id": "t_f2b_1", "x": 210, "y": 355.0, "width": 120, "height": 25, "text": "建立相簿", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f2b_1", "originalText": "建立相簿", "autoResize": true}, {"type": "arrow", "id": "f2c_1", "x": 340, "y": 365, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f2d_1", "x": 370, "y": 345, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f2d_1", "type": "text"}]}, {"type": "text", "id": "t_f2d_1", "x": 380, "y": 355.0, "width": 100, "height": 25, "text": "上傳→設隱私", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f2d_1", "originalText": "上傳→設隱私", "autoResize": true}, {"type": "arrow", "id": "f2a_3", "x": 260, "y": 270, "width": 0, "height": 130, "points": [[0, 0], [0, 130]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f2b_2", "x": 200, "y": 400, "width": 140, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f2b_2", "type": "text"}]}, {"type": "text", "id": "t_f2b_2", "x": 210, "y": 410.0, "width": 120, "height": 25, "text": "拜訪朋友", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f2b_2", "originalText": "拜訪朋友", "autoResize": true}, {"type": "arrow", "id": "f2a_4", "x": 260, "y": 270, "width": 0, "height": 185, "points": [[0, 0], [0, 185]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f2b_3", "x": 200, "y": 455, "width": 140, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f2b_3", "type": "text"}]}, {"type": "text", "id": "t_f2b_3", "x": 210, "y": 465.0, "width": 120, "height": 25, "text": "管理設定", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f2b_3", "originalText": "管理設定", "autoResize": true}, {"type": "text", "id": "flow3_title", "x": 50, "y": 530, "text": "3. 匯入流程", "fontSize": 18, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "3. 匯入流程", "autoResize": true, "width": 69.30000000000001, "height": 23}, {"type": "rectangle", "id": "f3_0", "x": 50, "y": 565, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f3_0", "type": "text"}]}, {"type": "text", "id": "t_f3_0", "x": 60, "y": 575.0, "width": 110, "height": 25, "text": "選擇來源", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f3_0", "originalText": "選擇來源", "autoResize": true}, {"type": "arrow", "id": "f3a_0", "x": 180, "y": 585, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f3_1", "x": 210, "y": 565, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f3_1", "type": "text"}]}, {"type": "text", "id": "t_f3_1", "x": 220, "y": 575.0, "width": 110, "height": 25, "text": "上傳資料檔", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f3_1", "originalText": "上傳資料檔", "autoResize": true}, {"type": "arrow", "id": "f3a_1", "x": 340, "y": 585, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f3_2", "x": 370, "y": 565, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f3_2", "type": "text"}]}, {"type": "text", "id": "t_f3_2", "x": 380, "y": 575.0, "width": 110, "height": 25, "text": "預覽對應", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f3_2", "originalText": "預覽對應", "autoResize": true}, {"type": "arrow", "id": "f3a_2", "x": 500, "y": 585, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f3_3", "x": 530, "y": 565, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f3_3", "type": "text"}]}, {"type": "text", "id": "t_f3_3", "x": 540, "y": 575.0, "width": 110, "height": 25, "text": "確認匯入", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f3_3", "originalText": "確認匯入", "autoResize": true}, {"type": "arrow", "id": "f3a_3", "x": 660, "y": 585, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f3_4", "x": 690, "y": 565, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f3_4", "type": "text"}]}, {"type": "text", "id": "t_f3_4", "x": 700, "y": 575.0, "width": 110, "height": 25, "text": "等待處理", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f3_4", "originalText": "等待處理", "autoResize": true}, {"type": "arrow", "id": "f3a_4", "x": 820, "y": 585, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f3_5", "x": 850, "y": 565, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f3_5", "type": "text"}]}, {"type": "text", "id": "t_f3_5", "x": 860, "y": 575.0, "width": 110, "height": 25, "text": "完成", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f3_5", "originalText": "完成", "autoResize": true}, {"type": "text", "id": "flow4_title", "x": 50, "y": 645, "text": "4. 訪客瀏覽", "fontSize": 18, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "4. 訪客瀏覽", "autoResize": true, "width": 69.30000000000001, "height": 23}, {"type": "rectangle", "id": "f4_0", "x": 50, "y": 680, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f4_0", "type": "text"}]}, {"type": "text", "id": "t_f4_0", "x": 60, "y": 690.0, "width": 110, "height": 25, "text": "輸入網址", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f4_0", "originalText": "輸入網址", "autoResize": true}, {"type": "arrow", "id": "f4a_0", "x": 180, "y": 700, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f4_1", "x": 210, "y": 680, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f4_1", "type": "text"}]}, {"type": "text", "id": "t_f4_1", "x": 220, "y": 690.0, "width": 110, "height": 25, "text": "進入首頁", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f4_1", "originalText": "進入首頁", "autoResize": true}, {"type": "arrow", "id": "f4a_1", "x": 340, "y": 700, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f4_2", "x": 370, "y": 680, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f4_2", "type": "text"}]}, {"type": "text", "id": "t_f4_2", "x": 380, "y": 690.0, "width": 110, "height": 25, "text": "瀏覽內容", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f4_2", "originalText": "瀏覽內容", "autoResize": true}, {"type": "arrow", "id": "f4a_2", "x": 500, "y": 700, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f4_3", "x": 530, "y": 680, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f4_3", "type": "text"}]}, {"type": "text", "id": "t_f4_3", "x": 540, "y": 690.0, "width": 110, "height": 25, "text": "留言", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f4_3", "originalText": "留言", "autoResize": true}, {"type": "arrow", "id": "f4a_3", "x": 660, "y": 700, "width": 30, "height": 0, "points": [[0, 0], [30, 0]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "boundElements": []}, {"type": "rectangle", "id": "f4_4", "x": 690, "y": 680, "width": 130, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_f4_4", "type": "text"}]}, {"type": "text", "id": "t_f4_4", "x": 700, "y": 690.0, "width": 110, "height": 25, "text": "被記錄為訪客", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "f4_4", "originalText": "被記錄為訪客", "autoResize": true}], "appState": {"viewBackgroundColor": "#ffffff"}} +``` + diff --git a/prd_digital_home.md b/prd_digital_home.md index 209a583..5375c9a 100644 --- a/prd_digital_home.md +++ b/prd_digital_home.md @@ -1,5 +1,14 @@ +--- +aliases: [PRD, 產品需求文件] +tags: [PRD, MVP] +--- + # 「還有誰來我家」— 個人數位家園 MVP 產品需求文件 +> 🗺️ [[README|回到專案導航]] + +**相關設計稿：** [[wireframe_homepage|首頁]] · [[wireframe_album|相簿]] · [[wireframe_timeline|時間軸]] · [[wireframe_guestbook|留言板]] · [[wireframe_settings|設定]] · [[structure|架構圖]] · [[flow_overview|流程圖]] + --- ## 1. 修訂追蹤表 diff --git a/structure.excalidraw.md b/structure.excalidraw.md new file mode 100644 index 0000000..016d2f6 --- /dev/null +++ b/structure.excalidraw.md @@ -0,0 +1,13 @@ +--- +excalidraw-plugin: parsed +tags: [excalidraw, wireframe] +--- + +==⚙ Syntax== +This file is an Excalidraw drawing managed by the Obsidian Excalidraw Plugin. +Do not edit this block directly. + +```excalidraw +{"type": "excalidraw", "version": 2, "source": "hermes-agent", "elements": [{"type": "text", "id": "struct_title", "x": 300, "y": 30, "text": "功能結構圖", "fontSize": 24, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "功能結構圖", "autoResize": true, "width": 66.0, "height": 29}, {"type": "rectangle", "id": "root", "x": 300.0, "y": 80, "width": 200, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_root", "type": "text"}]}, {"type": "text", "id": "t_root", "x": 310.0, "y": 95.0, "width": 180, "height": 25, "text": "還有誰來我家", "fontSize": 18, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "root", "originalText": "還有誰來我家", "autoResize": true}, {"type": "rectangle", "id": "l1_0", "x": -150.0, "y": 180, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l1_0", "type": "text"}]}, {"type": "text", "id": "t_l1_0", "x": -140.0, "y": 190.0, "width": 100, "height": 25, "text": "個人首頁", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l1_0", "originalText": "個人首頁", "autoResize": true}, {"type": "arrow", "id": "l1a_0", "x": 400, "y": 130, "width": 490.0, "height": 50, "points": [[0, 0], [-490.0, 50]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l1_1", "x": -10.0, "y": 180, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l1_1", "type": "text"}]}, {"type": "text", "id": "t_l1_1", "x": 0.0, "y": 190.0, "width": 100, "height": 25, "text": "相簿", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l1_1", "originalText": "相簿", "autoResize": true}, {"type": "arrow", "id": "l1a_1", "x": 400, "y": 130, "width": 350.0, "height": 50, "points": [[0, 0], [-350.0, 50]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l1_2", "x": 130.0, "y": 180, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l1_2", "type": "text"}]}, {"type": "text", "id": "t_l1_2", "x": 140.0, "y": 190.0, "width": 100, "height": 25, "text": "網誌", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l1_2", "originalText": "網誌", "autoResize": true}, {"type": "arrow", "id": "l1a_2", "x": 400, "y": 130, "width": 210.0, "height": 50, "points": [[0, 0], [-210.0, 50]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l1_3", "x": 270.0, "y": 180, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#fff3bf", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l1_3", "type": "text"}]}, {"type": "text", "id": "t_l1_3", "x": 280.0, "y": 190.0, "width": 100, "height": 25, "text": "留言板", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l1_3", "originalText": "留言板", "autoResize": true}, {"type": "arrow", "id": "l1a_3", "x": 400, "y": 130, "width": 70.0, "height": 50, "points": [[0, 0], [-70.0, 50]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l1_4", "x": 410.0, "y": 180, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l1_4", "type": "text"}]}, {"type": "text", "id": "t_l1_4", "x": 420.0, "y": 190.0, "width": 100, "height": 25, "text": "朋友", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l1_4", "originalText": "朋友", "autoResize": true}, {"type": "arrow", "id": "l1a_4", "x": 400, "y": 130, "width": 70.0, "height": 50, "points": [[0, 0], [70.0, 50]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l1_5", "x": 550.0, "y": 180, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l1_5", "type": "text"}]}, {"type": "text", "id": "t_l1_5", "x": 560.0, "y": 190.0, "width": 100, "height": 25, "text": "隱私設定", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l1_5", "originalText": "隱私設定", "autoResize": true}, {"type": "arrow", "id": "l1a_5", "x": 400, "y": 130, "width": 210.0, "height": 50, "points": [[0, 0], [210.0, 50]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l1_6", "x": 690.0, "y": 180, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l1_6", "type": "text"}]}, {"type": "text", "id": "t_l1_6", "x": 700.0, "y": 190.0, "width": 100, "height": 25, "text": "匯入/匯出", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l1_6", "originalText": "匯入/匯出", "autoResize": true}, {"type": "arrow", "id": "l1a_6", "x": 400, "y": 130, "width": 350.0, "height": 50, "points": [[0, 0], [350.0, 50]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l1_7", "x": 830.0, "y": 180, "width": 120, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l1_7", "type": "text"}]}, {"type": "text", "id": "t_l1_7", "x": 840.0, "y": 190.0, "width": 100, "height": 25, "text": "通知", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l1_7", "originalText": "通知", "autoResize": true}, {"type": "arrow", "id": "l1a_7", "x": 400, "y": 130, "width": 490.0, "height": 50, "points": [[0, 0], [490.0, 50]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_home_0", "x": -150.0, "y": 260, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_home_0", "type": "text"}]}, {"type": "text", "id": "t_l2_home_0", "x": -140.0, "y": 267.5, "width": 90, "height": 25, "text": "封面+頭像", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_home_0", "originalText": "封面+頭像", "autoResize": true}, {"type": "arrow", "id": "l2_home_a_0", "x": -95.0, "y": 220, "width": 0, "height": 40, "points": [[0, 0], [0, 40]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_home_1", "x": -150.0, "y": 305, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_home_1", "type": "text"}]}, {"type": "text", "id": "t_l2_home_1", "x": -140.0, "y": 312.5, "width": 90, "height": 25, "text": "四區塊卡片", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_home_1", "originalText": "四區塊卡片", "autoResize": true}, {"type": "arrow", "id": "l2_home_a_1", "x": -95.0, "y": 220, "width": 0, "height": 85, "points": [[0, 0], [0, 85]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_home_2", "x": -150.0, "y": 350, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_home_2", "type": "text"}]}, {"type": "text", "id": "t_l2_home_2", "x": -140.0, "y": 357.5, "width": 90, "height": 25, "text": "時間軸", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_home_2", "originalText": "時間軸", "autoResize": true}, {"type": "arrow", "id": "l2_home_a_2", "x": -95.0, "y": 220, "width": 0, "height": 130, "points": [[0, 0], [0, 130]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_home_3", "x": -150.0, "y": 395, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_home_3", "type": "text"}]}, {"type": "text", "id": "t_l2_home_3", "x": -140.0, "y": 402.5, "width": 90, "height": 25, "text": "最近來訪", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_home_3", "originalText": "最近來訪", "autoResize": true}, {"type": "arrow", "id": "l2_home_a_3", "x": -95.0, "y": 220, "width": 0, "height": 175, "points": [[0, 0], [0, 175]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_home_4", "x": -150.0, "y": 440, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_home_4", "type": "text"}]}, {"type": "text", "id": "t_l2_home_4", "x": -140.0, "y": 447.5, "width": 90, "height": 25, "text": "訪客紀錄", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_home_4", "originalText": "訪客紀錄", "autoResize": true}, {"type": "arrow", "id": "l2_home_a_4", "x": -95.0, "y": 220, "width": 0, "height": 220, "points": [[0, 0], [0, 220]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_album_0", "x": -10.0, "y": 260, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_album_0", "type": "text"}]}, {"type": "text", "id": "t_l2_album_0", "x": 0.0, "y": 267.5, "width": 90, "height": 25, "text": "相簿列表", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_album_0", "originalText": "相簿列表", "autoResize": true}, {"type": "arrow", "id": "l2_album_a_0", "x": 45.0, "y": 220, "width": 0, "height": 40, "points": [[0, 0], [0, 40]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_album_1", "x": -10.0, "y": 305, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_album_1", "type": "text"}]}, {"type": "text", "id": "t_l2_album_1", "x": 0.0, "y": 312.5, "width": 90, "height": 25, "text": "照片瀏覽", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_album_1", "originalText": "照片瀏覽", "autoResize": true}, {"type": "arrow", "id": "l2_album_a_1", "x": 45.0, "y": 220, "width": 0, "height": 85, "points": [[0, 0], [0, 85]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_album_2", "x": -10.0, "y": 350, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_album_2", "type": "text"}]}, {"type": "text", "id": "t_l2_album_2", "x": 0.0, "y": 357.5, "width": 90, "height": 25, "text": "上傳", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_album_2", "originalText": "上傳", "autoResize": true}, {"type": "arrow", "id": "l2_album_a_2", "x": 45.0, "y": 220, "width": 0, "height": 130, "points": [[0, 0], [0, 130]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_album_3", "x": -10.0, "y": 395, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_album_3", "type": "text"}]}, {"type": "text", "id": "t_l2_album_3", "x": 0.0, "y": 402.5, "width": 90, "height": 25, "text": "相簿設定", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_album_3", "originalText": "相簿設定", "autoResize": true}, {"type": "arrow", "id": "l2_album_a_3", "x": 45.0, "y": 220, "width": 0, "height": 175, "points": [[0, 0], [0, 175]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_blog_0", "x": 130.0, "y": 260, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_blog_0", "type": "text"}]}, {"type": "text", "id": "t_l2_blog_0", "x": 140.0, "y": 267.5, "width": 90, "height": 25, "text": "貼文列表", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_blog_0", "originalText": "貼文列表", "autoResize": true}, {"type": "arrow", "id": "l2_blog_a_0", "x": 185.0, "y": 220, "width": 0, "height": 40, "points": [[0, 0], [0, 40]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_blog_1", "x": 130.0, "y": 305, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_blog_1", "type": "text"}]}, {"type": "text", "id": "t_l2_blog_1", "x": 140.0, "y": 312.5, "width": 90, "height": 25, "text": "編輯器", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_blog_1", "originalText": "編輯器", "autoResize": true}, {"type": "arrow", "id": "l2_blog_a_1", "x": 185.0, "y": 220, "width": 0, "height": 85, "points": [[0, 0], [0, 85]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_blog_2", "x": 130.0, "y": 350, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_blog_2", "type": "text"}]}, {"type": "text", "id": "t_l2_blog_2", "x": 140.0, "y": 357.5, "width": 90, "height": 25, "text": "貼文設定", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_blog_2", "originalText": "貼文設定", "autoResize": true}, {"type": "arrow", "id": "l2_blog_a_2", "x": 185.0, "y": 220, "width": 0, "height": 130, "points": [[0, 0], [0, 130]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_gb_0", "x": 270.0, "y": 260, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#fff3bf", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_gb_0", "type": "text"}]}, {"type": "text", "id": "t_l2_gb_0", "x": 280.0, "y": 267.5, "width": 90, "height": 25, "text": "留言列表", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_gb_0", "originalText": "留言列表", "autoResize": true}, {"type": "arrow", "id": "l2_gb_a_0", "x": 325.0, "y": 220, "width": 0, "height": 40, "points": [[0, 0], [0, 40]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_gb_1", "x": 270.0, "y": 305, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#fff3bf", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_gb_1", "type": "text"}]}, {"type": "text", "id": "t_l2_gb_1", "x": 280.0, "y": 312.5, "width": 90, "height": 25, "text": "留言輸入", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_gb_1", "originalText": "留言輸入", "autoResize": true}, {"type": "arrow", "id": "l2_gb_a_1", "x": 325.0, "y": 220, "width": 0, "height": 85, "points": [[0, 0], [0, 85]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_gb_2", "x": 270.0, "y": 350, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_gb_2", "type": "text"}]}, {"type": "text", "id": "t_l2_gb_2", "x": 280.0, "y": 357.5, "width": 90, "height": 25, "text": "留言管理", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_gb_2", "originalText": "留言管理", "autoResize": true}, {"type": "arrow", "id": "l2_gb_a_2", "x": 325.0, "y": 220, "width": 0, "height": 130, "points": [[0, 0], [0, 130]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_fr_0", "x": 410.0, "y": 260, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_fr_0", "type": "text"}]}, {"type": "text", "id": "t_l2_fr_0", "x": 420.0, "y": 267.5, "width": 90, "height": 25, "text": "朋友名單", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_fr_0", "originalText": "朋友名單", "autoResize": true}, {"type": "arrow", "id": "l2_fr_a_0", "x": 465.0, "y": 220, "width": 0, "height": 40, "points": [[0, 0], [0, 40]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_fr_1", "x": 410.0, "y": 305, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_fr_1", "type": "text"}]}, {"type": "text", "id": "t_l2_fr_1", "x": 420.0, "y": 312.5, "width": 90, "height": 25, "text": "分組標籤", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_fr_1", "originalText": "分組標籤", "autoResize": true}, {"type": "arrow", "id": "l2_fr_a_1", "x": 465.0, "y": 220, "width": 0, "height": 85, "points": [[0, 0], [0, 85]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}, {"type": "rectangle", "id": "l2_fr_2", "x": 410.0, "y": 350, "width": 110, "height": 35, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_l2_fr_2", "type": "text"}]}, {"type": "text", "id": "t_l2_fr_2", "x": 420.0, "y": 357.5, "width": 90, "height": 25, "text": "申請/封鎖", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "l2_fr_2", "originalText": "申請/封鎖", "autoResize": true}, {"type": "arrow", "id": "l2_fr_a_2", "x": 465.0, "y": 220, "width": 0, "height": 130, "points": [[0, 0], [0, 130]], "endArrowhead": "arrow", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1}], "appState": {"viewBackgroundColor": "#ffffff"}} +``` + diff --git a/wireframe_album.excalidraw.md b/wireframe_album.excalidraw.md new file mode 100644 index 0000000..5805467 --- /dev/null +++ b/wireframe_album.excalidraw.md @@ -0,0 +1,13 @@ +--- +excalidraw-plugin: parsed +tags: [excalidraw, wireframe] +--- + +==⚙ Syntax== +This file is an Excalidraw drawing managed by the Obsidian Excalidraw Plugin. +Do not edit this block directly. + +```excalidraw +{"type": "excalidraw", "version": 2, "source": "hermes-agent", "elements": [{"type": "rectangle", "id": "phone", "x": 50, "y": 30, "width": 360, "height": 780, "roundness": null, "backgroundColor": "transparent", "fillStyle": "solid", "strokeColor": "#868e91", "strokeWidth": 3, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_phone", "type": "text"}]}, {"type": "rectangle", "id": "nav", "x": 55, "y": 35, "width": 350, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_nav", "type": "text"}]}, {"type": "text", "id": "t_nav", "x": 65, "y": 50.0, "width": 330, "height": 25, "text": "< 相簿", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "nav", "originalText": "< 相簿", "autoResize": true}, {"type": "rectangle", "id": "album_cover", "x": 60, "y": 100, "width": 340, "height": 180, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_album_cover", "type": "text"}]}, {"type": "text", "id": "t_album_cover", "x": 70, "y": 180.0, "width": 320, "height": 25, "text": "日本行 2026\n32張照片", "fontSize": 20, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "album_cover", "originalText": "日本行 2026\n32張照片", "autoResize": true}, {"type": "text", "id": "album_desc", "x": 70, "y": 300, "text": "京都賞櫻之旅，四天三夜", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "京都賞櫻之旅，四天三夜", "autoResize": true, "width": 84.7, "height": 19}, {"type": "rectangle", "id": "thumb_0", "x": 60, "y": 340, "width": 160, "height": 90, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_thumb_0", "type": "text"}]}, {"type": "text", "id": "t_thumb_0", "x": 70, "y": 375.0, "width": 140, "height": 25, "text": "照片1", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "thumb_0", "originalText": "照片1", "autoResize": true}, {"type": "rectangle", "id": "thumb_1", "x": 235, "y": 340, "width": 160, "height": 90, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_thumb_1", "type": "text"}]}, {"type": "text", "id": "t_thumb_1", "x": 245, "y": 375.0, "width": 140, "height": 25, "text": "照片2", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "thumb_1", "originalText": "照片2", "autoResize": true}, {"type": "rectangle", "id": "thumb_2", "x": 60, "y": 440, "width": 160, "height": 90, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_thumb_2", "type": "text"}]}, {"type": "text", "id": "t_thumb_2", "x": 70, "y": 475.0, "width": 140, "height": 25, "text": "照片3", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "thumb_2", "originalText": "照片3", "autoResize": true}, {"type": "rectangle", "id": "thumb_3", "x": 235, "y": 440, "width": 160, "height": 90, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_thumb_3", "type": "text"}]}, {"type": "text", "id": "t_thumb_3", "x": 245, "y": 475.0, "width": 140, "height": 25, "text": "照片4", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "thumb_3", "originalText": "照片4", "autoResize": true}, {"type": "rectangle", "id": "thumb_4", "x": 60, "y": 540, "width": 160, "height": 90, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_thumb_4", "type": "text"}]}, {"type": "text", "id": "t_thumb_4", "x": 70, "y": 575.0, "width": 140, "height": 25, "text": "照片5", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "thumb_4", "originalText": "照片5", "autoResize": true}, {"type": "rectangle", "id": "thumb_5", "x": 235, "y": 540, "width": 160, "height": 90, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_thumb_5", "type": "text"}]}, {"type": "text", "id": "t_thumb_5", "x": 245, "y": 575.0, "width": 140, "height": 25, "text": "照片6", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "thumb_5", "originalText": "照片6", "autoResize": true}, {"type": "rectangle", "id": "btn_upload", "x": 60, "y": 740, "width": 165.0, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_btn_upload", "type": "text"}]}, {"type": "text", "id": "t_btn_upload", "x": 70, "y": 755.0, "width": 145.0, "height": 25, "text": "+ 上傳照片", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "btn_upload", "originalText": "+ 上傳照片", "autoResize": true}, {"type": "rectangle", "id": "btn_setting", "x": 235.0, "y": 740, "width": 165.0, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_btn_setting", "type": "text"}]}, {"type": "text", "id": "t_btn_setting", "x": 245.0, "y": 755.0, "width": 145.0, "height": 25, "text": "相簿設定", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "btn_setting", "originalText": "相簿設定", "autoResize": true}, {"type": "text", "id": "title", "x": 480, "y": 30, "text": "相簿頁 — 規格標註", "fontSize": 24, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "相簿頁 — 規格標註", "autoResize": true, "width": 132.0, "height": 29}, {"type": "rectangle", "id": "sp_0", "x": 480, "y": 80, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_0", "type": "text"}]}, {"type": "text", "id": "sp_t_0", "x": 490, "y": 88, "text": "[1] 導航列", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[1] 導航列", "autoResize": true, "width": 61.60000000000001, "height": 21}, {"type": "text", "id": "sp_d_0", "x": 490, "y": 112, "text": "返回首頁\n相簿名稱標題", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "返回首頁\n相簿名稱標題", "autoResize": true, "width": 84.7, "height": 19}, {"type": "rectangle", "id": "sp_1", "x": 480, "y": 170, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_1", "type": "text"}]}, {"type": "text", "id": "sp_t_1", "x": 490, "y": 178, "text": "[2] 相簿封面", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[2] 相簿封面", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_1", "x": 490, "y": 202, "text": "大圖模式\n相簿名+照片數量", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "大圖模式\n相簿名+照片數量", "autoResize": true, "width": 100.10000000000001, "height": 19}, {"type": "rectangle", "id": "sp_2", "x": 480, "y": 260, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_2", "type": "text"}]}, {"type": "text", "id": "sp_t_2", "x": 490, "y": 268, "text": "[3] 相簿描述", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[3] 相簿描述", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_2", "x": 490, "y": 292, "text": "可選、最多500字", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "可選、最多500字", "autoResize": true, "width": 69.30000000000001, "height": 19}, {"type": "rectangle", "id": "sp_3", "x": 480, "y": 350, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_3", "type": "text"}]}, {"type": "text", "id": "sp_t_3", "x": 490, "y": 358, "text": "[4] 格狀縮圖", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[4] 格狀縮圖", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_3", "x": 490, "y": 382, "text": "2欄排列（手機）\n3欄（桌面）\n點擊進全螢幕瀏覽", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "2欄排列（手機）\n3欄（桌面）\n點擊進全螢幕瀏覽", "autoResize": true, "width": 184.8, "height": 19}, {"type": "rectangle", "id": "sp_4", "x": 480, "y": 440, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_4", "type": "text"}]}, {"type": "text", "id": "sp_t_4", "x": 490, "y": 448, "text": "[5] 上傳按鈕", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[5] 上傳按鈕", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_4", "x": 490, "y": 472, "text": "支援多選\n一次上限50張", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "支援多選\n一次上限50張", "autoResize": true, "width": 92.4, "height": 19}, {"type": "rectangle", "id": "sp_5", "x": 480, "y": 530, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_5", "type": "text"}]}, {"type": "text", "id": "sp_t_5", "x": 490, "y": 538, "text": "[6] 相簿設定", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[6] 相簿設定", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_5", "x": 490, "y": 562, "text": "名稱/描述/封面\n隱私層級設定", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "名稱/描述/封面\n隱私層級設定", "autoResize": true, "width": 115.50000000000001, "height": 19}, {"type": "arrow", "id": "a1", "x": 470, "y": 100, "width": 70, "height": 50, "points": [[0, 0], [-70, 50]], "endArrowhead": "arrow", "strokeColor": "#868e91", "strokeWidth": 1, "roughness": 1}, {"type": "arrow", "id": "a2", "x": 470, "y": 370, "width": 90, "height": 0, "points": [[0, 0], [-90, 0]], "endArrowhead": "arrow", "strokeColor": "#868e91", "strokeWidth": 1, "roughness": 1}], "appState": {"viewBackgroundColor": "#ffffff"}} +``` + diff --git a/wireframe_guestbook.excalidraw.md b/wireframe_guestbook.excalidraw.md new file mode 100644 index 0000000..7b3d12c --- /dev/null +++ b/wireframe_guestbook.excalidraw.md @@ -0,0 +1,13 @@ +--- +excalidraw-plugin: parsed +tags: [excalidraw, wireframe] +--- + +==⚙ Syntax== +This file is an Excalidraw drawing managed by the Obsidian Excalidraw Plugin. +Do not edit this block directly. + +```excalidraw +{"type": "excalidraw", "version": 2, "source": "hermes-agent", "elements": [{"type": "rectangle", "id": "phone", "x": 50, "y": 30, "width": 360, "height": 780, "roundness": null, "backgroundColor": "transparent", "fillStyle": "solid", "strokeColor": "#868e91", "strokeWidth": 3, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_phone", "type": "text"}]}, {"type": "rectangle", "id": "nav", "x": 55, "y": 35, "width": 350, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_nav", "type": "text"}]}, {"type": "text", "id": "t_nav", "x": 65, "y": 50.0, "width": 330, "height": 25, "text": "留言板", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "nav", "originalText": "留言板", "autoResize": true}, {"type": "rectangle", "id": "msg_0", "x": 60, "y": 100, "width": 340, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_msg_0", "type": "text"}]}, {"type": "text", "id": "t_msg_0", "x": 70, "y": 130.0, "width": 320, "height": 25, "text": "阿華\n小明好久不見！你家好漂亮", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "msg_0", "originalText": "阿華\n小明好久不見！你家好漂亮", "autoResize": true}, {"type": "text", "id": "time_0", "x": 310, "y": 105, "text": "4/15 14:30", "fontSize": 12, "fontFamily": 1, "strokeColor": "#868e91", "originalText": "4/15 14:30", "autoResize": true, "width": 66.0, "height": 17}, {"type": "rectangle", "id": "msg_1", "x": 60, "y": 200, "width": 340, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_msg_1", "type": "text"}]}, {"type": "text", "id": "t_msg_1", "x": 70, "y": 230.0, "width": 320, "height": 25, "text": "小美\n日本行的照片太美了", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "msg_1", "originalText": "小美\n日本行的照片太美了", "autoResize": true}, {"type": "text", "id": "time_1", "x": 310, "y": 205, "text": "4/14 20:15", "fontSize": 12, "fontFamily": 1, "strokeColor": "#868e91", "originalText": "4/14 20:15", "autoResize": true, "width": 66.0, "height": 17}, {"type": "rectangle", "id": "msg_2", "x": 60, "y": 300, "width": 340, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#fff3bf", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_msg_2", "type": "text"}]}, {"type": "text", "id": "t_msg_2", "x": 70, "y": 330.0, "width": 320, "height": 25, "text": "小明(板主)\n謝謝你們！下次一起來", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "msg_2", "originalText": "小明(板主)\n謝謝你們！下次一起來", "autoResize": true}, {"type": "text", "id": "time_2", "x": 310, "y": 305, "text": "4/14 21:00", "fontSize": 12, "fontFamily": 1, "strokeColor": "#868e91", "originalText": "4/14 21:00", "autoResize": true, "width": 66.0, "height": 17}, {"type": "rectangle", "id": "reply_2", "x": 80, "y": 385, "width": 310, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#fff3bf", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_reply_2", "type": "text"}]}, {"type": "text", "id": "t_reply_2", "x": 90, "y": 400.0, "width": 290, "height": 25, "text": "謝謝你們！下次一起來", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "reply_2", "originalText": "謝謝你們！下次一起來", "autoResize": true}, {"type": "rectangle", "id": "msg_3", "x": 60, "y": 450, "width": 340, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_msg_3", "type": "text"}]}, {"type": "text", "id": "t_msg_3", "x": 70, "y": 480.0, "width": 320, "height": 25, "text": "大衛\n這個貓咪相簿好療癒", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "msg_3", "originalText": "大衛\n這個貓咪相簿好療癒", "autoResize": true}, {"type": "text", "id": "time_3", "x": 310, "y": 455, "text": "4/10 09:45", "fontSize": 12, "fontFamily": 1, "strokeColor": "#868e91", "originalText": "4/10 09:45", "autoResize": true, "width": 66.0, "height": 17}, {"type": "rectangle", "id": "input_area", "x": 60, "y": 690, "width": 340, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_input_area", "type": "text"}]}, {"type": "text", "id": "t_input_area", "x": 70, "y": 705.0, "width": 320, "height": 25, "text": "留句話給小明...", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "input_area", "originalText": "留句話給小明...", "autoResize": true}, {"type": "rectangle", "id": "btn_send", "x": 60, "y": 750, "width": 340, "height": 45, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_btn_send", "type": "text"}]}, {"type": "text", "id": "t_btn_send", "x": 70, "y": 762.5, "width": 320, "height": 25, "text": "送出留言", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "btn_send", "originalText": "送出留言", "autoResize": true}, {"type": "text", "id": "title", "x": 480, "y": 30, "text": "留言板頁 — 規格標註", "fontSize": 24, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "留言板頁 — 規格標註", "autoResize": true, "width": 145.20000000000002, "height": 29}, {"type": "rectangle", "id": "sp_0", "x": 480, "y": 80, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_0", "type": "text"}]}, {"type": "text", "id": "sp_t_0", "x": 490, "y": 88, "text": "[1] 留言卡片", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[1] 留言卡片", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_0", "x": 490, "y": 112, "text": "頭像+暱稱+時間+內容\n不同顏色區分訪客/板主", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "頭像+暱稱+時間+內容\n不同顏色區分訪客/板主", "autoResize": true, "width": 177.10000000000002, "height": 19}, {"type": "rectangle", "id": "sp_1", "x": 480, "y": 170, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_1", "type": "text"}]}, {"type": "text", "id": "sp_t_1", "x": 490, "y": 178, "text": "[2] 板主回覆", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[2] 板主回覆", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_1", "x": 490, "y": 202, "text": "縮排在原留言下方\n黃色背景標示", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "縮排在原留言下方\n黃色背景標示", "autoResize": true, "width": 115.50000000000001, "height": 19}, {"type": "rectangle", "id": "sp_2", "x": 480, "y": 260, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_2", "type": "text"}]}, {"type": "text", "id": "sp_t_2", "x": 490, "y": 268, "text": "[3] 留言時間", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[3] 留言時間", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_2", "x": 490, "y": 292, "text": "右上角小字\n相對時間（3分鐘前）", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "右上角小字\n相對時間（3分鐘前）", "autoResize": true, "width": 123.20000000000002, "height": 19}, {"type": "rectangle", "id": "sp_3", "x": 480, "y": 350, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_3", "type": "text"}]}, {"type": "text", "id": "sp_t_3", "x": 490, "y": 358, "text": "[4] 留言輸入", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[4] 留言輸入", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_3", "x": 490, "y": 382, "text": "底部固定\n登入訪客可留言", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "底部固定\n登入訪客可留言", "autoResize": true, "width": 92.4, "height": 19}, {"type": "rectangle", "id": "sp_4", "x": 480, "y": 440, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_4", "type": "text"}]}, {"type": "text", "id": "sp_t_4", "x": 490, "y": 448, "text": "[5] 送出按鈕", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[5] 送出按鈕", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_4", "x": 490, "y": 472, "text": "送出後即時顯示\n板主收到通知", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "送出後即時顯示\n板主收到通知", "autoResize": true, "width": 107.80000000000001, "height": 19}], "appState": {"viewBackgroundColor": "#ffffff"}} +``` + diff --git a/wireframe_homepage.excalidraw.md b/wireframe_homepage.excalidraw.md new file mode 100644 index 0000000..dde0757 --- /dev/null +++ b/wireframe_homepage.excalidraw.md @@ -0,0 +1,13 @@ +--- +excalidraw-plugin: parsed +tags: [excalidraw, wireframe] +--- + +==⚙ Syntax== +This file is an Excalidraw drawing managed by the Obsidian Excalidraw Plugin. +Do not edit this block directly. + +```excalidraw +{"type": "excalidraw", "version": 2, "source": "hermes-agent", "elements": [{"type": "rectangle", "id": "phone", "x": 50, "y": 30, "width": 360, "height": 780, "roundness": null, "backgroundColor": "transparent", "fillStyle": "solid", "strokeColor": "#868e91", "strokeWidth": 3, "roughness": 0, "opacity": 100, "boundElements": [{"id": "t_phone", "type": "text"}]}, {"type": "rectangle", "id": "cover", "x": 55, "y": 35, "width": 350, "height": 140, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_cover", "type": "text"}]}, {"type": "text", "id": "t_cover", "x": 65, "y": 95.0, "width": 330, "height": 25, "text": "封面照片", "fontSize": 20, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "cover", "originalText": "封面照片", "autoResize": true}, {"type": "ellipse", "id": "avatar", "x": 180, "y": 140, "width": 80, "height": 80, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_avatar", "type": "text"}]}, {"type": "text", "id": "t_avatar", "x": 192, "y": 170, "width": 56, "height": 20, "text": "大頭照", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "avatar", "originalText": "大頭照", "autoResize": true}, {"type": "text", "id": "username", "x": 150, "y": 240, "text": "小明的家", "fontSize": 20, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "小明的家", "autoResize": true, "width": 44.0, "height": 25}, {"type": "text", "id": "bio", "x": 130, "y": 270, "text": "記錄生活的大小事", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "記錄生活的大小事", "autoResize": true, "width": 61.60000000000001, "height": 19}, {"type": "rectangle", "id": "card_album", "x": 60, "y": 310, "width": 340, "height": 120, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_card_album", "type": "text"}]}, {"type": "text", "id": "t_card_album", "x": 70, "y": 360.0, "width": 320, "height": 25, "text": "相簿\n12本 | 最近：日本行", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "card_album", "originalText": "相簿\n12本 | 最近：日本行", "autoResize": true}, {"type": "rectangle", "id": "card_blog", "x": 60, "y": 450, "width": 165.0, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_card_blog", "type": "text"}]}, {"type": "text", "id": "t_card_blog", "x": 70, "y": 480.0, "width": 145.0, "height": 25, "text": "網誌\n8篇", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "card_blog", "originalText": "網誌\n8篇", "autoResize": true}, {"type": "rectangle", "id": "card_mood", "x": 235, "y": 450, "width": 165.0, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_card_mood", "type": "text"}]}, {"type": "text", "id": "t_card_mood", "x": 245, "y": 480.0, "width": 145.0, "height": 25, "text": "心情\n今天：放鬆", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "card_mood", "originalText": "心情\n今天：放鬆", "autoResize": true}, {"type": "rectangle", "id": "card_guestbook", "x": 60, "y": 550, "width": 340, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#fff3bf", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_card_guestbook", "type": "text"}]}, {"type": "text", "id": "t_card_guestbook", "x": 70, "y": 580.0, "width": 320, "height": 25, "text": "留言板\n5則新留言", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "card_guestbook", "originalText": "留言板\n5則新留言", "autoResize": true}, {"type": "rectangle", "id": "card_visitors", "x": 60, "y": 650, "width": 340, "height": 60, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_card_visitors", "type": "text"}]}, {"type": "text", "id": "t_card_visitors", "x": 70, "y": 670.0, "width": 320, "height": 25, "text": "還有誰來我家\n阿華 · 小美 · 大衛", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "card_visitors", "originalText": "還有誰來我家\n阿華 · 小美 · 大衛", "autoResize": true}, {"type": "text", "id": "title_note", "x": 480, "y": 30, "text": "個人首頁 — 規格標註", "fontSize": 24, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "個人首頁 — 規格標註", "autoResize": true, "width": 145.20000000000002, "height": 29}, {"type": "rectangle", "id": "spec_0", "x": 480, "y": 80, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_spec_0", "type": "text"}]}, {"type": "text", "id": "spec_t_0", "x": 490, "y": 88, "text": "[1] 封面照片", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[1] 封面照片", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "spec_d_0", "x": 490, "y": 112, "text": "全幅寬度、140px高\n可上傳自訂圖片", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "全幅寬度、140px高\n可上傳自訂圖片", "autoResize": true, "width": 146.3, "height": 19}, {"type": "rectangle", "id": "spec_1", "x": 480, "y": 170, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_spec_1", "type": "text"}]}, {"type": "text", "id": "spec_t_1", "x": 490, "y": 178, "text": "[2] 大頭照", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[2] 大頭照", "autoResize": true, "width": 61.60000000000001, "height": 21}, {"type": "text", "id": "spec_d_1", "x": 490, "y": 202, "text": "80x80圓形\n覆蓋在封面底部", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "80x80圓形\n覆蓋在封面底部", "autoResize": true, "width": 115.50000000000001, "height": 19}, {"type": "rectangle", "id": "spec_2", "x": 480, "y": 260, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_spec_2", "type": "text"}]}, {"type": "text", "id": "spec_t_2", "x": 490, "y": 268, "text": "[3] 暱稱+自介", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[3] 暱稱+自介", "autoResize": true, "width": 79.2, "height": 21}, {"type": "text", "id": "spec_d_2", "x": 490, "y": 292, "text": "置中、可編輯\n自介最多200字", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "置中、可編輯\n自介最多200字", "autoResize": true, "width": 115.50000000000001, "height": 19}, {"type": "rectangle", "id": "spec_3", "x": 480, "y": 350, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_spec_3", "type": "text"}]}, {"type": "text", "id": "spec_t_3", "x": 490, "y": 358, "text": "[4] 相簿卡片", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[4] 相簿卡片", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "spec_d_3", "x": 490, "y": 382, "text": "最大面積、佔整行\n顯示數量+最近相簿名", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "最大面積、佔整行\n顯示數量+最近相簿名", "autoResize": true, "width": 146.3, "height": 19}, {"type": "rectangle", "id": "spec_4", "x": 480, "y": 440, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_spec_4", "type": "text"}]}, {"type": "text", "id": "spec_t_4", "x": 490, "y": 448, "text": "[5] 網誌卡片", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[5] 網誌卡片", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "spec_d_4", "x": 490, "y": 472, "text": "半行寬、顯示文章數量", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "半行寬、顯示文章數量", "autoResize": true, "width": 77.0, "height": 19}, {"type": "rectangle", "id": "spec_5", "x": 480, "y": 530, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_spec_5", "type": "text"}]}, {"type": "text", "id": "spec_t_5", "x": 490, "y": 538, "text": "[6] 心情卡片", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[6] 心情卡片", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "spec_d_5", "x": 490, "y": 562, "text": "半行寬、顯示當前心情狀態", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "半行寬、顯示當前心情狀態", "autoResize": true, "width": 92.4, "height": 19}, {"type": "rectangle", "id": "spec_6", "x": 480, "y": 620, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_spec_6", "type": "text"}]}, {"type": "text", "id": "spec_t_6", "x": 490, "y": 628, "text": "[7] 留言板卡片", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[7] 留言板卡片", "autoResize": true, "width": 79.2, "height": 21}, {"type": "text", "id": "spec_d_6", "x": 490, "y": 652, "text": "全行、顯示新留言數\n點擊進入留言板", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "全行、顯示新留言數\n點擊進入留言板", "autoResize": true, "width": 130.9, "height": 19}, {"type": "rectangle", "id": "spec_7", "x": 480, "y": 710, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_spec_7", "type": "text"}]}, {"type": "text", "id": "spec_t_7", "x": 490, "y": 718, "text": "[8] 最近來訪", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[8] 最近來訪", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "spec_d_7", "x": 490, "y": 742, "text": "頭像列+暱稱\n最多5位、opt-in", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "頭像列+暱稱\n最多5位、opt-in", "autoResize": true, "width": 138.60000000000002, "height": 19}, {"type": "arrow", "id": "a1", "x": 470, "y": 100, "width": 70, "height": 100, "points": [[0, 0], [-70, 100]], "endArrowhead": "arrow", "strokeColor": "#868e91", "strokeWidth": 1, "roughness": 1}, {"type": "arrow", "id": "a2", "x": 470, "y": 370, "width": 90, "height": 0, "points": [[0, 0], [-90, 0]], "endArrowhead": "arrow", "strokeColor": "#868e91", "strokeWidth": 1, "roughness": 1}, {"type": "arrow", "id": "a3", "x": 470, "y": 750, "width": 90, "height": 200, "points": [[0, 0], [-90, 200]], "endArrowhead": "arrow", "strokeColor": "#868e91", "strokeWidth": 1, "roughness": 1}], "appState": {"viewBackgroundColor": "#ffffff"}} +``` + diff --git a/wireframe_settings.excalidraw.md b/wireframe_settings.excalidraw.md new file mode 100644 index 0000000..220104d --- /dev/null +++ b/wireframe_settings.excalidraw.md @@ -0,0 +1,13 @@ +--- +excalidraw-plugin: parsed +tags: [excalidraw, wireframe] +--- + +==⚙ Syntax== +This file is an Excalidraw drawing managed by the Obsidian Excalidraw Plugin. +Do not edit this block directly. + +```excalidraw +{"type": "excalidraw", "version": 2, "source": "hermes-agent", "elements": [{"type": "rectangle", "id": "phone", "x": 50, "y": 30, "width": 360, "height": 780, "roundness": null, "backgroundColor": "transparent", "fillStyle": "solid", "strokeColor": "#868e91", "strokeWidth": 3, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_phone", "type": "text"}]}, {"type": "rectangle", "id": "nav", "x": 55, "y": 35, "width": 350, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_nav", "type": "text"}]}, {"type": "text", "id": "t_nav", "x": 65, "y": 50.0, "width": 330, "height": 25, "text": "設定", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "nav", "originalText": "設定", "autoResize": true}, {"type": "rectangle", "id": "tab_privacy", "x": 55, "y": 100, "width": 108, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_tab_privacy", "type": "text"}]}, {"type": "text", "id": "t_tab_privacy", "x": 65, "y": 110.0, "width": 88, "height": 25, "text": "隱私", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "tab_privacy", "originalText": "隱私", "autoResize": true}, {"type": "rectangle", "id": "tab_import", "x": 168, "y": 100, "width": 108, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_tab_import", "type": "text"}]}, {"type": "text", "id": "t_tab_import", "x": 178, "y": 110.0, "width": 88, "height": 25, "text": "匯入", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "tab_import", "originalText": "匯入", "autoResize": true}, {"type": "rectangle", "id": "tab_export", "x": 281, "y": 100, "width": 108, "height": 40, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_tab_export", "type": "text"}]}, {"type": "text", "id": "t_tab_export", "x": 291, "y": 110.0, "width": 88, "height": 25, "text": "匯出", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "tab_export", "originalText": "匯出", "autoResize": true}, {"type": "text", "id": "priv_title", "x": 60, "y": 160, "text": "內容隱私總覽", "fontSize": 18, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "內容隱私總覽", "autoResize": true, "width": 59.400000000000006, "height": 23}, {"type": "rectangle", "id": "priv_0", "x": 60, "y": 190, "width": 210, "height": 45, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_priv_0", "type": "text"}]}, {"type": "text", "id": "t_priv_0", "x": 70, "y": 202.5, "width": 190, "height": 25, "text": "日本行 2026", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "priv_0", "originalText": "日本行 2026", "autoResize": true}, {"type": "rectangle", "id": "priv_lv_0", "x": 280, "y": 190, "width": 110, "height": 45, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_priv_lv_0", "type": "text"}]}, {"type": "text", "id": "t_priv_lv_0", "x": 290, "y": 202.5, "width": 90, "height": 25, "text": "朋友", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "priv_lv_0", "originalText": "朋友", "autoResize": true}, {"type": "rectangle", "id": "priv_1", "x": 60, "y": 245, "width": 210, "height": 45, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_priv_1", "type": "text"}]}, {"type": "text", "id": "t_priv_1", "x": 70, "y": 257.5, "width": 190, "height": 25, "text": "賞櫻心得", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "priv_1", "originalText": "賞櫻心得", "autoResize": true}, {"type": "rectangle", "id": "priv_lv_1", "x": 280, "y": 245, "width": 110, "height": 45, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_priv_lv_1", "type": "text"}]}, {"type": "text", "id": "t_priv_lv_1", "x": 290, "y": 257.5, "width": 90, "height": 25, "text": "公開", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "priv_lv_1", "originalText": "公開", "autoResize": true}, {"type": "rectangle", "id": "priv_2", "x": 60, "y": 300, "width": 210, "height": 45, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_priv_2", "type": "text"}]}, {"type": "text", "id": "t_priv_2", "x": 70, "y": 312.5, "width": 190, "height": 25, "text": "貓咪日常", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "priv_2", "originalText": "貓咪日常", "autoResize": true}, {"type": "rectangle", "id": "priv_lv_2", "x": 280, "y": 300, "width": 110, "height": 45, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_priv_lv_2", "type": "text"}]}, {"type": "text", "id": "t_priv_lv_2", "x": 290, "y": 312.5, "width": 90, "height": 25, "text": "連結可見", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "priv_lv_2", "originalText": "連結可見", "autoResize": true}, {"type": "rectangle", "id": "priv_3", "x": 60, "y": 355, "width": 210, "height": 45, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_priv_3", "type": "text"}]}, {"type": "text", "id": "t_priv_3", "x": 70, "y": 367.5, "width": 190, "height": 25, "text": "心情：放鬆", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "priv_3", "originalText": "心情：放鬆", "autoResize": true}, {"type": "rectangle", "id": "priv_lv_3", "x": 280, "y": 355, "width": 110, "height": 45, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_priv_lv_3", "type": "text"}]}, {"type": "text", "id": "t_priv_lv_3", "x": 290, "y": 367.5, "width": 90, "height": 25, "text": "指定名單", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "priv_lv_3", "originalText": "指定名單", "autoResize": true}, {"type": "text", "id": "priv_levels", "x": 60, "y": 420, "text": "隱私層級：", "fontSize": 14, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "隱私層級：", "autoResize": true, "width": 38.5, "height": 19}, {"type": "rectangle", "id": "lv_0", "x": 60, "y": 445, "width": 80, "height": 30, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_lv_0", "type": "text"}]}, {"type": "text", "id": "t_lv_0", "x": 70, "y": 450.0, "width": 60, "height": 25, "text": "公開", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "lv_0", "originalText": "公開", "autoResize": true}, {"type": "rectangle", "id": "lv_1", "x": 145, "y": 445, "width": 80, "height": 30, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_lv_1", "type": "text"}]}, {"type": "text", "id": "t_lv_1", "x": 155, "y": 450.0, "width": 60, "height": 25, "text": "連結可見", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "lv_1", "originalText": "連結可見", "autoResize": true}, {"type": "rectangle", "id": "lv_2", "x": 230, "y": 445, "width": 80, "height": 30, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_lv_2", "type": "text"}]}, {"type": "text", "id": "t_lv_2", "x": 240, "y": 450.0, "width": 60, "height": 25, "text": "朋友", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "lv_2", "originalText": "朋友", "autoResize": true}, {"type": "rectangle", "id": "lv_3", "x": 315, "y": 445, "width": 80, "height": 30, "roundness": {"type": 3}, "backgroundColor": "#d0bfff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_lv_3", "type": "text"}]}, {"type": "text", "id": "t_lv_3", "x": 325, "y": 450.0, "width": 60, "height": 25, "text": "指定名單", "fontSize": 12, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "lv_3", "originalText": "指定名單", "autoResize": true}, {"type": "text", "id": "title", "x": 480, "y": 30, "text": "設定頁 — 規格標註", "fontSize": 24, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "設定頁 — 規格標註", "autoResize": true, "width": 132.0, "height": 29}, {"type": "rectangle", "id": "sp_0", "x": 480, "y": 80, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_0", "type": "text"}]}, {"type": "text", "id": "sp_t_0", "x": 490, "y": 88, "text": "[1] Tab 切換", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[1] Tab 切換", "autoResize": true, "width": 88.0, "height": 21}, {"type": "text", "id": "sp_d_0", "x": 490, "y": 112, "text": "隱私 / 匯入 / 匯出\n三個子頁面切換", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "隱私 / 匯入 / 匯出\n三個子頁面切換", "autoResize": true, "width": 154.0, "height": 19}, {"type": "rectangle", "id": "sp_1", "x": 480, "y": 170, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_1", "type": "text"}]}, {"type": "text", "id": "sp_t_1", "x": 490, "y": 178, "text": "[2] 隱私總覽", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[2] 隱私總覽", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_1", "x": 490, "y": 202, "text": "列表呈現所有內容\n每行=內容+目前層級+修改", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "列表呈現所有內容\n每行=內容+目前層級+修改", "autoResize": true, "width": 169.4, "height": 19}, {"type": "rectangle", "id": "sp_2", "x": 480, "y": 260, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_2", "type": "text"}]}, {"type": "text", "id": "sp_t_2", "x": 490, "y": 268, "text": "[3] 隱私層級", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[3] 隱私層級", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_2", "x": 490, "y": 292, "text": "4層：公開/連結可見\n/朋友/指定名單\n顏色區分", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "4層：公開/連結可見\n/朋友/指定名單\n顏色區分", "autoResize": true, "width": 184.8, "height": 19}, {"type": "rectangle", "id": "sp_3", "x": 480, "y": 350, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_3", "type": "text"}]}, {"type": "text", "id": "sp_t_3", "x": 490, "y": 358, "text": "[4] 匯入頁", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[4] 匯入頁", "autoResize": true, "width": 61.60000000000001, "height": 21}, {"type": "text", "id": "sp_d_3", "x": 490, "y": 382, "text": "來源選擇\n拖放區+步驟引導\n支援FB/IG/Google", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "來源選擇\n拖放區+步驟引導\n支援FB/IG/Google", "autoResize": true, "width": 215.60000000000002, "height": 19}, {"type": "rectangle", "id": "sp_4", "x": 480, "y": 440, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_4", "type": "text"}]}, {"type": "text", "id": "sp_t_4", "x": 490, "y": 448, "text": "[5] 匯出頁", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[5] 匯出頁", "autoResize": true, "width": 61.60000000000001, "height": 21}, {"type": "text", "id": "sp_d_4", "x": 490, "y": 472, "text": "一鍵匯出按鈕\n範圍選擇+進度條\nJSON+原始圖片", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "一鍵匯出按鈕\n範圍選擇+進度條\nJSON+原始圖片", "autoResize": true, "width": 192.50000000000003, "height": 19}], "appState": {"viewBackgroundColor": "#ffffff"}} +``` + diff --git a/wireframe_timeline.excalidraw.md b/wireframe_timeline.excalidraw.md new file mode 100644 index 0000000..098cd0c --- /dev/null +++ b/wireframe_timeline.excalidraw.md @@ -0,0 +1,13 @@ +--- +excalidraw-plugin: parsed +tags: [excalidraw, wireframe] +--- + +==⚙ Syntax== +This file is an Excalidraw drawing managed by the Obsidian Excalidraw Plugin. +Do not edit this block directly. + +```excalidraw +{"type": "excalidraw", "version": 2, "source": "hermes-agent", "elements": [{"type": "rectangle", "id": "phone", "x": 50, "y": 30, "width": 360, "height": 780, "roundness": null, "backgroundColor": "transparent", "fillStyle": "solid", "strokeColor": "#868e91", "strokeWidth": 3, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_phone", "type": "text"}]}, {"type": "rectangle", "id": "nav", "x": 55, "y": 35, "width": 350, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_nav", "type": "text"}]}, {"type": "text", "id": "t_nav", "x": 65, "y": 50.0, "width": 330, "height": 25, "text": "< 時間軸", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "nav", "originalText": "< 時間軸", "autoResize": true}, {"type": "text", "id": "year", "x": 70, "y": 100, "text": "2026", "fontSize": 20, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "2026", "autoResize": true, "width": 44.0, "height": 25}, {"type": "text", "id": "month", "x": 70, "y": 125, "text": "4月", "fontSize": 16, "fontFamily": 1, "strokeColor": "#757575", "originalText": "4月", "autoResize": true, "width": 17.6, "height": 21}, {"type": "text", "id": "date_0", "x": 60, "y": 175, "text": "4/15", "fontSize": 14, "fontFamily": 1, "strokeColor": "#868e91", "originalText": "4/15", "autoResize": true, "width": 30.800000000000004, "height": 19}, {"type": "rectangle", "id": "node_0", "x": 100, "y": 165, "width": 16, "height": 16, "roundness": {"type": 3}, "backgroundColor": 14, "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_node_0", "type": "text"}]}, {"type": "text", "id": "t_node_0", "x": 110, "y": 163.0, "width": -4, "height": 25, "text": "#a5d8ff", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "node_0", "originalText": "#a5d8ff", "autoResize": true}, {"type": "rectangle", "id": "item_0", "x": 130, "y": 160, "width": 270, "height": 60, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_item_0", "type": "text"}]}, {"type": "text", "id": "t_item_0", "x": 140, "y": 180.0, "width": 250, "height": 25, "text": "相簿：日本行 2026", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "item_0", "originalText": "相簿：日本行 2026", "autoResize": true}, {"type": "text", "id": "date_1", "x": 60, "y": 255, "text": "4/10", "fontSize": 14, "fontFamily": 1, "strokeColor": "#868e91", "originalText": "4/10", "autoResize": true, "width": 30.800000000000004, "height": 19}, {"type": "rectangle", "id": "node_1", "x": 100, "y": 245, "width": 16, "height": 16, "roundness": {"type": 3}, "backgroundColor": 14, "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_node_1", "type": "text"}]}, {"type": "text", "id": "t_node_1", "x": 110, "y": 243.0, "width": -4, "height": 25, "text": "#b2f2bb", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "node_1", "originalText": "#b2f2bb", "autoResize": true}, {"type": "rectangle", "id": "item_1", "x": 130, "y": 240, "width": 270, "height": 60, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_item_1", "type": "text"}]}, {"type": "text", "id": "t_item_1", "x": 140, "y": 260.0, "width": 250, "height": 25, "text": "網誌：賞櫻心得", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "item_1", "originalText": "網誌：賞櫻心得", "autoResize": true}, {"type": "text", "id": "date_2", "x": 60, "y": 335, "text": "4/5", "fontSize": 14, "fontFamily": 1, "strokeColor": "#868e91", "originalText": "4/5", "autoResize": true, "width": 23.1, "height": 19}, {"type": "rectangle", "id": "node_2", "x": 100, "y": 325, "width": 16, "height": 16, "roundness": {"type": 3}, "backgroundColor": 14, "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_node_2", "type": "text"}]}, {"type": "text", "id": "t_node_2", "x": 110, "y": 323.0, "width": -4, "height": 25, "text": "#ffd8a8", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "node_2", "originalText": "#ffd8a8", "autoResize": true}, {"type": "rectangle", "id": "item_2", "x": 130, "y": 320, "width": 270, "height": 60, "roundness": {"type": 3}, "backgroundColor": "#ffd8a8", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_item_2", "type": "text"}]}, {"type": "text", "id": "t_item_2", "x": 140, "y": 340.0, "width": 250, "height": 25, "text": "心情：放鬆", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "item_2", "originalText": "心情：放鬆", "autoResize": true}, {"type": "text", "id": "date_3", "x": 60, "y": 415, "text": "3/28", "fontSize": 14, "fontFamily": 1, "strokeColor": "#868e91", "originalText": "3/28", "autoResize": true, "width": 30.800000000000004, "height": 19}, {"type": "rectangle", "id": "node_3", "x": 100, "y": 405, "width": 16, "height": 16, "roundness": {"type": 3}, "backgroundColor": 14, "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_node_3", "type": "text"}]}, {"type": "text", "id": "t_node_3", "x": 110, "y": 403.0, "width": -4, "height": 25, "text": "#a5d8ff", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "node_3", "originalText": "#a5d8ff", "autoResize": true}, {"type": "rectangle", "id": "item_3", "x": 130, "y": 400, "width": 270, "height": 60, "roundness": {"type": 3}, "backgroundColor": "#a5d8ff", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_item_3", "type": "text"}]}, {"type": "text", "id": "t_item_3", "x": 140, "y": 420.0, "width": 250, "height": 25, "text": "相簿：貓咪日常", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "item_3", "originalText": "相簿：貓咪日常", "autoResize": true}, {"type": "text", "id": "date_4", "x": 60, "y": 495, "text": "3/20", "fontSize": 14, "fontFamily": 1, "strokeColor": "#868e91", "originalText": "3/20", "autoResize": true, "width": 30.800000000000004, "height": 19}, {"type": "rectangle", "id": "node_4", "x": 100, "y": 485, "width": 16, "height": 16, "roundness": {"type": 3}, "backgroundColor": 14, "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_node_4", "type": "text"}]}, {"type": "text", "id": "t_node_4", "x": 110, "y": 483.0, "width": -4, "height": 25, "text": "#b2f2bb", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "node_4", "originalText": "#b2f2bb", "autoResize": true}, {"type": "rectangle", "id": "item_4", "x": 130, "y": 480, "width": 270, "height": 60, "roundness": {"type": 3}, "backgroundColor": "#b2f2bb", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_item_4", "type": "text"}]}, {"type": "text", "id": "t_item_4", "x": 140, "y": 500.0, "width": 250, "height": 25, "text": "網誌：讀書筆記", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "item_4", "originalText": "網誌：讀書筆記", "autoResize": true}, {"type": "rectangle", "id": "jump", "x": 60, "y": 740, "width": 340, "height": 50, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#1e1e1e", "strokeWidth": 2, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_jump", "type": "text"}]}, {"type": "text", "id": "t_jump", "x": 70, "y": 755.0, "width": 320, "height": 25, "text": "跳到：選擇年月", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "textAlign": "center", "verticalAlign": "middle", "containerId": "jump", "originalText": "跳到：選擇年月", "autoResize": true}, {"type": "text", "id": "title", "x": 480, "y": 30, "text": "時間軸頁 — 規格標註", "fontSize": 24, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "時間軸頁 — 規格標註", "autoResize": true, "width": 145.20000000000002, "height": 29}, {"type": "rectangle", "id": "sp_0", "x": 480, "y": 80, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_0", "type": "text"}]}, {"type": "text", "id": "sp_t_0", "x": 490, "y": 88, "text": "[1] 年月標頭", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[1] 年月標頭", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_0", "x": 490, "y": 112, "text": "依時間分組\n可折疊月份", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "依時間分組\n可折疊月份", "autoResize": true, "width": 84.7, "height": 19}, {"type": "rectangle", "id": "sp_1", "x": 480, "y": 170, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_1", "type": "text"}]}, {"type": "text", "id": "sp_t_1", "x": 490, "y": 178, "text": "[2] 日期標籤", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[2] 日期標籤", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_1", "x": 490, "y": 202, "text": "左側日期\n時間線節點", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "左側日期\n時間線節點", "autoResize": true, "width": 77.0, "height": 19}, {"type": "rectangle", "id": "sp_2", "x": 480, "y": 260, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_2", "type": "text"}]}, {"type": "text", "id": "sp_t_2", "x": 490, "y": 268, "text": "[3] 類型圖示", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[3] 類型圖示", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_2", "x": 490, "y": 292, "text": "相簿=藍/網誌=綠\n心情=橘，用顏色區分", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "相簿=藍/網誌=綠\n心情=橘，用顏色區分", "autoResize": true, "width": 154.0, "height": 19}, {"type": "rectangle", "id": "sp_3", "x": 480, "y": 350, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_3", "type": "text"}]}, {"type": "text", "id": "sp_t_3", "x": 490, "y": 358, "text": "[4] 內容卡片", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[4] 內容卡片", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_3", "x": 490, "y": 382, "text": "點擊進入全文/相簿\n預覽摘要", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "點擊進入全文/相簿\n預覽摘要", "autoResize": true, "width": 107.80000000000001, "height": 19}, {"type": "rectangle", "id": "sp_4", "x": 480, "y": 440, "width": 400, "height": 80, "roundness": {"type": 3}, "backgroundColor": "#f8f9fa", "fillStyle": "solid", "strokeColor": "#dee2e6", "strokeWidth": 1, "roughness": 1, "opacity": 100, "boundElements": [{"id": "t_sp_4", "type": "text"}]}, {"type": "text", "id": "sp_t_4", "x": 490, "y": 448, "text": "[5] 快速跳轉", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "[5] 快速跳轉", "autoResize": true, "width": 70.4, "height": 21}, {"type": "text", "id": "sp_d_4", "x": 490, "y": 472, "text": "跳到某年某月\n年月選擇器", "fontSize": 14, "fontFamily": 1, "strokeColor": "#757575", "originalText": "跳到某年某月\n年月選擇器", "autoResize": true, "width": 92.4, "height": 19}], "appState": {"viewBackgroundColor": "#ffffff"}} +``` +