From 5a585ddf7cce0d9b446441f0730393401e3aedae Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=90=B3=E5=85=83=E7=9A=93?= Date: Tue, 13 May 2025 11:24:13 +0800 Subject: [PATCH] feat: enhance Q&A section with detailed explanations and accordion functionality; update localization for English and Traditional Chinese --- i18n/locales/en.json | 16 +++++++++++-- i18n/locales/zh-tw.json | 16 +++++++++++-- pages/app/desktop/index.vue | 8 ++++++- pages/home.vue | 48 ++++++++++++++++--------------------- 4 files changed, 56 insertions(+), 32 deletions(-) diff --git a/i18n/locales/en.json b/i18n/locales/en.json index cac436a..571808a 100644 --- a/i18n/locales/en.json +++ b/i18n/locales/en.json @@ -17,8 +17,20 @@ }, "startusing": "Let's Start!", "learnmore": "Learn more", - "whydes": "Taiwan news mostly came from China-controlled media or from reporters who uses inappropriate content to farm clicks.", - "howdes": "We use web scraping to search for the latest news, and store it into a postgres database." + "qanda": { + "titles": { + "whydes": "Why make this platform?", + "howdes": "How does it work?", + "supportedLocationNews": "Which news sources from which countries are supported?", + "userData": "How we handle user data?", + "mobileApp": "Is there a mobile app?" + }, + "whydes": "Taiwan news mostly came from China-controlled / China-official media or from reporters who uses inappropriate content to farm clicks and engragement. Or just made up news by the reporters as the Taiwan's NCC doesn't give a shit about the fake news they are promoting as they think it doesn't matter, this platform is a wake up call to the NCC to start to moderate news media corporations that do fake news.", + "howdes": "We use web scraping to search for the latest news, and store it into a postgres database, for people to access, and the crawler is not like the OpenAI or any AI company, we just load the page once, and that's it nothing else on your page.", + "supportedLocationNews": "We currently only support news from Taiwan for now, but if you want more, you can contribute to the project by adding more news sources to the python scraping scripts.", + "userData": "We handle your account and password in a secure way, with two encryption methods, one during transit to the server (and also SQL injecton), one saving to the database. For other user data, it is currently NOT end-to-end encrypted, like your AI chat history, your stars, and your name & email. In the near future, we will add E2E encryption (and I can also pratice).", + "mobileApp": "I will make a application using React Native in the future, but for now, mobile is not supported, but you can still kinda use it, it is just not pleasant." + } }, "dailybriefing": "Daily Briefing", "Welcome": "Welcome", diff --git a/i18n/locales/zh-tw.json b/i18n/locales/zh-tw.json index 045bc7a..aa0f112 100644 --- a/i18n/locales/zh-tw.json +++ b/i18n/locales/zh-tw.json @@ -17,8 +17,20 @@ }, "startusing": "開始使用!", "learnmore": "了解更多", - "whydes": "台灣的新聞是要痲是來自中國控制的媒體，或是來自只想獲得點閱的記者。", - "howdes": " 我們使用使用 Python 寫的網頁爬蟲來搜尋最新的新聞，並將其存入Postgres資料庫中。" + "qanda": { + "titles": { + "whydes": "為什麼要做這個平台？", + "howdes": "這個平台是怎麼運作的？", + "supportedLocationNews": "這個平台支援哪些國家的新聞？", + "userData": "我們如何處理使用者的資料？", + "mobileApp": "這個會做手機版嗎？" + }, + "whydes": "台灣的新聞是要痲是來自中國控制/中國官方的媒體，或是來自只想獲得點閱的記者。這個平台是要讓台灣的NCC知道，發布假新聞就應該被調查，而不是放著不管。", + "howdes": " 我們使用使用 Python 寫的網頁爬蟲來搜尋最新的新聞，並將其存入Postgres資料庫中。", + "supportedLocationNews": "We currently only support news from Taiwan for now, but if you want more, you can contribute to the project by adding more news sources to the python scraping scripts.", + "userData": "We handle your account and password in a secure way, with two encryption methods, one during transit to the server (and also SQL injecton), one saving to the database. For other user data, it is currently NOT end-to-end encrypted, like your AI chat history, your stars, and your name & email. In the near future, we will add E2E encryption (and I can also pratice).", + "mobileApp": "I will make a application using React Native in the future, but for now, mobile is not supported, but you can still kinda use it, it is just not pleasant." + } }, "dailybriefing": "今日報導", "Welcome": "歡迎", diff --git a/pages/app/desktop/index.vue b/pages/app/desktop/index.vue index f2dd8b2..3442102 100644 --- a/pages/app/desktop/index.vue +++ b/pages/app/desktop/index.vue @@ -281,8 +281,14 @@ onMounted(() => { }); watchEffect((cleanupFn) => { - const timer = setTimeout(() => (progress.value = 100), 500); + const tier = setTimeout(() => (progress.value = 10), 200); + const timer = setTimeout(() => (progress.value = 30), 500); + const timmer = setTimeout(() => (progress.value = 70), 1000); + const timmmer = setTimeout(() => (progress.value = 100), 1600); + cleanupFn(() => clearTimeout(tier)); cleanupFn(() => clearTimeout(timer)); + cleanupFn(() => clearTimeout(timmer)); + cleanupFn(() => clearTimeout(timmmer)); });