feat: upgrade home page (#367)

* feat: home upgrade v0.1 (unfinished)

* feat: add PayCard.vue

* feat: opt home page header style, separate component

* feat: separate components

* feat: opt home style

* fix: index.vue commit import and fix Navbar.vue h1 style

* fix: Navbar.vue button

* feat: PayCard style feat and fix some question

* feat: feat some style

* feat: feat PayCard style

* feat: feat Questions style

* fix: delete more svg

* feat: add next button (#413)

* feat: addNextButton

* feat: addChangeSkipSetting

* refactor: skip

---------

Co-authored-by: cuixiaorui <cui_xiaorui@126.com>

* fix: Initialize the default shortcut key

* test: fix test case

* fix: rank Loading show position

* feat: jump to specific statement (#404)

* feat: to specific statement

* refactor: contents use virtual scroll

* feat: click contents outside then hide

* feat: save learned progress

* feat: content text line break

* refactor: change virtual scroll

* fix: unit test fetch history error

* feat: contents toogle mode

* refactor: contents on click outside

* refactor: detect whether the function is learned

---------

Co-authored-by: cuixiaorui <cui_xiaorui@126.com>

* chore: use .node-version to fixed node version (#374)

* feat: Answer page support Space next sentence

* feat: add to back  previous statement (#425)

* feat: addPreviousButton

* fix: VariableValue

* refactor: delete message

* test: add test case for previous

---------

Co-authored-by: cuixiaorui <cui_xiaorui@126.com>

* fix: prevent to the fix last incorrect word to the next Question page in Fix_Input mode

* refactor: merge the prev and next question hook

* fix: update bottom shortcuts tips style

* fix: add dropdown background (#438)

* feat: show tips when 3 times wrong (#440)

* fix: add dropdown background

* feat: show tips when 3 times wrong

* fix: hide AnswerTip after correctAnswer

* refactor: extraction function

---------

Co-authored-by: cuixiaorui <cui_xiaorui@126.com>

* fix: change the style of the prev/next question btn on the game page (#434)

* fix: change the style of the prev/next question btn on the game page

* fix: Change the position of the Prev/Next question btn on the game page

* fix: Modify the style of the Previous/Next buttons

* fix: verify whether shortcut keys are duplicated (#394)

Co-authored-by: fengstats <feng2860984180@163.com>

* fix: add typescript type checking to the handleEdit methd

* fix: modify the base  attribute to the typescript type

* test: modify some case for the test file

* test: add some expects

* fix: shortcutKey unit test

* fix: adjust home page and opt

* fix: optimize statement directory list style (#449)

Co-authored-by: fengstats <feng2860984180@163.com>

* feat: home page last opt, add part func

* fix: clear input value and focus input when statementIndex is first

* fix: AnswerTip close correctly & always show close icon (#446)

* fix: close tip correctly

* feat: AnswerTip always show close icon

* refactor: close answer tips

---------

Co-authored-by: cuixiaorui <cui_xiaorui@126.com>

* refactor: extraction function

* fix: optimize style of shortcut keys (#443)

Co-authored-by: fengstats <feng2860984180@163.com>

* feat: show the course time and numbers on summary page (#312)

* feat: show the course time on the share page and summary page

* refactor: delete

* refactor: course time

---------

Co-authored-by: cuixiaorui <cui_xiaorui@126.com>

* fix: adjust game page display (#456)

* fix: adjust game page display

* fix: zoom out AnswerTip width

* feat: add day style and fix some style

* fix: save the theme mode to localStorage (#468)

* style: update border color of rank item in dark mode (#467)

* test: add test cases for pronunciation (#464)

* feat: Add click feedback to the previous and next question buttons. (#457)

* fix: db upload error (#416)

* perf: convert to Chinese

* chore: update env example config & README file

* docs: update Testing description

* feat: Changed to Chinese, and added some daytime mode styles

* feat: add dictation mode

* refactor: move to components/home

* refactor:  remove commonBackTop on game page

* test: fix e2e test

---------

Co-authored-by: jiushi21 <zc931325671@gmail.com>
Co-authored-by: tors <75771172+Torstentjh@users.noreply.github.com>
Co-authored-by: cuixiaorui <cui_xiaorui@126.com>
Co-authored-by: fengstats <feng2860984180@163.com>
Co-authored-by: ReinerLau <103234074+ReinerLau@users.noreply.github.com>
Co-authored-by: BaboonKing <changfan.xu.up@qq.com>
Co-authored-by: nullcache <nullcache@outlook.com>
Co-authored-by: 7ee <67595284+liigic@users.noreply.github.com>
Co-authored-by: Hazel <52577448+Hazel-Lin@users.noreply.github.com>
Co-authored-by: vampirewy <haveaballmyball@hotmail.com>
Co-authored-by: wendZzoo <45628596+zuowendong@users.noreply.github.com>
Co-authored-by: 小小石 <48991003+fengstats@users.noreply.github.com>
Co-authored-by: Lee <159253237+LeeeChenn@users.noreply.github.com>
Co-authored-by: o_qll <152288199+no-ov@users.noreply.github.com>
Co-authored-by: zwd <17326195691@163.com>

apps/client/assets/comments.json

@@ -0,0 +1,101 @@
+[
+  {
+    "nickname": "cuixiaorui",
+    "account": "cuixiaorui",
+    "avatar": "/commentsImgs/cuixiaorui.jpg",
+    "link": "",
+    "comment": "Earthworm is more than just a tool; It's a journey into the heart of language learning, making every sentence and conjunction an adventure. With its addictive gameplay, it's not just an exercise, it's a daily habit that invites you to take a deeper look at the richness of the English language!",
+    "chinese": " Earthworm 不仅仅是一个工具;这是一次进入语言学习核心的旅程，让每个句子和连词都成为一次冒险。凭借其令人上瘾的游戏玩法，它不仅是一种练习，而且是一种日常习惯，邀请您更深入地了解英语的丰富性！",
+    "icon": "/twitter.svg",
+    "time": 1708423574717,
+    "likeCount": 1342
+  },
+  {
+    "nickname": "fengstats",
+    "account": "fengstats",
+    "avatar": "/commentsImgs/fengstats.png",
+    "link": "",
+    "comment": "I am simply fascinated by this app! This progressive way of learning makes each stage full of challenges, but also gives me a strong sense of achievement. I have been unable to stop the pace of learning, I am eager to make a little progress, I hope you can climb another tall building!",
+    "chinese": "我简直被这款应用迷住了！这种渐进式的学习方式，让每个阶段都充满挑战，同时也让我有了一种强烈的成就感。我已经不能停下学习的脚步，我渴望一点点的进步，希望能更上一层楼！",
+    "icon": "/twitter.svg",
+    "time": 1708409873687,
+    "likeCount": 197
+  },
+  {
+    "nickname": "zclsx",
+    "account": "jiushi21",
+    "avatar": "/commentsImgs/zclsx.jpg",
+    "link": "",
+    "comment": "This application overcomes the boredom of English learning. I can't stop brushing courses now.",
+    "chinese": "这个应用克服了英语学习的枯燥，我现在刷课程刷得停不下来。",
+    "icon": "/twitter.svg",
+    "time": 1706005913747,
+    "likeCount": 79
+  },
+  {
+    "nickname": "Nauxscript",
+    "account": "Nauxscript",
+    "avatar": "/commentsImgs/Nauxscript.jpg",
+    "link": "",
+    "comment": "Now I go through the app every day and I feel that my English has improved by leaps and bounds, which is fun and fulfilling. I hope to be able to join and share after studying like me, it will be addictive!",
+    "chinese": "现在我每天都要浏览这个应用程序，我觉得我的英语突飞猛进，有趣又充满成就感。我希望能够加入和我一样学习后进行打卡分享，会上瘾的！",
+    "icon": "/twitter.svg",
+    "time": 1706931528936,
+    "likeCount": 520
+  },
+  {
+    "nickname": "Ims",
+    "account": "Immersecode",
+    "avatar": "/commentsImgs/yaolifeng0629.jpg",
+    "link": "",
+    "comment": "Such interesting and fulfilling English learning application, it is really overwhelming. I practice it every day now, it has become a habit. Awesome!",
+    "chinese": "如此有趣又充实的英语学习应用，真是让人不知所措。我现在每天都在练习，这已经成为一种习惯。棒！",
+    "icon": "/twitter.svg",
+    "time": 1706863861905,
+    "likeCount": 98
+  },
+  {
+    "nickname": "vampirewy",
+    "account": "vampirewy",
+    "avatar": "/commentsImgs/vampirewy.jpg",
+    "link": "",
+    "comment": "Through sentence splitting, I feel that I have a deeper understanding of sentences after brushing the lessons. The feeling is subtle, and when I open it the next day, it gets smoother every time!",
+    "chinese": "通过句子拆分进行学习，我感觉我刷课之后，对句子的理解更加深刻。这种感觉是潜移默化的，当我第二天打开，每次都会变得更加流畅！",
+    "icon": "/twitter.svg",
+    "time": 1704763341161,
+    "likeCount": 86
+  },
+  {
+    "nickname": "hildxd",
+    "account": "hildxd",
+    "avatar": "/commentsImgs/hildxd.jpg",
+    "link": "",
+    "comment": "I have never been so enthusiastic about learning as I am now. This app really makes learning so interesting that every learning is like a challenge that I can't resist. It's such a great feeling that I can keep brushing the course without getting bored.",
+    "chinese": "再也没有像现在这样，我对学习如此充满热情。这个应用真是把学习变得如此有趣，每一次学习都像是一种挑战，让我无法抗拒。这种感觉太棒了，我能够一直刷课程而不觉得无聊",
+    "icon": "/twitter.svg",
+    "time": 1709913419937,
+    "likeCount": 486
+  },
+  {
+    "nickname": "zuowendong",
+    "account": "zuowendong",
+    "avatar": "/commentsImgs/zuowendong.jpg",
+    "link": "",
+    "comment": "I really can't resist the magic of this English learning application of conjunctions and sentences. When I am free every day, I will habitually open this app and can't help but challenge myself. This is a new way of entertainment for me!",
+    "chinese": "我真的无法抵抗这款连词造句的英语学习应用的魔力，每天闲下来的时候，我都会习惯性地打开这款应用，忍不住去挑战一下自己，这对我来说是一种全新的娱乐方式！",
+    "icon": "/twitter.svg",
+    "time": 1708567188968,
+    "likeCount": 232
+  },
+  {
+    "nickname": "Hazel-Lin",
+    "account": "HazelLin",
+    "avatar": "/commentsImgs/Hazel-Lin.jpg",
+    "link": "",
+    "comment": "I didn't expect that learning English could be so interesting. I can't stop the way this conjunction makes sentences.",
+    "chinese": "真没想到学习英语可以这么有趣，这个连词造句的方式简直让我停不下来。",
+    "icon": "/twitter.svg",
+    "time": 1703189419913,
+    "likeCount": 78
+  }
+]

apps/client/assets/css/globals.css

@@ -1,6 +1,12 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+@font-face {
+  font-family: 'CustomFont';
+  src: url('../font/Nunito-Bold.ttf') format('truetype');
+  /* 添加其他字体格式（可选） */
+}
+
 
 html,
 body {
@@ -115,4 +121,4 @@ body {
 
 ::-webkit-scrollbar-thumb:hover {
   background: #cecacac7;
-}
+}

apps/client/assets/font/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2014 The Nunito Project Authors (https://github.com/googlefonts/NunitoFont)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

apps/client/components/Footer.vue

@@ -1,5 +1,5 @@
 <template>
-  <footer class="h-12 flex justify-center items-center opacity-65 shrink-0">
-    Copyright © 2023-2024, cuixueshe. All rights reserved.
+  <footer class="h-12 flex justify-center items-center opacity-65 shrink-0 text-xs">
+    Copyright © 2023-2024, Earthworm. All rights reserved.
   </footer>
 </template>