# 網站首頁與主選單

## 需要參考的資源

* [網頁上需要的文字和四種語言的翻譯對照 Google 表單](https://docs.google.com/spreadsheets/d/1i4OqqSIMGjj28-DVqUDyMvVDM7x_lRlkP9wrD2_ZaxE/edit?usp=sharing)

## 檢核表

* [x] CHK01: 進入 https://positivecoin.cc/ 後
* [ ] CHK01-1: 首頁先看到一段話

    在死亡、污名、以及國家系統的壓迫間，我選擇了正面迎擊，來保持一個人完整的能動性。
    Facing death, stigma, and national oppression, I chose to meet them head-on, to transgress, and to keep my agency intact.

* [x] CHK01-2: 點擊畫面或等 5 秒後，進入主選單
* 介面示意圖：
* [ ] CHK02: 觀眾手機開啟的畫面支援四種語言
- 網頁上需要的文字和四種語言的翻譯對照，請參閱 [Google 表單](https://docs.google.com/spreadsheets/d/1i4OqqSIMGjj28-DVqUDyMvVDM7x_lRlkP9wrD2_ZaxE/edit?usp=sharing)
* [ ] CHK03: 選單提供四種語言的切換
- 繁體中文 (目前優先顯示這個)
- 简体中文
- English
- Español (低優先)
- 介面示意圖：
* [x] CHK04: 主選單的四個按鈕名稱為
* 規則說明 Trade Rules
* 現場感染 On Site Infection
* 帕斯堤社群 Positive Community
* 買幣兌幣 Trade In Positive Coins
* 介面示意圖：
* [x] CHK05: 點擊 (規則說明) 顯示說明文字（支援四種語言）
* 介面示意圖：
* [x] CHK06: 點擊 (帕斯堤社群) 另開視窗連結到 Discord 群組 -- https://discord.gg/ayXf9WW6Ww
* [ ] CHK07: 點擊 (買幣兌幣) 畫面出現以下的資訊
* [x] CHK07-1: Header 有一個雙螺旋的 DNA 動畫
* 可參考 codepen 上的[範例](https://codepen.io/ghost028/pen/wzKBXa)
* Q: 是否可根據交易次數產生不同的顏色？
* [x] CHK07-2: 顯示「您的病毒碼是: {QRcode 解析出來的 hex 字串}」
* [x] CHK07-3: 顯示「您的感染次數為: {n}」
* [x] CHK07-4: 顯示「目前獲得 {m} 個帕斯提貨幣」-- m 只會是 0～5
* 感染次數 {n} 與獲得帕斯提貨幣的數量 {m} 顯示關係為

            交易次數 n 與發送 m POS 關係:
            * 交易第 1 次後 --> 獲得 2 個 POS (共2個)
            * 交易第 2 次後 --> 再獲得 1 個 POS (共3個)
            * 交易第 3 次後 --> 再獲得 1 個 POS (共4個)
            * 交易第 4 次後 --> 再獲得 1 個 POS (共5個)
            * (之後就不再增加 POS)
            * 交易第 5 次後 --> 不再獲得 POS (共5個)
            * 交易第 6 次後 --> 不再獲得 POS (共5個)
            * 交易第 6+n 次後 --> 不再獲得 POS (共5個)

* [x] CHK08: 點擊 (現場感染)
* [x] CHK08-1: 先進入一系列問答題
* 問題中包含選擇程度題（五個程度），或是問答題
* 可以用矩陣的方式呈現，以下是示範示意圖（文字不是正確的，只用來參考 layout）
* 程度應該會是：`[ 強烈同意, 還算同意, 沒意見 (既不同意也不反對), 有些不同意, 強烈不同意 ]`
* 上面的五個程度存入資料庫時代表：`[ -3, -1, 0, 1, 3]`
* [x] CHK08-2: 最後一題問 `yes|no` --「您是否願意獲得帕斯堤認同？」
* [x] CHK08-3: 儲存所有問題的答案
* 資料表格式: `<第一題的答案>,...,<第n題的答案>`
* [x] CHK08-4: 如果選 no 就結束，回到主頁（無法使用 QRcode 交易功能）
* [x] CHK08-5: 如果選 yes，則顯示 QRcode，可以使用 QRcode 交易功能
* [x] CHK08-6: 如果使用者重新進入這個選單
* 之前選 yes 的人會直接出現 QRcode，不需要重新做問卷
* 之前選 no 的人，顯示「感謝您的參與」
* [x] CHK08-7: 需要避免使用者重複填寫問卷（只能填寫一次 -- 在 JWT/cookie 沒有清除的狀況下）
* [ ] CHK09: 現場感染用的 QRcode 的頁面
* [x] CHK09-1: Header 有一個雙螺旋的 DNA 動畫
* 可參考 codepen 上的[範例](https://codepen.io/ghost028/pen/wzKBXa)
* Q: 是否可根據交易次數產生不同的顏色？
* [x] CHK09-2: 顯示這個 QRCode 的感染次數
* [ ] CHK09-3: 提示說明。四種語言的翻譯對照，請參閱 [Google 表單](https://docs.google.com/spreadsheets/d/1i4OqqSIMGjj28-DVqUDyMvVDM7x_lRlkP9wrD2_ZaxE/edit?usp=sharing)
* 示意圖如下：