From 88ee8f2cc3c4ce8fed746d6e1f024ff6afc9d57c Mon Sep 17 00:00:00 2001
From: wancat <wancat@wancat.cc>
Date: Sun, 25 Feb 2024 13:11:24 +0800
Subject: [PATCH 01/20] feat: send response to frontend

---
 app/src/store/session.js                      | 27 +++++++++++--------
 app/src/views/GamePage.vue                    |  8 +++---
 packages/models/src/session.ts                |  8 ++++++
 .../src/api/controllers/commandController.ts  | 10 +++----
 .../src/api/controllers/sessionController.ts  |  2 ++
 server/src/api/routes/sessionRouter.ts        |  6 ++++-
 server/src/api/validators/sessionValidator.ts |  2 +-
 server/src/game/sessionHandler.ts             | 18 ++++---------
 8 files changed, 46 insertions(+), 35 deletions(-)

diff --git a/app/src/store/session.js b/app/src/store/session.js
index 5464bd0..f3ec7e9 100644
--- a/app/src/store/session.js
+++ b/app/src/store/session.js
@@ -20,6 +20,7 @@ function newSession() {
     pwd: '',
     hints: [],
     tasks: [],
+    responses: [],
   }
 }
 
@@ -41,6 +42,7 @@ function setQuest(questId) {
 
 async function setSession(session) {
   try {
+    console.log('Setting session...', session)
     store.session = session
     store.session.graph = new FileGraph(session.graph)
     term.reset()
@@ -85,18 +87,18 @@ function updateGraph(event) {
   }
 }
 
-function updateHints(hints) {
-  store.session.hints.push(hints)
+function newResponse(response) {
+  console.log('newResponse', response, 'session', store.session)
+  store.session.responses.push(response.responses)
+  store.session.hints.push(response.hints)
+  store.session.tasks = response.tasks
+  store.session.status = response.status
 }
 
 function updateStatus(status) {
   store.session.status = status
 }
 
-function setTasks(tasks) {
-  store.session.tasks = tasks
-}
-
 export function useTerminal() {
   return term
 }
@@ -135,11 +137,14 @@ function setup() {
   socket.on('graph', (event) => {
     updateGraph(event)
   })
-  socket.on('hints', (event) => {
-    updateHints(event)
-  })
-  socket.on('tasks', (tasks) => {
-    setTasks(tasks)
+  // socket.on('hints', (event) => {
+  //   updateHints(event)
+  // })
+  // socket.on('tasks', (tasks) => {
+  //   setTasks(tasks)
+  // })
+  socket.on('response', (response) => {
+    newResponse(response)
   })
   socket.on('status', (event) => {
     updateStatus(event)
diff --git a/app/src/views/GamePage.vue b/app/src/views/GamePage.vue
index a11e1ad..c722da2 100644
--- a/app/src/views/GamePage.vue
+++ b/app/src/views/GamePage.vue
@@ -72,13 +72,13 @@ onMounted(async () => {
     </div>
     <!-- Terminal and Hint -->
     <div class="bg-bg h-full w-1/3 rounded-lg">
-      <section id="terminal" class="h-3/5 overflow-hidden">
-        <TerminalPart />
-      </section>
-      <hr class="border-border border" />
       <section id="hint" class="h-2/5">
         <HintPart />
       </section>
+      <hr class="border-border border" />
+      <section id="terminal" class="h-3/5 overflow-hidden">
+        <TerminalPart />
+      </section>
     </div>
     <!-- Visualization -->
     <div class="h-full w-1/3">
diff --git a/packages/models/src/session.ts b/packages/models/src/session.ts
index fdc749f..8f2ff85 100644
--- a/packages/models/src/session.ts
+++ b/packages/models/src/session.ts
@@ -1,5 +1,7 @@
 import { model, Schema, Types } from 'mongoose'
 
+import { IResponse, responseSchema } from './response.js'
+
 export interface INode {
   path: string
   type: string
@@ -53,6 +55,7 @@ export interface ISession {
   lastActivityAt: Date
   tasks: ITask[]
   hints: string[][]
+  responses: IResponse[][]
   graph: INode
 }
 
@@ -85,6 +88,11 @@ export const Session = model<ISession>(
       },
       tasks: [taskSchema],
       hints: [[String]],
+      responses: {
+        type: [[responseSchema]],
+        required: true,
+        default: [],
+      },
       graph: {
         type: nodeSchema,
         default: {
diff --git a/server/src/api/controllers/commandController.ts b/server/src/api/controllers/commandController.ts
index 5e4f5f2..085d2c5 100644
--- a/server/src/api/controllers/commandController.ts
+++ b/server/src/api/controllers/commandController.ts
@@ -51,16 +51,16 @@ export const newCommand = asyncHandler(async (req: Request, res: Response) => {
     c.stage = response.stage
     await c.save()
 
+    session.responses.push(response.responses)
+
     if (response.stage === 'END') {
       await finishSession(session)
     }
-    commandCompleteCallbacks.set(session.id, response.callback)
-    pushToSession(session.id, 'status', 'pending')
-    res.status(201).json(response)
-  } else {
-    res.status(200).end()
+    // commandCompleteCallbacks.set(session.id, response.callback)
+    pushToSession(session.id, 'response', response)
   }
 
+  res.status(200).end()
   await session.save()
 })
 
diff --git a/server/src/api/controllers/sessionController.ts b/server/src/api/controllers/sessionController.ts
index 2fb6f00..6c4f348 100644
--- a/server/src/api/controllers/sessionController.ts
+++ b/server/src/api/controllers/sessionController.ts
@@ -25,6 +25,7 @@ function sessionDetail(session: ISession) {
     ...sessionSummary(session),
     hints: session.hints,
     tasks: session.tasks,
+    responses: session.responses,
     graph: session.graph,
   }
 }
@@ -55,6 +56,7 @@ export const createSession = asyncHandler(
 export const getSessionById = asyncHandler(
   async (req: Request, res: Response) => {
     const { sessionId } = matchedData(req)
+    console.log(sessionId)
     const session = await Session.findOne({
       _id: sessionId,
       user: (req.user as Express.ExistingUser).id,
diff --git a/server/src/api/routes/sessionRouter.ts b/server/src/api/routes/sessionRouter.ts
index ddc7cdb..52e4e0c 100644
--- a/server/src/api/routes/sessionRouter.ts
+++ b/server/src/api/routes/sessionRouter.ts
@@ -22,6 +22,10 @@ router.post(
   activeSessionValidator,
   sessionController.getOrCreateSession
 )
-router.get('/:id', sessionDetailValidator, sessionController.getSessionById)
+router.get(
+  '/:sessionId',
+  sessionDetailValidator,
+  sessionController.getSessionById
+)
 
 export default router
diff --git a/server/src/api/validators/sessionValidator.ts b/server/src/api/validators/sessionValidator.ts
index ddb3c84..558b5b6 100644
--- a/server/src/api/validators/sessionValidator.ts
+++ b/server/src/api/validators/sessionValidator.ts
@@ -9,6 +9,6 @@ export const checkSessionId = () =>
   check('sessionId').notEmpty().isString().isMongoId()
 
 export const sessionListValidator = [checkQuestId(), checkSessionStatus()]
-export const sessionDetailValidator = [checkSessionId(), noError]
+export const sessionDetailValidator = [checkSessionId()]
 export const createSessionValidator = [checkQuestId(), noError]
 export const activeSessionValidator = [checkQuestId(), noError]
diff --git a/server/src/game/sessionHandler.ts b/server/src/game/sessionHandler.ts
index 6808f5c..a4a126f 100644
--- a/server/src/game/sessionHandler.ts
+++ b/server/src/game/sessionHandler.ts
@@ -8,12 +8,12 @@ import type {
   IStage,
   ITask,
 } from '@linux-odyssey/models'
-import { pushToSession } from '../api/socket.js'
 
 export interface ExecuteResult {
   responses: IResponse[]
   hints: string[]
-  callback: () => void
+  tasks?: ITask[]
+  status: string
   stage?: string
   end?: boolean
 }
@@ -82,12 +82,8 @@ export default class SessionHandler {
     return {
       responses: stage.responses,
       hints: stage.hints,
-      callback: () => {
-        pushToSession(this.session.id, 'tasks', this.session.tasks)
-        if (stage.hints && stage.hints.length > 0)
-          pushToSession(this.session.id, 'hints', stage.hints)
-        pushToSession(this.session.id, 'status', this.session.status)
-      },
+      tasks: this.session.tasks,
+      status: this.session.status,
     }
   }
 
@@ -98,11 +94,7 @@ export default class SessionHandler {
     return {
       responses,
       hints,
-      callback: () => {
-        if (hints && hints.length > 0)
-          pushToSession(this.session.id, 'hints', hints)
-        pushToSession(this.session.id, 'status', this.session.status)
-      },
+      status: this.session.status,
     }
   }
 }

From 90e661f77bb497fd0f06d814584c3e3a33760012 Mon Sep 17 00:00:00 2001
From: wancat <wancat@wancat.cc>
Date: Sun, 25 Feb 2024 13:21:10 +0800
Subject: [PATCH 02/20] Display dialogue in hints. Adjust Game page layout

---
 app/src/components/HintPart.vue | 13 +++++++++++--
 app/src/views/GamePage.vue      | 10 +++++-----
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/app/src/components/HintPart.vue b/app/src/components/HintPart.vue
index f22d998..3d6b4bd 100644
--- a/app/src/components/HintPart.vue
+++ b/app/src/components/HintPart.vue
@@ -26,7 +26,7 @@ const right = () => {
 </script>
 
 <template>
-  <div class="w-full flex items-center p-2">
+  <div class="w-full flex items-center p-2 overflow-auto">
     <font-awesome-icon
       :icon="['far', 'lightbulb']"
       class="text-yellow-200 p-2 content-center"
@@ -63,8 +63,17 @@ const right = () => {
       </button>
     </div>
   </div>
-  <div id="hint" class="bg-bg flex flex-wrap p-8">
+  <div id="hint" class="bg-bg flex flex-wrap p-8 overflow-auto">
     <ul>
+      <li
+        v-for="response in sessionStore.session.responses[current]"
+        :key="response"
+        class="text-text font-xl whitespace-pre-wrap"
+      >
+        <div v-for="content in response.content" :key="content">
+          <MarkdownText :content="content" />
+        </div>
+      </li>
       <li
         v-for="hint in sessionStore.session.hints[current]"
         :key="hint"
diff --git a/app/src/views/GamePage.vue b/app/src/views/GamePage.vue
index c722da2..74db5ab 100644
--- a/app/src/views/GamePage.vue
+++ b/app/src/views/GamePage.vue
@@ -61,7 +61,7 @@ onMounted(async () => {
   <!-- main -->
   <div id="main" class="h-[94vh] w-full flex p-3 space-x-3">
     <!-- Topic and Command List -->
-    <div class="bg-bg-secondary h-full w-1/3 rounded-lg">
+    <div class="bg-bg-secondary h-full w-1/4 rounded-lg">
       <section id="quest" class="h-full p-3 overflow-auto">
         <QuestPart />
       </section>
@@ -71,17 +71,17 @@ onMounted(async () => {
       </section> -->
     </div>
     <!-- Terminal and Hint -->
-    <div class="bg-bg h-full w-1/3 rounded-lg">
-      <section id="hint" class="h-2/5">
+    <div class="bg-bg h-full w-1/2 rounded-lg">
+      <section id="hint" class="h-3/5">
         <HintPart />
       </section>
       <hr class="border-border border" />
-      <section id="terminal" class="h-3/5 overflow-hidden">
+      <section id="terminal" class="h-2/5 overflow-hidden">
         <TerminalPart />
       </section>
     </div>
     <!-- Visualization -->
-    <div class="h-full w-1/3">
+    <div class="h-full w-1/4">
       <div class="bg-border rounded-xl h-[90%] p-2">
         <div class="bg-bg rounded-lg h-full p-2">
           <section id="visualization" class="bg-bg-primary h-full rounded-md">

From 622d64dd4555871408951655c518086d687624d6 Mon Sep 17 00:00:00 2001
From: wancat <wancat@wancat.cc>
Date: Sun, 25 Feb 2024 13:55:05 +0800
Subject: [PATCH 03/20] fix: overflow in hint

---
 app/src/components/HintPart.vue | 115 ++++++++++++++++----------------
 1 file changed, 59 insertions(+), 56 deletions(-)

diff --git a/app/src/components/HintPart.vue b/app/src/components/HintPart.vue
index 3d6b4bd..beb0b0f 100644
--- a/app/src/components/HintPart.vue
+++ b/app/src/components/HintPart.vue
@@ -26,62 +26,65 @@ const right = () => {
 </script>
 
 <template>
-  <div class="w-full flex items-center p-2 overflow-auto">
-    <font-awesome-icon
-      :icon="['far', 'lightbulb']"
-      class="text-yellow-200 p-2 content-center"
-    />
-    <h1 class="inline text-text w-1/2 font-xl p-2 m-1">
-      <!-- Hint -->
-      提示
-    </h1>
-    <div v-if="current !== -1" class="flex w-full justify-end items-end">
-      <button
-        class="p-2 m-1 w-1/8"
-        id="Lbutton"
-        @click="left"
-        :disabled="current <= 0"
-      >
-        <font-awesome-icon
-          :icon="['fas', 'arrow-right']"
-          class="text-text"
-          rotation="180"
-        />
-      </button>
-      <p class="inline text-text font-xl w-1/14 p-2 m-1">{{ current + 1 }}</p>
-      <p class="inline text-text font-xl w-1/14 p-2 m-1">/</p>
-      <p class="inline text-text font-xl w-1/14 p-2 m-1">
-        {{ sessionStore.session.hints.length }}
-      </p>
-      <button
-        class="p-2 m-1 w-1/8"
-        id="Rbutton"
-        @click="right"
-        :disabled="current === sessionStore.session.hints.length - 1"
-      >
-        <font-awesome-icon :icon="['fas', 'arrow-right']" class="text-text" />
-      </button>
+  <div class="h-full flex flex-col">
+    <!-- Hint Header -->
+    <div class="flex items-center p-2 h-10">
+      <font-awesome-icon
+        :icon="['far', 'lightbulb']"
+        class="text-yellow-200 p-2 content-center"
+      />
+      <h1 class="inline text-text w-1/2 font-xl p-2 m-1">
+        <!-- Hint -->
+        提示
+      </h1>
+      <div v-if="current !== -1" class="flex w-full justify-end items-end">
+        <button
+          class="p-2 m-1 w-1/8"
+          id="Lbutton"
+          @click="left"
+          :disabled="current <= 0"
+        >
+          <font-awesome-icon
+            :icon="['fas', 'arrow-right']"
+            class="text-text"
+            rotation="180"
+          />
+        </button>
+        <p class="inline text-text font-xl w-1/14 p-2 m-1">{{ current + 1 }}</p>
+        <p class="inline text-text font-xl w-1/14 p-2 m-1">/</p>
+        <p class="inline text-text font-xl w-1/14 p-2 m-1">
+          {{ sessionStore.session.hints.length }}
+        </p>
+        <button
+          class="p-2 m-1 w-1/8"
+          id="Rbutton"
+          @click="right"
+          :disabled="current === sessionStore.session.hints.length - 1"
+        >
+          <font-awesome-icon :icon="['fas', 'arrow-right']" class="text-text" />
+        </button>
+      </div>
+    </div>
+    <div id="hint" class="bg-bg p-8 overflow-y-auto">
+      <ul>
+        <li
+          v-for="response in sessionStore.session.responses[current]"
+          :key="response"
+          class="text-text font-xl whitespace-pre-wrap"
+        >
+          <div v-for="content in response.content" :key="content">
+            <MarkdownText :content="content" />
+          </div>
+        </li>
+        <li
+          v-for="hint in sessionStore.session.hints[current]"
+          :key="hint"
+          class="text-text-primary font-xl whitespace-pre-wrap"
+        >
+          <MarkdownText :content="hint" />
+        </li>
+      </ul>
+      <br />
     </div>
   </div>
-  <div id="hint" class="bg-bg flex flex-wrap p-8 overflow-auto">
-    <ul>
-      <li
-        v-for="response in sessionStore.session.responses[current]"
-        :key="response"
-        class="text-text font-xl whitespace-pre-wrap"
-      >
-        <div v-for="content in response.content" :key="content">
-          <MarkdownText :content="content" />
-        </div>
-      </li>
-      <li
-        v-for="hint in sessionStore.session.hints[current]"
-        :key="hint"
-        class="text-text font-xl whitespace-pre-wrap"
-      >
-        <MarkdownText :content="hint" />
-      </li>
-    </ul>
-    <br />
-  </div>
 </template>

From 039da53bbed9e77c3ff8416367fe999586454195 Mon Sep 17 00:00:00 2001
From: wancat <wancat@wancat.cc>
Date: Mon, 26 Feb 2024 22:18:44 +0800
Subject: [PATCH 04/20] feat: send status to the frontend

---
 app/src/store/session.js                      | 13 --------
 packages/models/src/session.ts                |  2 +-
 .../src/api/controllers/commandController.ts  | 32 +------------------
 server/src/api/routes/commandRouter.ts        |  1 -
 server/src/game/sessionHandler.ts             |  6 ++++
 5 files changed, 8 insertions(+), 46 deletions(-)

diff --git a/app/src/store/session.js b/app/src/store/session.js
index f3ec7e9..9ab8295 100644
--- a/app/src/store/session.js
+++ b/app/src/store/session.js
@@ -95,10 +95,6 @@ function newResponse(response) {
   store.session.status = response.status
 }
 
-function updateStatus(status) {
-  store.session.status = status
-}
-
 export function useTerminal() {
   return term
 }
@@ -137,18 +133,9 @@ function setup() {
   socket.on('graph', (event) => {
     updateGraph(event)
   })
-  // socket.on('hints', (event) => {
-  //   updateHints(event)
-  // })
-  // socket.on('tasks', (tasks) => {
-  //   setTasks(tasks)
-  // })
   socket.on('response', (response) => {
     newResponse(response)
   })
-  socket.on('status', (event) => {
-    updateStatus(event)
-  })
 }
 
 setup()
diff --git a/packages/models/src/session.ts b/packages/models/src/session.ts
index 8f2ff85..49185fd 100644
--- a/packages/models/src/session.ts
+++ b/packages/models/src/session.ts
@@ -48,7 +48,7 @@ export interface ISession {
   user: Types.ObjectId
   quest: string
   containerId: string | null
-  status: string
+  status: 'active' | 'finished' | 'inactive'
   createdAt: Date
   updatedAt: Date
   finishedAt?: Date
diff --git a/server/src/api/controllers/commandController.ts b/server/src/api/controllers/commandController.ts
index 085d2c5..4306601 100644
--- a/server/src/api/controllers/commandController.ts
+++ b/server/src/api/controllers/commandController.ts
@@ -6,8 +6,6 @@ import { pushToSession } from '../socket.js'
 import { finishSession } from '../../models/sessionManager.js'
 import { asyncHandler } from '../../middleware/error.js'
 
-const commandCompleteCallbacks = new Map()
-
 export const newCommand = asyncHandler(async (req: Request, res: Response) => {
   const { command, pwd, output, error, params } = matchedData(req)
 
@@ -53,40 +51,12 @@ export const newCommand = asyncHandler(async (req: Request, res: Response) => {
 
     session.responses.push(response.responses)
 
-    if (response.stage === 'END') {
+    if ((session.status as string) === 'finished') {
       await finishSession(session)
     }
-    // commandCompleteCallbacks.set(session.id, response.callback)
     pushToSession(session.id, 'response', response)
   }
 
   res.status(200).end()
   await session.save()
 })
-
-export const completedCommand = asyncHandler(
-  async (req: Request, res: Response) => {
-    const { sessionId } = req.user as any
-
-    const session = await Session.findById(sessionId)
-
-    if (!session) {
-      res.status(404).json({ message: 'session not found' })
-      return
-    }
-
-    if (session.status === 'inactive') {
-      res.status(400).json({ message: 'session is not active' })
-      return
-    }
-
-    const callback = commandCompleteCallbacks.get(session.id)
-    if (!callback) {
-      res.status(200).json({ message: 'no callback found' })
-      return
-    }
-    callback()
-    commandCompleteCallbacks.delete(session.id)
-    res.json({ message: 'ok' })
-  }
-)
diff --git a/server/src/api/routes/commandRouter.ts b/server/src/api/routes/commandRouter.ts
index ef22842..b255d21 100644
--- a/server/src/api/routes/commandRouter.ts
+++ b/server/src/api/routes/commandRouter.ts
@@ -5,6 +5,5 @@ import { newCommandValidator } from '../validators/commandValidator.js'
 const router = Router()
 
 router.post('/', newCommandValidator, commandController.newCommand)
-router.post('/completed', commandController.completedCommand)
 
 export default router
diff --git a/server/src/game/sessionHandler.ts b/server/src/game/sessionHandler.ts
index a4a126f..c061d57 100644
--- a/server/src/game/sessionHandler.ts
+++ b/server/src/game/sessionHandler.ts
@@ -79,6 +79,12 @@ export default class SessionHandler {
 
     this.addNewTasks()
 
+    this.session.responses.push(stage.responses)
+
+    if (stage.id === 'END') {
+      this.session.status = 'finished'
+    }
+
     return {
       responses: stage.responses,
       hints: stage.hints,

From a389d2752db6810c005d4d3d0f7518dd9be27fcb Mon Sep 17 00:00:00 2001
From: wancat <wancat@wancat.cc>
Date: Wed, 28 Feb 2024 13:19:12 +0800
Subject: [PATCH 05/20] disable wait pending in e2e tests

---
 tests/cypress/e2e/UItests.cy.ts        |  8 +++----
 tests/cypress/e2e/completeQuests.cy.ts |  3 ---
 tests/cypress/support/commands.ts      | 33 ++++++++++++++------------
 3 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/tests/cypress/e2e/UItests.cy.ts b/tests/cypress/e2e/UItests.cy.ts
index 1ea8646..031e104 100644
--- a/tests/cypress/e2e/UItests.cy.ts
+++ b/tests/cypress/e2e/UItests.cy.ts
@@ -75,7 +75,7 @@ describe('example helloworld app', () => {
   describe('Game Start Page UI', () => {
     const title = '終端機的基本知識'
     beforeEach(() => {
-      cy.PrepareForGame()
+      cy.PrepareForGame('get-started')
     })
     it('Check Header', () => {
       cy.get('#GameTitle').should('contain', 'Linux Odyssey').and('be.visible')
@@ -124,7 +124,7 @@ describe('example helloworld app', () => {
   })
   describe('Game Play', () => {
     beforeEach(() => {
-      cy.PrepareForGame()
+      cy.PrepareForGame('get-started')
     })
     it('Typing in Terminal', () => {
       cy.typeInCommand('12345{enter}')
@@ -136,7 +136,7 @@ describe('example helloworld app', () => {
       cy.checkTaskInit()
       cy.InitTerminal()
       cy.typeInCommand('echo start{enter}')
-      cy.checkPending()
+      // cy.checkPending()
       cy.waitUntilActive()
       cy.get('#Lbutton').should('be.visible').and('be.disabled')
       cy.get('#Rbutton').should('be.visible').and('be.disabled')
@@ -144,7 +144,7 @@ describe('example helloworld app', () => {
       cy.getQuestInfo('✓ 輸入 echo start 來開始教程').should('be.visible')
       cy.getQuestInfo('➤ 在終端機輸入 echo hello').should('be.visible')
       cy.typeInCommand('echo hello{enter}')
-      cy.checkPending()
+      // cy.checkPending()
       cy.waitUntilActive()
       cy.get('#Lbutton').should('be.visible').and('be.enabled')
       cy.get('#Rbutton').should('be.visible').and('be.disabled')
diff --git a/tests/cypress/e2e/completeQuests.cy.ts b/tests/cypress/e2e/completeQuests.cy.ts
index 57ba8e2..dbd9de8 100644
--- a/tests/cypress/e2e/completeQuests.cy.ts
+++ b/tests/cypress/e2e/completeQuests.cy.ts
@@ -1,7 +1,4 @@
 describe('Complete quests with only commands', () => {
-  beforeEach(() => {
-    cy.PrepareForGame()
-  })
   it('Complete quest : get-started', () => {
     cy.CompleteStageWithCommands('get-started')
   })
diff --git a/tests/cypress/support/commands.ts b/tests/cypress/support/commands.ts
index b77cd88..23d6484 100644
--- a/tests/cypress/support/commands.ts
+++ b/tests/cypress/support/commands.ts
@@ -38,7 +38,7 @@ Cypress.Commands.add('LoginWithPassword', (username, password) => {
   cy.get('#password').type(password)
   cy.get('#LogInOrSignUp').click()
 })
-Cypress.Commands.add('PrepareForGame', () => {
+Cypress.Commands.add('PrepareForGame', (questId) => {
   cy.visit('/')
   // make sure the login page is loaded
   cy.url().should('satisfy', (elements: string) => {
@@ -51,8 +51,9 @@ Cypress.Commands.add('PrepareForGame', () => {
   )
   // make sure the map page is loaded
   cy.url().should('include', '/map')
-  cy.visit('/game/get-started')
-  cy.url().should('include', '/game/get-started')
+  const url = `/game/${questId}`
+  cy.visit(url)
+  cy.url().should('include', url)
   // check task first so the terminal has better possibility loaded
   cy.checkTaskInit()
   cy.get('.xterm-screen', { timeout: 10000 })
@@ -114,8 +115,7 @@ Cypress.Commands.add('checkPending', () => {
   )
 })
 Cypress.Commands.add('CompleteStageWithCommands', (stagename) => {
-  cy.visit(`/game/${stagename}`)
-  cy.url().should('include', `/game/${stagename}`, { timeout: 50000 })
+  cy.PrepareForGame(stagename)
   cy.log(`Completing stage :${stagename}`)
   cy.checkTaskInit()
   cy.CheckTextElement('#reset', '重來', 'Reset').click()
@@ -123,19 +123,22 @@ Cypress.Commands.add('CompleteStageWithCommands', (stagename) => {
   cy.InitTerminal()
   cy.readFile(`../quests/${stagename}/answer.sh`, 'utf-8').then((answers) => {
     const answerarr = answers.split('\n')
-    for (const element of answerarr) {
+    answerarr.forEach((element, index) => {
       cy.typeInCommand(`${element}{enter}`)
-      if (answerarr.indexOf(element) + 1 !== answerarr.length) {
-        cy.checkPending()
+      if (index < answerarr.length - 1) {
         cy.waitUntilActive()
+      } else {
+        cy.waitUntilActive(true).then(() => {
+          cy.CheckTextElement(
+            '#QuestCompleted',
+            '關卡完成！',
+            'Quest Completed!'
+          )
+          cy.get('div[class="modal"]').find('p').should('be.visible')
+          cy.get('#BacktoMap').should('be.visible').and('contain', '回到地圖')
+        })
       }
-      if (answerarr.indexOf(element) + 1 === answerarr.length) {
-        cy.waitUntilActive(true)
-        cy.CheckTextElement('#QuestCompleted', '關卡完成！', 'Quest Completed!')
-        cy.get('div[class="modal"]').find('p').should('be.visible')
-        cy.get('#BacktoMap').should('be.visible').and('contain', '回到地圖')
-      }
-    }
+    })
   })
 })
 Cypress.Commands.add('CheckTextElement', (id, chText, enText) => {

From cdd76f7d0c1704d29425b5bf866e403c77724e41 Mon Sep 17 00:00:00 2001
From: Annie Huang <annie.huang921002@gmail.com>
Date: Tue, 27 Feb 2024 14:52:19 +0800
Subject: [PATCH 06/20] add new page

---
 app/src/router.js             |  2 ++
 app/src/views/LandingPage.vue | 20 ++++++++++++++++++++
 2 files changed, 22 insertions(+)
 create mode 100644 app/src/views/LandingPage.vue

diff --git a/app/src/router.js b/app/src/router.js
index 1d3b420..b42b7cd 100644
--- a/app/src/router.js
+++ b/app/src/router.js
@@ -5,6 +5,7 @@ import RegisterPage from './views/RegisterPage.vue'
 import ChooseUsernamePage from './views/ChooseUsernamePage.vue'
 import QuestMapPage from './views/QuestMapPage.vue'
 import LeaderboardPage from './views/LeaderboardPage.vue'
+import LandingPage from './views/LandingPage.vue'
 import { isLoggedIn } from './utils/auth'
 
 const routes = [
@@ -51,6 +52,7 @@ const routes = [
     name: 'leaderboard',
     component: LeaderboardPage,
   },
+  { path: '/landing', name: 'landing-page', component: LandingPage },
 ]
 
 const router = createRouter({
diff --git a/app/src/views/LandingPage.vue b/app/src/views/LandingPage.vue
new file mode 100644
index 0000000..cef9d0b
--- /dev/null
+++ b/app/src/views/LandingPage.vue
@@ -0,0 +1,20 @@
+<script setup>
+// import { computed, onMounted } from 'vue'
+import { useToast } from 'vue-toastification'
+import GameHeaderPart from '../components/GameHeaderPart.vue'
+import DynamicBackground from '../components/DynamicBackground.vue'
+
+const toast = useToast()
+</script>
+<template>
+  <!-- game header -->
+  <div class="h-[6vh] w-full">
+    <GameHeaderPart :title="sessionStore.quest?.title" />
+  </div>
+  <div class="w-screen h-screen">
+    <DynamicBackground class="w-full h-full" />
+    <div
+      class="h-screen w-screen absolute top-0 left-0 flex flex-wrap justify-center content-center"
+    ></div>
+  </div>
+</template>

From 00e421861f5e07f9aeed12a2d744c84c627c1a05 Mon Sep 17 00:00:00 2001
From: Annie Huang <annie.huang921002@gmail.com>
Date: Wed, 28 Feb 2024 18:06:45 +0800
Subject: [PATCH 07/20] Landing page - header - jump to section

---
 app/src/views/LandingPage.vue | 177 ++++++++++++++++++++++++++++++++--
 1 file changed, 169 insertions(+), 8 deletions(-)

diff --git a/app/src/views/LandingPage.vue b/app/src/views/LandingPage.vue
index cef9d0b..91a1310 100644
--- a/app/src/views/LandingPage.vue
+++ b/app/src/views/LandingPage.vue
@@ -1,20 +1,181 @@
 <script setup>
 // import { computed, onMounted } from 'vue'
 import { useToast } from 'vue-toastification'
-import GameHeaderPart from '../components/GameHeaderPart.vue'
+import { useRouter } from 'vue-router'
 import DynamicBackground from '../components/DynamicBackground.vue'
 
+const router = useRouter()
 const toast = useToast()
+
+const handleSignIn = async () => {
+  try {
+    router.push({ name: 'login' })
+  } catch (err) {
+    toast.error('無法讀取登入頁面')
+    console.log(err)
+  }
+}
+
+const scrollToSection = (sectionId) => {
+  const section = document.getElementById(sectionId)
+  if (section) {
+    window.scrollTo({
+      top: section.offsetTop,
+      behavior: 'smooth',
+    })
+  }
+}
 </script>
 <template>
-  <!-- game header -->
-  <div class="h-[6vh] w-full">
-    <GameHeaderPart :title="sessionStore.quest?.title" />
-  </div>
-  <div class="w-screen h-screen">
-    <DynamicBackground class="w-full h-full" />
+  <div class="w-screen h-screen bg-bg">
+    <DynamicBackground class="absolute inset-0 bg-cover bg-center z-0" />
     <div
       class="h-screen w-screen absolute top-0 left-0 flex flex-wrap justify-center content-center"
-    ></div>
+    >
+      <!-- game header -->
+      <div class="h-[6vh] w-full">
+        <div
+          id="header"
+          class="bg-bg-secondary content-center h-full w-full p-1"
+        >
+          <div class="h-full flex items-center justify-center mx-3">
+            <div class="flex items-center gap-3">
+              <img src="../img/icon_totem.svg" class="h-5" />
+              <button
+                id="GameTitle"
+                class="text-text-primary inline-block font-bold whitespace-nowrap"
+                style="font-size: 2vh"
+              >
+                Welcome to Linux Odyssey!
+              </button>
+            </div>
+            <div class="h-full w-full flex gap-3 items-center justify-end">
+              <button
+                id="Info"
+                class="text-text inline-block font-bold whitespace-nowrap"
+                @click="scrollToSection('info')"
+                style="font-size: 2vh"
+              >
+                Info
+              </button>
+              <button
+                id="Feature"
+                class="text-text inline-block font-bold whitespace-nowrap"
+                @click="scrollToSection('feature')"
+                style="font-size: 2vh"
+              >
+                Feature
+              </button>
+              <button
+                id="Contact"
+                class="text-text inline-block font-bold whitespace-nowrap"
+                @click="scrollToSection('contact')"
+                style="font-size: 2vh"
+              >
+                Contact
+              </button>
+
+              <button
+                title="Sign In"
+                @click="handleSignIn"
+                class="text-text inline-block font-bold whitespace-nowrap"
+                style="font-size: 2vh"
+              >
+                Sign In
+              </button>
+              <a
+                title="Bug Report"
+                :href="bugReportUrl"
+                target="_blank"
+                class="h-5 w-5"
+              >
+                <font-awesome-icon
+                  :icon="['fas', 'bug']"
+                  class="text-text-primary h-full w-full"
+                />
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="w-fit h-[94vh] m-3">
+        <h1 class="text-text-primary text-5xl mb-5">Linux Odyssey</h1>
+        <div class="max-h-300 overflow-auto w-[90vh]">
+          <section id="info" class="text-text mb-5">
+            Contrary to popular belief, Lorem Ipsum is not simply random text.
+            It has roots in a piece of classical Latin literature from 45 BC,
+            making it over 2000 years old. Richard McClintock, a Latin professor
+            at Hampden-Sydney College in Virginia, looked up one of the more
+            obscure Latin words, consectetur, from a Lorem Ipsum passage, and
+            going through the cites of the word in classical literature,
+            discovered the undoubtable source. Lorem Ipsum comes from sections
+            1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes
+            of Good and Evil) by Cicero, written in 45 BC. This book is a
+            treatise on the theory of ethics, very popular during the
+            Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit
+            amet..", comes from a line in section 1.10.32. //Contrary to popular
+            belief, Lorem Ipsum is not simply random text. It has roots in a
+            piece of classical Latin literature from 45 BC, making it over 2000
+            years old. Richard McClintock, a Latin professor at Hampden-Sydney
+            College in Virginia, looked up one of the more obscure Latin words,
+            consectetur, from a Lorem Ipsum passage, and going through the cites
+            of the word in classical literature, discovered the undoubtable
+            source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de
+            Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by
+            Cicero, written in 45 BC. This book is a treatise on the theory of
+            ethics, very popular during the Renaissance. The first line of Lorem
+            Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section
+            1.10.32.
+          </section>
+          <section id="feature" class="text-text mb-5">
+            There are many variations of passages of Lorem Ipsum available, but
+            the majority have suffered alteration in some form, by injected
+            humour, or randomised words which don't look even slightly
+            believable. If you are going to use a passage of Lorem Ipsum, you
+            need to be sure there isn't anything embarrassing hidden in the
+            middle of text. All the Lorem Ipsum generators on the Internet tend
+            to repeat predefined chunks as necessary, making this the first true
+            generator on the Internet. It uses a dictionary of over 200 Latin
+            words, combined with a handful of model sentence structures, to
+            generate Lorem Ipsum which looks reasonable. The generated Lorem
+            Ipsum is therefore always free from repetition, injected humour, or
+            non-characteristic words etc.//There are many variations of passages
+            of Lorem Ipsum available, but the majority have suffered alteration
+            in some form, by injected humour, or randomised words which don't
+            look even slightly believable. If you are going to use a passage of
+            Lorem Ipsum, you need to be sure there isn't anything embarrassing
+            hidden in the middle of text. All the Lorem Ipsum generators on the
+            Internet tend to repeat predefined chunks as necessary, making this
+            the first true generator on the Internet. It uses a dictionary of
+            over 200 Latin words, combined with a handful of model sentence
+            structures, to generate Lorem Ipsum which looks reasonable. The
+            generated Lorem Ipsum is therefore always free from repetition,
+            injected humour, or non-characteristic words etc.
+          </section>
+          <section id="contact" class="text-text mb-5">
+            It is a long established fact that a reader will be distracted by
+            the readable content of a page when looking at its layout. The point
+            of using Lorem Ipsum is that it has a more-or-less normal
+            distribution of letters, as opposed to using 'Content here, content
+            here', making it look like readable English. Many desktop publishing
+            packages and web page editors now use Lorem Ipsum as their default
+            model text, and a search for 'lorem ipsum' will uncover many web
+            sites still in their infancy. Various versions have evolved over the
+            years, sometimes by accident, sometimes on purpose (injected humour
+            and the like).//It is a long established fact that a reader will be
+            distracted by the readable content of a page when looking at its
+            layout. The point of using Lorem Ipsum is that it has a more-or-less
+            normal distribution of letters, as opposed to using 'Content here,
+            content here', making it look like readable English. Many desktop
+            publishing packages and web page editors now use Lorem Ipsum as
+            their default model text, and a search for 'lorem ipsum' will
+            uncover many web sites still in their infancy. Various versions have
+            evolved over the years, sometimes by accident, sometimes on purpose
+            (injected humour and the like).
+          </section>
+        </div>
+      </div>
+    </div>
   </div>
 </template>

From 9146c433b34dddc3d6d74b9b45047e0217444e9d Mon Sep 17 00:00:00 2001
From: Annie Huang <annie.huang921002@gmail.com>
Date: Wed, 28 Feb 2024 23:14:06 +0800
Subject: [PATCH 08/20] add youtube embedded

---
 app/src/views/LandingPage.vue | 70 +++++++++++++++++++++--------------
 1 file changed, 43 insertions(+), 27 deletions(-)

diff --git a/app/src/views/LandingPage.vue b/app/src/views/LandingPage.vue
index 91a1310..3485796 100644
--- a/app/src/views/LandingPage.vue
+++ b/app/src/views/LandingPage.vue
@@ -27,8 +27,8 @@ const scrollToSection = (sectionId) => {
 }
 </script>
 <template>
-  <div class="w-screen h-screen bg-bg">
-    <DynamicBackground class="absolute inset-0 bg-cover bg-center z-0" />
+  <div class="w-screen h-screen bg-scroll bg-bg">
+    <DynamicBackground class="overflow-auto w-full h-full" />
     <div
       class="h-screen w-screen absolute top-0 left-0 flex flex-wrap justify-center content-center"
     >
@@ -36,7 +36,7 @@ const scrollToSection = (sectionId) => {
       <div class="h-[6vh] w-full">
         <div
           id="header"
-          class="bg-bg-secondary content-center h-full w-full p-1"
+          class="bg-bg-secondary content-center h-full w-full p-1 items-center"
         >
           <div class="h-full flex items-center justify-center mx-3">
             <div class="flex items-center gap-3">
@@ -99,9 +99,14 @@ const scrollToSection = (sectionId) => {
         </div>
       </div>
 
-      <div class="w-fit h-[94vh] m-3">
-        <h1 class="text-text-primary text-5xl mb-5">Linux Odyssey</h1>
-        <div class="max-h-300 overflow-auto w-[90vh]">
+      <div class="w-fit h-[94vh] m-3 justify-center px-10">
+        <h1
+          class="text-text-primary mb-5 font-extrabold font-mono"
+          style="font-size: 16vh"
+        >
+          Linux Odyssey
+        </h1>
+        <div class="overflow-y-auto w-70% flex flex-col">
           <section id="info" class="text-text mb-5">
             Contrary to popular belief, Lorem Ipsum is not simply random text.
             It has roots in a piece of classical Latin literature from 45 BC,
@@ -153,28 +158,39 @@ const scrollToSection = (sectionId) => {
             generated Lorem Ipsum is therefore always free from repetition,
             injected humour, or non-characteristic words etc.
           </section>
-          <section id="contact" class="text-text mb-5">
-            It is a long established fact that a reader will be distracted by
-            the readable content of a page when looking at its layout. The point
-            of using Lorem Ipsum is that it has a more-or-less normal
-            distribution of letters, as opposed to using 'Content here, content
-            here', making it look like readable English. Many desktop publishing
-            packages and web page editors now use Lorem Ipsum as their default
-            model text, and a search for 'lorem ipsum' will uncover many web
-            sites still in their infancy. Various versions have evolved over the
-            years, sometimes by accident, sometimes on purpose (injected humour
-            and the like).//It is a long established fact that a reader will be
-            distracted by the readable content of a page when looking at its
-            layout. The point of using Lorem Ipsum is that it has a more-or-less
-            normal distribution of letters, as opposed to using 'Content here,
-            content here', making it look like readable English. Many desktop
-            publishing packages and web page editors now use Lorem Ipsum as
-            their default model text, and a search for 'lorem ipsum' will
-            uncover many web sites still in their infancy. Various versions have
-            evolved over the years, sometimes by accident, sometimes on purpose
-            (injected humour and the like).
-          </section>
+          <div class="justify-self-center w-fit">
+            <iframe
+              width="560"
+              height="315"
+              src="https://www.youtube.com/embed/XzvfmUf1QP8?si=QxnKJMNjsm27fGGF"
+              title="YouTube video player"
+              frameborder="0"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+              allowfullscreen
+            ></iframe>
+          </div>
         </div>
+
+        <section id="contact" class="text-text mb-5">
+          It is a long established fact that a reader will be distracted by the
+          readable content of a page when looking at its layout. The point of
+          using Lorem Ipsum is that it has a more-or-less normal distribution of
+          letters, as opposed to using 'Content here, content here', making it
+          look like readable English. Many desktop publishing packages and web
+          page editors now use Lorem Ipsum as their default model text, and a
+          search for 'lorem ipsum' will uncover many web sites still in their
+          infancy. Various versions have evolved over the years, sometimes by
+          accident, sometimes on purpose (injected humour and the like).//It is
+          a long established fact that a reader will be distracted by the
+          readable content of a page when looking at its layout. The point of
+          using Lorem Ipsum is that it has a more-or-less normal distribution of
+          letters, as opposed to using 'Content here, content here', making it
+          look like readable English. Many desktop publishing packages and web
+          page editors now use Lorem Ipsum as their default model text, and a
+          search for 'lorem ipsum' will uncover many web sites still in their
+          infancy. Various versions have evolved over the years, sometimes by
+          accident, sometimes on purpose (injected humour and the like).
+        </section>
       </div>
     </div>
   </div>

From 46e27c7456e9ce1cb086ed67674f93da16d5c687 Mon Sep 17 00:00:00 2001
From: Annie Huang <annie.huang921002@gmail.com>
Date: Thu, 29 Feb 2024 15:20:38 +0800
Subject: [PATCH 09/20] - add contacts - change contents - fix broken page

---
 app/src/config.js             |   4 +
 app/src/library.js            |  11 +-
 app/src/views/LandingPage.vue | 211 ++++++++++++++++++++--------------
 3 files changed, 137 insertions(+), 89 deletions(-)

diff --git a/app/src/config.js b/app/src/config.js
index 2c6d374..1f70f2c 100644
--- a/app/src/config.js
+++ b/app/src/config.js
@@ -1,7 +1,11 @@
 export const surveyUrl = '/api/v1/survey'
 export const bugReportUrl = '/api/v1/bug-report'
+export const facebookUrl = 'https://www.facebook.com/LinuxOdyssey'
+export const GitHubUrl = 'https://github.com/linux-odyssey/linux-odyssey'
 
 export default {
   surveyUrl,
   bugReportUrl,
+  facebookUrl,
+  GitHubUrl,
 }
diff --git a/app/src/library.js b/app/src/library.js
index 1142033..7f3c00c 100644
--- a/app/src/library.js
+++ b/app/src/library.js
@@ -18,13 +18,18 @@ import {
   faMap,
   faTrophy,
   faFileInvoice,
+  faEnvelope,
 } from '@fortawesome/free-solid-svg-icons'
 import {
   faLightbulb,
   faCircleQuestion,
   faCircleRight,
 } from '@fortawesome/free-regular-svg-icons'
-import { faGithub, faGoogle } from '@fortawesome/free-brands-svg-icons'
+import {
+  faFacebook,
+  faGithub,
+  faGoogle,
+} from '@fortawesome/free-brands-svg-icons'
 
 /* add icons to the library */
 library.add(
@@ -47,5 +52,7 @@ library.add(
   faCircleRight,
   faGithub,
   faGoogle,
-  faFileInvoice
+  faFileInvoice,
+  faFacebook,
+  faEnvelope
 )
diff --git a/app/src/views/LandingPage.vue b/app/src/views/LandingPage.vue
index 3485796..7655b01 100644
--- a/app/src/views/LandingPage.vue
+++ b/app/src/views/LandingPage.vue
@@ -3,6 +3,7 @@
 import { useToast } from 'vue-toastification'
 import { useRouter } from 'vue-router'
 import DynamicBackground from '../components/DynamicBackground.vue'
+import { bugReportUrl, facebookUrl, GitHubUrl } from '../config'
 
 const router = useRouter()
 const toast = useToast()
@@ -30,7 +31,7 @@ const scrollToSection = (sectionId) => {
   <div class="w-screen h-screen bg-scroll bg-bg">
     <DynamicBackground class="overflow-auto w-full h-full" />
     <div
-      class="h-screen w-screen absolute top-0 left-0 flex flex-wrap justify-center content-center"
+      class="overflow-auto h-screen w-screen absolute top-0 left-0 flex flex-wrap justify-center content-center"
     >
       <!-- game header -->
       <div class="h-[6vh] w-full">
@@ -51,6 +52,13 @@ const scrollToSection = (sectionId) => {
             </div>
             <div class="h-full w-full flex gap-3 items-center justify-end">
               <button
+                id="Feature"
+                class="text-text inline-block font-bold whitespace-nowrap"
+                @click="scrollToSection('feature')"
+                style="font-size: 2vh"
+              >
+                Feature</button
+              ><button
                 id="Info"
                 class="text-text inline-block font-bold whitespace-nowrap"
                 @click="scrollToSection('info')"
@@ -58,21 +66,14 @@ const scrollToSection = (sectionId) => {
               >
                 Info
               </button>
-              <button
-                id="Feature"
-                class="text-text inline-block font-bold whitespace-nowrap"
-                @click="scrollToSection('feature')"
-                style="font-size: 2vh"
-              >
-                Feature
-              </button>
+
               <button
                 id="Contact"
                 class="text-text inline-block font-bold whitespace-nowrap"
                 @click="scrollToSection('contact')"
                 style="font-size: 2vh"
               >
-                Contact
+                Contact Us
               </button>
 
               <button
@@ -99,66 +100,89 @@ const scrollToSection = (sectionId) => {
         </div>
       </div>
 
-      <div class="w-fit h-[94vh] m-3 justify-center px-10">
-        <h1
-          class="text-text-primary mb-5 font-extrabold font-mono"
-          style="font-size: 16vh"
-        >
-          Linux Odyssey
-        </h1>
+      <div class="w-fit h-[94vh] m-3 justify-center px-10 overflow-auto">
+        <div class="w-full">
+          <h1
+            class="text-text-primary mb-2 font-extrabold font-mono w-fit"
+            style="font-size: 16vh"
+          >
+            Linux
+          </h1>
+          <img src="../img/icon_totem.svg" class="h-[30vh]" />
+          <h1
+            class="text-text-primary mb-2 font-extrabold font-mono w-fit"
+            style="font-size: 16vh"
+          >
+            Odyssey
+          </h1>
+        </div>
         <div class="overflow-y-auto w-70% flex flex-col">
-          <section id="info" class="text-text mb-5">
-            Contrary to popular belief, Lorem Ipsum is not simply random text.
-            It has roots in a piece of classical Latin literature from 45 BC,
-            making it over 2000 years old. Richard McClintock, a Latin professor
-            at Hampden-Sydney College in Virginia, looked up one of the more
-            obscure Latin words, consectetur, from a Lorem Ipsum passage, and
-            going through the cites of the word in classical literature,
-            discovered the undoubtable source. Lorem Ipsum comes from sections
-            1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes
-            of Good and Evil) by Cicero, written in 45 BC. This book is a
-            treatise on the theory of ethics, very popular during the
-            Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit
-            amet..", comes from a line in section 1.10.32. //Contrary to popular
-            belief, Lorem Ipsum is not simply random text. It has roots in a
-            piece of classical Latin literature from 45 BC, making it over 2000
-            years old. Richard McClintock, a Latin professor at Hampden-Sydney
-            College in Virginia, looked up one of the more obscure Latin words,
-            consectetur, from a Lorem Ipsum passage, and going through the cites
-            of the word in classical literature, discovered the undoubtable
-            source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de
-            Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by
-            Cicero, written in 45 BC. This book is a treatise on the theory of
-            ethics, very popular during the Renaissance. The first line of Lorem
-            Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section
-            1.10.32.
+          <section id="intro" class="text-text p-5">
+            <h1 class="text-text inline-block font-bold whitespace-nowrap p-2">
+              程式設計不僅僅是寫程式碼，還涉及到如何有效地與你的電腦互動。
+            </h1>
+            <br />
+            <h1 class="text-text inline-block font-bold whitespace-nowrap p-2">
+              程式教育卻往往忽略背後「開發環境」的重要性，
+              使得許多學生在過程中充滿挫折。
+            </h1>
+            <br />
+            <h1 class="text-text inline-block font-bold whitespace-nowrap p-2">
+              「開發環境」是寫程式、執行程式過程所需要的一切工具。
+              而這些工具需要在終端機輸入指令來使用。
+            </h1>
+            <br />
+            <h1 class="text-text inline-block font-bold whitespace-nowrap p-2">
+              大部分的程式要用來運行的環境，並非 Windows 或 Mac OS，而是 Linux
+              作業系統。
+            </h1>
+            <br />
+            <h1 class="text-text inline-block font-bold whitespace-nowrap p-2">
+              Linux Odyssey 即是為此設計的線上 Linux 互動教學網站。
+            </h1>
           </section>
-          <section id="feature" class="text-text mb-5">
-            There are many variations of passages of Lorem Ipsum available, but
-            the majority have suffered alteration in some form, by injected
-            humour, or randomised words which don't look even slightly
-            believable. If you are going to use a passage of Lorem Ipsum, you
-            need to be sure there isn't anything embarrassing hidden in the
-            middle of text. All the Lorem Ipsum generators on the Internet tend
-            to repeat predefined chunks as necessary, making this the first true
-            generator on the Internet. It uses a dictionary of over 200 Latin
-            words, combined with a handful of model sentence structures, to
-            generate Lorem Ipsum which looks reasonable. The generated Lorem
-            Ipsum is therefore always free from repetition, injected humour, or
-            non-characteristic words etc.//There are many variations of passages
-            of Lorem Ipsum available, but the majority have suffered alteration
-            in some form, by injected humour, or randomised words which don't
-            look even slightly believable. If you are going to use a passage of
-            Lorem Ipsum, you need to be sure there isn't anything embarrassing
-            hidden in the middle of text. All the Lorem Ipsum generators on the
-            Internet tend to repeat predefined chunks as necessary, making this
-            the first true generator on the Internet. It uses a dictionary of
-            over 200 Latin words, combined with a handful of model sentence
-            structures, to generate Lorem Ipsum which looks reasonable. The
-            generated Lorem Ipsum is therefore always free from repetition,
-            injected humour, or non-characteristic words etc.
+          <section id="feature" class="text-text p-5">
+            <h1
+              class="text-text-primary px-5 font-extrabold font-mono"
+              style="font-size: 3vh"
+            >
+              初學者也能立即上手
+            </h1>
+            <h1 class="text-text p-2" style="font-size: 2vh">
+              我們明白對於初學者來說，設定和使用開發工具可能是一大障礙。
+            </h1>
+            <h1 class="text-text p-2" style="font-size: 2vh">
+              學習者無需安裝任何軟體，僅需通過瀏覽器即可連上一個真實的 Linux
+              環境。
+            </h1>
+            <h1
+              class="text-text-primary p-5 font-extrabold font-mono"
+              style="font-size: 3vh"
+            >
+              遊戲般的學習體驗
+            </h1>
+            <h1 class="text-text p-2" style="font-size: 2vh">
+              Linux Odyssey 融合了遊戲的樂趣與學習的實用性。
+            </h1>
+            <h1 class="text-text p-2" style="font-size: 2vh">
+              透過精心設計的遊戲關卡，學習者可以一邊接受挑戰、破解謎題，
+              一邊掌握 Linux 指令的運用。
+            </h1>
+            <h1
+              class="text-text-primary p-5 font-extrabold font-mono"
+              style="font-size: 3vh"
+            >
+              真實的 Linux 操作之旅
+            </h1>
+            <h1 class="text-text p-2" style="font-size: 2vh">
+              Linux Odyssey 提供的不僅是理論知識，更是真實的操作體驗。
+            </h1>
+            <h1 class="text-text p-2" style="font-size: 2vh">
+              每一個指令都是在真實的 Linux 環境中執行，
+              讓學習者能夠真正深入軟體開發的世界。
+            </h1>
           </section>
-          <div class="justify-self-center w-fit">
+          <div class="justify-self-center w-fit p-4">
             <iframe
               width="560"
               height="315"
@@ -170,26 +194,39 @@ const scrollToSection = (sectionId) => {
             ></iframe>
           </div>
         </div>
-
-        <section id="contact" class="text-text mb-5">
-          It is a long established fact that a reader will be distracted by the
-          readable content of a page when looking at its layout. The point of
-          using Lorem Ipsum is that it has a more-or-less normal distribution of
-          letters, as opposed to using 'Content here, content here', making it
-          look like readable English. Many desktop publishing packages and web
-          page editors now use Lorem Ipsum as their default model text, and a
-          search for 'lorem ipsum' will uncover many web sites still in their
-          infancy. Various versions have evolved over the years, sometimes by
-          accident, sometimes on purpose (injected humour and the like).//It is
-          a long established fact that a reader will be distracted by the
-          readable content of a page when looking at its layout. The point of
-          using Lorem Ipsum is that it has a more-or-less normal distribution of
-          letters, as opposed to using 'Content here, content here', making it
-          look like readable English. Many desktop publishing packages and web
-          page editors now use Lorem Ipsum as their default model text, and a
-          search for 'lorem ipsum' will uncover many web sites still in their
-          infancy. Various versions have evolved over the years, sometimes by
-          accident, sometimes on purpose (injected humour and the like).
+        <section id="feature" class="text-text px-5"></section>
+        <button
+          id="StartGame"
+          @click="handleSignIn"
+          class="w-1/14 h-1/10 bg-text-primary p-1"
+        >
+          <div class="bg-black">
+            <div class="text-text p-2 justify-center">
+              準備好鍵盤，跟我們一起開啟你的 Linux 冒險吧！
+            </div>
+          </div>
+        </button>
+        <section id="contact" class="text-text px-5">
+          <button title="facebookUrl" :href="facebookUrl" class="h-10 w-10">
+            <font-awesome-icon
+              :icon="['fab', 'facebook']"
+              class="text-text-primary h-full w-full"
+            />
+          </button>
+          facebook粉絲專頁: Linux Odyssey
+          <button title="GitHubUrl" :href="GitHubUrl" class="h-10 w-10">
+            <font-awesome-icon
+              :icon="['fab', 'github']"
+              class="text-text-primary h-full w-full"
+            /></button
+          >Github: linux-odyssey/linux-odyssey
+          <div title="EmailAddress" class="h-10 w-10">
+            <font-awesome-icon
+              :icon="['fas', 'envelope']"
+              class="text-text-primary h-full w-full"
+            />
+          </div>
+          email: team@linuxodyssey.xyz
         </section>
       </div>
     </div>

From bef134871d3ec5cf1757bfe88decde36eb2cf8ea Mon Sep 17 00:00:00 2001
From: Annie Huang <annie.huang921002@gmail.com>
Date: Thu, 29 Feb 2024 23:06:47 +0800
Subject: [PATCH 10/20] - edit position - add group info - add opinions - add
 start button

---
 app/src/views/LandingPage.vue | 289 ++++++++++++++++++++++------------
 1 file changed, 186 insertions(+), 103 deletions(-)

diff --git a/app/src/views/LandingPage.vue b/app/src/views/LandingPage.vue
index 7655b01..d14c1f2 100644
--- a/app/src/views/LandingPage.vue
+++ b/app/src/views/LandingPage.vue
@@ -20,18 +20,18 @@ const handleSignIn = async () => {
 const scrollToSection = (sectionId) => {
   const section = document.getElementById(sectionId)
   if (section) {
+    console.log(sectionId)
     window.scrollTo({
       top: section.offsetTop,
-      behavior: 'smooth',
     })
   }
 }
 </script>
 <template>
   <div class="w-screen h-screen bg-scroll bg-bg">
-    <DynamicBackground class="overflow-auto w-full h-full" />
+    <DynamicBackground class="w-full h-full" />
     <div
-      class="overflow-auto h-screen w-screen absolute top-0 left-0 flex flex-wrap justify-center content-center"
+      class="h-screen w-screen absolute top-0 left-0 flex flex-wrap justify-center content-center"
     >
       <!-- game header -->
       <div class="h-[6vh] w-full">
@@ -47,10 +47,18 @@ const scrollToSection = (sectionId) => {
                 class="text-text-primary inline-block font-bold whitespace-nowrap"
                 style="font-size: 2vh"
               >
-                Welcome to Linux Odyssey!
+                Welcome to Linux Odyssey !
               </button>
             </div>
             <div class="h-full w-full flex gap-3 items-center justify-end">
+              <button
+                id="Intro"
+                class="text-text inline-block font-bold whitespace-nowrap"
+                @click="scrollToSection('intro')"
+                style="font-size: 2vh"
+              >
+                Intro
+              </button>
               <button
                 id="Feature"
                 class="text-text inline-block font-bold whitespace-nowrap"
@@ -100,133 +108,208 @@ const scrollToSection = (sectionId) => {
         </div>
       </div>
 
-      <div class="w-fit h-[94vh] m-3 justify-center px-10 overflow-auto">
-        <div class="w-full">
+      <div class="w-fit h-[94vh] m-3 justify-center px-10 overflow-y-auto">
+        <div
+          class="w-full h-full grid grid-cols-3 justify-items-center items-center"
+        >
           <h1
-            class="text-text-primary mb-2 font-extrabold font-mono w-fit"
-            style="font-size: 16vh"
+            class="text-text-primary mb-2 font-extrabold font-mono w-fit ml-20"
+            style="font-size: 14vh"
           >
             Linux
           </h1>
-          <img src="../img/icon_totem.svg" class="h-[30vh]" />
+          <img src="../img/icon_totem.svg" class="h-[30vh] inline-flex mr-12" />
           <h1
-            class="text-text-primary mb-2 font-extrabold font-mono w-fit"
-            style="font-size: 16vh"
+            class="text-text-primary mb-2 font-extrabold font-mono w-fit mr-20"
+            style="font-size: 14vh"
           >
             Odyssey
           </h1>
         </div>
-        <div class="overflow-y-auto w-70% flex flex-col">
-          <section id="intro" class="text-text p-5">
-            <h1 class="text-text inline-block font-bold whitespace-nowrap p-2">
-              程式設計不僅僅是寫程式碼，還涉及到如何有效地與你的電腦互動。
-            </h1>
-            <br />
-            <h1 class="text-text inline-block font-bold whitespace-nowrap p-2">
-              程式教育卻往往忽略背後「開發環境」的重要性，
-              使得許多學生在過程中充滿挫折。
-            </h1>
-            <br />
-            <h1 class="text-text inline-block font-bold whitespace-nowrap p-2">
-              「開發環境」是寫程式、執行程式過程所需要的一切工具。
-              而這些工具需要在終端機輸入指令來使用。
-            </h1>
-            <br />
-            <h1 class="text-text inline-block font-bold whitespace-nowrap p-2">
-              大部分的程式要用來運行的環境，並非 Windows 或 Mac OS，而是 Linux
-              作業系統。
-            </h1>
-            <br />
-            <h1 class="text-text inline-block font-bold whitespace-nowrap p-2">
-              Linux Odyssey 即是為此設計的線上 Linux 互動教學網站。
-            </h1>
-          </section>
-          <section id="feature" class="text-text p-5">
-            <h1
-              class="text-text-primary px-5 font-extrabold font-mono"
-              style="font-size: 3vh"
-            >
-              初學者也能立即上手
-            </h1>
-            <h1 class="text-text p-2" style="font-size: 2vh">
-              我們明白對於初學者來說，設定和使用開發工具可能是一大障礙。
-            </h1>
-            <h1 class="text-text p-2" style="font-size: 2vh">
-              學習者無需安裝任何軟體，僅需通過瀏覽器即可連上一個真實的 Linux
-              環境。
-            </h1>
-            <h1
-              class="text-text-primary p-5 font-extrabold font-mono"
-              style="font-size: 3vh"
-            >
-              遊戲般的學習體驗
-            </h1>
-            <h1 class="text-text p-2" style="font-size: 2vh">
-              Linux Odyssey 融合了遊戲的樂趣與學習的實用性。
-            </h1>
-            <h1 class="text-text p-2" style="font-size: 2vh">
-              透過精心設計的遊戲關卡，學習者可以一邊接受挑戰、破解謎題，
-              一邊掌握 Linux 指令的運用。
-            </h1>
-            <h1
-              class="text-text-primary p-5 font-extrabold font-mono"
-              style="font-size: 3vh"
-            >
-              真實的 Linux 操作之旅
-            </h1>
-            <h1 class="text-text p-2" style="font-size: 2vh">
-              Linux Odyssey 提供的不僅是理論知識，更是真實的操作體驗。
-            </h1>
-            <h1 class="text-text p-2" style="font-size: 2vh">
-              每一個指令都是在真實的 Linux 環境中執行，
-              讓學習者能夠真正深入軟體開發的世界。
-            </h1>
-          </section>
-          <div class="justify-self-center w-fit p-4">
-            <iframe
-              width="560"
-              height="315"
-              src="https://www.youtube.com/embed/XzvfmUf1QP8?si=QxnKJMNjsm27fGGF"
-              title="YouTube video player"
-              frameborder="0"
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-              allowfullscreen
-            ></iframe>
-          </div>
-        </div>
-        <section id="feature" class="text-text px-5"></section>
-        <button
-          id="StartGame"
-          @click="handleSignIn"
-          class="w-1/14 h-1/10 bg-text-primary p-1"
+        <section
+          id="intro"
+          class="text-text p-5 grid grid-cols-1 gap-3 justify-items-center"
         >
-          <div class="bg-black">
-            <div class="text-text p-2 justify-center">
-              準備好鍵盤，跟我們一起開啟你的 Linux 冒險吧！
+          <h1 class="text-text inline-block">
+            程式設計不僅僅是寫程式碼，還涉及到如何有效地與你的電腦互動。
+          </h1>
+          <h1 class="text-text inline-block">
+            程式教育卻往往忽略背後「開發環境」的重要性，
+            使得許多學生在過程中充滿挫折。
+          </h1>
+          <h1 class="text-text inline-block">
+            「開發環境」是寫程式、執行程式過程所需要的一切工具。
+            而這些工具需要在終端機輸入指令來使用。
+          </h1>
+          <h1 class="text-text inline-block">
+            大部分的程式要用來運行的環境，並非 Windows 或 Mac OS，而是 Linux
+            作業系統。
+          </h1>
+          <h1 class="text-text inline-block">
+            Linux Odyssey 即是為此設計的線上 Linux 互動教學網站。
+          </h1>
+        </section>
+        <section
+          id="feature"
+          class="text-text p-5 grid grid-cols-1 justify-items-center"
+        >
+          <h1
+            class="text-text-primary p-5 font-extrabold font-mono"
+            style="font-size: 3vh"
+          >
+            初學者也能立即上手
+          </h1>
+          <h1 class="text-text p-2" style="font-size: 2vh">
+            我們明白對於初學者來說，設定和使用開發工具可能是一大障礙。
+          </h1>
+          <h1 class="text-text p-2" style="font-size: 2vh">
+            學習者無需安裝任何軟體，僅需通過瀏覽器即可連上一個真實的 Linux
+            環境。
+          </h1>
+          <h1
+            class="text-text-primary p-5 font-extrabold font-mono"
+            style="font-size: 3vh"
+          >
+            遊戲般的學習體驗
+          </h1>
+          <h1 class="text-text p-2" style="font-size: 2vh">
+            Linux Odyssey 融合了遊戲的樂趣與學習的實用性。
+          </h1>
+          <h1 class="text-text p-2" style="font-size: 2vh">
+            透過精心設計的遊戲關卡，學習者可以一邊接受挑戰、破解謎題， 一邊掌握
+            Linux 指令的運用。
+          </h1>
+          <h1
+            class="text-text-primary p-5 font-extrabold font-mono"
+            style="font-size: 3vh"
+          >
+            真實的 Linux 操作之旅
+          </h1>
+          <h1 class="text-text p-2" style="font-size: 2vh">
+            Linux Odyssey 提供的不僅是理論知識，更是真實的操作體驗。
+          </h1>
+          <h1 class="text-text p-2" style="font-size: 2vh">
+            每一個指令都是在真實的 Linux 環境中執行，
+            讓學習者能夠真正深入軟體開發的世界。
+          </h1>
+        </section>
+        <section
+          id="start"
+          class="text-text p-20 grid grid-cols-3 gap-10 justify-items-center"
+        >
+          <iframe
+            width="1000"
+            height="562"
+            src="https://www.youtube.com/embed/XzvfmUf1QP8?si=QxnKJMNjsm27fGGF"
+            title="YouTube video player"
+            frameborder="0"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+            allowfullscreen
+            class="col-span-3 pb-2 mb-3"
+          ></iframe>
+
+          <button
+            id="StartGame"
+            @click="handleSignIn"
+            class="w-1/2 h-[10vh] bg-text-primary p-2 transition ease-in-out delay-130 hover:-translate-y-1 hover:scale-150 hover:bg-indigo-500 duration-300 col-span-3"
+          >
+            <div class="bg-black p-2 w-full">
+              <div class="text-text p-2 w-full" style="font-size: 2.5vh">
+                準備好鍵盤，跟我們一起開啟你的 Linux 冒險吧！
+              </div>
+            </div>
+          </button>
+        </section>
+        <section
+          id="info"
+          class="text-text px-5 grid grid-cols-3 gap-2 justify-items-center"
+        >
+          <h1
+            class="text-text-primary p-5 font-extrabold font-mono col-span-3"
+            style="font-size: 3vh"
+          >
+            團隊介紹
+          </h1>
+          <h1 class="text-text p-2 col-span-3">
+            國立臺北科技大學 智慧自動化工程科 第二屆 Linux Odyssey
+            互動式終端機教學網站
+          </h1>
+          <h1 class="text-text p-2 col-span-3">Indieveloper</h1>
+          <div class="p-2 col-span-3">
+            <div class="grid grid-cols-4 gap-2 justify-items-center">
+              <h1 class="font-bold">wancat 林貓</h1>
+              <h1 class="font-bold">Neil</h1>
+              <h1 class="font-bold">A.H.</h1>
+              <h1 class="font-bold">Ray Gur</h1>
             </div>
           </div>
-        </button>
-        <section id="contact" class="text-text px-5">
+          <h1
+            class="text-text-primary p-5 font-extrabold font-mono col-span-3"
+            style="font-size: 3vh"
+          >
+            得獎肯定
+          </h1>
+          <h1 class="text-text p-2 col-span-3">
+            大專校院資訊應用服務創新競賽 鈦坦敏捷開發特別獎 第二名
+          </h1>
+
+          <h1
+            class="text-text-primary p-5 font-extrabold font-mono col-span-3"
+            style="font-size: 3vh"
+          >
+            玩家感想
+          </h1>
+          <h1 class="text-text p-2">"很好玩很像益智遊戲"</h1>
+          <h1 class="text-text p-2">
+            "我從來不知道自由軟體的存在，謝謝你們。"
+          </h1>
+          <h1 class="text-text p-2">"還蠻好玩的，讓程式變好玩"</h1>
+          <h1 class="text-text p-2">"以前不喜歡電腦課現在覺得喜歡一點點"</h1>
+          <h1 class="text-text p-2">
+            "程式真的對新手很友善，讓我學到了很多東西"
+          </h1>
+          <h1 class="text-text p-2">"感覺做得很好很簡明易懂關卡設計很用心"</h1>
+          <h1 class="text-text p-2">
+            "這個體驗我覺得非常有趣，可以體驗到沒辦法體驗的程式，學長也都熱心指導，非常感謝學長的用心的講解，希望以後還可以再體驗這種活動"
+          </h1>
+          <h1 class="text-text p-2">
+            "以前我覺得寫程式很難不過現在覺得很有趣"
+          </h1>
+          <h1 class="text-text p-2">
+            "以前覺得寫程式是我生活中碰不到而且很難的項目。但通過這堂課之後，覺得寫程式不再那麼難以親近"
+          </h1>
+        </section>
+        <section
+          id="contact"
+          class="text-text p-5 grid grid-cols-3 gap-4 justify-items-center"
+        >
+          <h1
+            class="text-text-primary p-5 font-extrabold font-mono col-span-3"
+            style="font-size: 3vh"
+          >
+            聯絡我們
+          </h1>
           <button title="facebookUrl" :href="facebookUrl" class="h-10 w-10">
             <font-awesome-icon
               :icon="['fab', 'facebook']"
               class="text-text-primary h-full w-full"
             />
           </button>
-          facebook粉絲專頁: Linux Odyssey
           <button title="GitHubUrl" :href="GitHubUrl" class="h-10 w-10">
             <font-awesome-icon
               :icon="['fab', 'github']"
               class="text-text-primary h-full w-full"
-            /></button
-          >Github: linux-odyssey/linux-odyssey
+            />
+          </button>
           <div title="EmailAddress" class="h-10 w-10">
             <font-awesome-icon
               :icon="['fas', 'envelope']"
               class="text-text-primary h-full w-full"
             />
           </div>
-          email: team@linuxodyssey.xyz
+          <h1>facebook 粉絲專頁: Linux Odyssey</h1>
+          <h1>Github: linux-odyssey/linux-odyssey</h1>
+          <h1>email: team@linuxodyssey.xyz</h1>
         </section>
       </div>
     </div>

From f9decee80b9996b952b6374ecd355dd0d061c717 Mon Sep 17 00:00:00 2001
From: Annie Huang <annie.huang921002@gmail.com>
Date: Fri, 1 Mar 2024 16:17:13 +0800
Subject: [PATCH 11/20] fix: scroll bug modify contact layout

---
 app/src/views/LandingPage.vue | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/app/src/views/LandingPage.vue b/app/src/views/LandingPage.vue
index d14c1f2..d40d628 100644
--- a/app/src/views/LandingPage.vue
+++ b/app/src/views/LandingPage.vue
@@ -20,10 +20,13 @@ const handleSignIn = async () => {
 const scrollToSection = (sectionId) => {
   const section = document.getElementById(sectionId)
   if (section) {
-    console.log(sectionId)
-    window.scrollTo({
-      top: section.offsetTop,
-    })
+    const container = document.querySelector('.overflow-y-auto') // Replace '.overflow-y-auto' with the appropriate class or selector for your container
+    if (container) {
+      container.scrollTo({
+        top: section.offsetTop - container.offsetTop,
+        behavior: 'smooth', // Add smooth scrolling behavior if desired
+      })
+    }
   }
 }
 </script>
@@ -292,24 +295,27 @@ const scrollToSection = (sectionId) => {
           <button title="facebookUrl" :href="facebookUrl" class="h-10 w-10">
             <font-awesome-icon
               :icon="['fab', 'facebook']"
-              class="text-text-primary h-full w-full"
+              class="text-text-primary h-full w-full delay-130 hover:-translate-y-1 hover:scale-150"
             />
           </button>
           <button title="GitHubUrl" :href="GitHubUrl" class="h-10 w-10">
             <font-awesome-icon
               :icon="['fab', 'github']"
-              class="text-text-primary h-full w-full"
+              class="text-text-primary h-full w-full delay-130 hover:-translate-y-1 hover:scale-150"
             />
           </button>
           <div title="EmailAddress" class="h-10 w-10">
             <font-awesome-icon
               :icon="['fas', 'envelope']"
-              class="text-text-primary h-full w-full"
+              class="text-text-primary h-full w-full delay-130 hover:-translate-y-1 hover:scale-150"
             />
           </div>
-          <h1>facebook 粉絲專頁: Linux Odyssey</h1>
-          <h1>Github: linux-odyssey/linux-odyssey</h1>
-          <h1>email: team@linuxodyssey.xyz</h1>
+          <h1 class="font-semibold">Facebook</h1>
+          <h1 class="font-semibold">GitHub</h1>
+          <h1 class="font-semibold">Email</h1>
+          <h1>Linux Odyssey</h1>
+          <h1>linux-odyssey/linux-odyssey</h1>
+          <h1>team@linuxodyssey.xyz</h1>
         </section>
       </div>
     </div>

From ba7409b7a85fbd6a57c6fca8aa5fe8008c3f33fe Mon Sep 17 00:00:00 2001
From: Annie Huang <annie.huang921002@gmail.com>
Date: Fri, 1 Mar 2024 20:36:36 +0800
Subject: [PATCH 12/20] - add icons - change first page to landing-page - add
 text background - modify text arrangement

---
 app/src/components/GameHeaderPart.vue |  26 +--
 app/src/img/icon_settings.svg         |   9 ++
 app/src/img/icon_shuttle.svg          |   9 ++
 app/src/img/icon_sword.svg            |   9 ++
 app/src/router.js                     |  12 +-
 app/src/views/LandingPage.vue         | 223 ++++++++++++++------------
 6 files changed, 156 insertions(+), 132 deletions(-)
 create mode 100644 app/src/img/icon_settings.svg
 create mode 100644 app/src/img/icon_shuttle.svg
 create mode 100644 app/src/img/icon_sword.svg

diff --git a/app/src/components/GameHeaderPart.vue b/app/src/components/GameHeaderPart.vue
index 2b9248b..0072a4c 100644
--- a/app/src/components/GameHeaderPart.vue
+++ b/app/src/components/GameHeaderPart.vue
@@ -26,24 +26,6 @@ const handleLogout = async () => {
     console.error(err)
   }
 }
-const handleMap = async () => {
-  try {
-    router.push({ name: 'map' })
-  } catch (err) {
-    // toast.error('Failed to load map')
-    toast.error('無法讀取地圖')
-    console.error(err)
-  }
-}
-const handleLeaderBoard = async () => {
-  try {
-    router.push({ name: 'leaderboard' })
-  } catch (err) {
-    // toast.error('Failed to load map')
-    toast.error('無法讀取排行榜')
-    console.error(err)
-  }
-}
 
 defineProps({
   title: {
@@ -126,18 +108,18 @@ onMounted(async () => {
             class="text-text-primary h-full w-full"
           />
         </a>
-        <button title="LeaderBoard" @click="handleLeaderBoard" class="h-5 w-5">
+        <RouterLink title="LeaderBoard" to="/leaderboard" class="h-5 w-5">
           <font-awesome-icon
             :icon="['fas', 'trophy']"
             class="text-text-primary h-full w-full"
           />
-        </button>
-        <button title="Map" @click="handleMap" class="h-5 w-5">
+        </RouterLink>
+        <RouterLink title="Map" to="/map" class="h-5 w-5">
           <font-awesome-icon
             :icon="['fas', 'map']"
             class="text-text-primary h-full w-full"
           />
-        </button>
+        </RouterLink>
         <a
           title="Bug Report"
           :href="bugReportUrl"
diff --git a/app/src/img/icon_settings.svg b/app/src/img/icon_settings.svg
new file mode 100644
index 0000000..15c61e6
--- /dev/null
+++ b/app/src/img/icon_settings.svg
@@ -0,0 +1,9 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<path d="M0 0H512V512H0V0Z" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_426_5" transform="scale(0.00195312)"/>
+</pattern>
+<image id="image0_426_5" width="512" height="512" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/app/src/img/icon_shuttle.svg b/app/src/img/icon_shuttle.svg
new file mode 100644
index 0000000..878edb9
--- /dev/null
+++ b/app/src/img/icon_shuttle.svg
@@ -0,0 +1,9 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<path d="M0 0H512V512H0V0Z" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_424_19" transform="scale(0.00195312)"/>
+</pattern>
+<image id="image0_424_19" width="512" height="512" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/app/src/img/icon_sword.svg b/app/src/img/icon_sword.svg
new file mode 100644
index 0000000..22eda38
--- /dev/null
+++ b/app/src/img/icon_sword.svg
@@ -0,0 +1,9 @@
+<svg width="474" height="475" viewBox="0 0 474 475" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<path d="M0 0H474V475H0V0Z" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_426_3" transform="matrix(0.00215972 0 0 0.00215517 -0.00105485 0)"/>
+</pattern>
+<image id="image0_426_3" width="464" height="464" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/app/src/router.js b/app/src/router.js
index b42b7cd..7f17b2b 100644
--- a/app/src/router.js
+++ b/app/src/router.js
@@ -12,9 +12,8 @@ const routes = [
   {
     path: '/',
     redirect: {
-      name: 'register',
+      name: 'landing-page',
     },
-    meta: { requiresGuest: true },
   },
   {
     path: '/login',
@@ -52,7 +51,11 @@ const routes = [
     name: 'leaderboard',
     component: LeaderboardPage,
   },
-  { path: '/landing', name: 'landing-page', component: LandingPage },
+  {
+    path: '/landing',
+    name: 'landing-page',
+    component: LandingPage,
+  },
 ]
 
 const router = createRouter({
@@ -67,7 +70,8 @@ router.beforeEach(async (to, from, next) => {
     // Check if the user isn't authenticated
     // Redirect to the login page
     next({
-      name: 'register',
+      // name: 'register',
+      name: 'landing',
       query: { redirect: to.fullPath }, // Optionally pass a redirect parameter
     })
   } else if (to.meta.requiresGuest && loggedIn) {
diff --git a/app/src/views/LandingPage.vue b/app/src/views/LandingPage.vue
index d40d628..47fc976 100644
--- a/app/src/views/LandingPage.vue
+++ b/app/src/views/LandingPage.vue
@@ -1,22 +1,7 @@
 <script setup>
-// import { computed, onMounted } from 'vue'
-import { useToast } from 'vue-toastification'
-import { useRouter } from 'vue-router'
 import DynamicBackground from '../components/DynamicBackground.vue'
 import { bugReportUrl, facebookUrl, GitHubUrl } from '../config'
 
-const router = useRouter()
-const toast = useToast()
-
-const handleSignIn = async () => {
-  try {
-    router.push({ name: 'login' })
-  } catch (err) {
-    toast.error('無法讀取登入頁面')
-    console.log(err)
-  }
-}
-
 const scrollToSection = (sectionId) => {
   const section = document.getElementById(sectionId)
   if (section) {
@@ -47,7 +32,7 @@ const scrollToSection = (sectionId) => {
               <img src="../img/icon_totem.svg" class="h-5" />
               <button
                 id="GameTitle"
-                class="text-text-primary inline-block font-bold whitespace-nowrap"
+                class="text-text-primary inline-block font-bold whitespace-nowrap pt-1"
                 style="font-size: 2vh"
               >
                 Welcome to Linux Odyssey !
@@ -56,7 +41,7 @@ const scrollToSection = (sectionId) => {
             <div class="h-full w-full flex gap-3 items-center justify-end">
               <button
                 id="Intro"
-                class="text-text inline-block font-bold whitespace-nowrap"
+                class="text-text inline-block font-bold whitespace-nowrap pt-1"
                 @click="scrollToSection('intro')"
                 style="font-size: 2vh"
               >
@@ -64,14 +49,14 @@ const scrollToSection = (sectionId) => {
               </button>
               <button
                 id="Feature"
-                class="text-text inline-block font-bold whitespace-nowrap"
+                class="text-text inline-block font-bold whitespace-nowrap pt-1"
                 @click="scrollToSection('feature')"
                 style="font-size: 2vh"
               >
                 Feature</button
               ><button
                 id="Info"
-                class="text-text inline-block font-bold whitespace-nowrap"
+                class="text-text inline-block font-bold whitespace-nowrap pt-1"
                 @click="scrollToSection('info')"
                 style="font-size: 2vh"
               >
@@ -80,21 +65,21 @@ const scrollToSection = (sectionId) => {
 
               <button
                 id="Contact"
-                class="text-text inline-block font-bold whitespace-nowrap"
+                class="text-text inline-block font-bold whitespace-nowrap pt-1"
                 @click="scrollToSection('contact')"
                 style="font-size: 2vh"
               >
                 Contact Us
               </button>
-
-              <button
+              <RouterLink
                 title="Sign In"
-                @click="handleSignIn"
-                class="text-text inline-block font-bold whitespace-nowrap"
+                id="SignIn"
+                to="/register"
+                class="text-text inline-block font-bold whitespace-nowrap pt-1"
                 style="font-size: 2vh"
               >
                 Sign In
-              </button>
+              </RouterLink>
               <a
                 title="Bug Report"
                 :href="bugReportUrl"
@@ -131,70 +116,73 @@ const scrollToSection = (sectionId) => {
         </div>
         <section
           id="intro"
-          class="text-text p-5 grid grid-cols-1 gap-3 justify-items-center"
+          class="text-text p-20 grid grid-cols-1 gap-3 justify-items-center"
         >
-          <h1 class="text-text inline-block">
+          <h1
+            class="text-text inline-block bg-purple-900 p-5 rounded-xl opacity-90"
+            style="font-size: 2.5vh"
+          >
             程式設計不僅僅是寫程式碼，還涉及到如何有效地與你的電腦互動。
-          </h1>
-          <h1 class="text-text inline-block">
             程式教育卻往往忽略背後「開發環境」的重要性，
             使得許多學生在過程中充滿挫折。
-          </h1>
-          <h1 class="text-text inline-block">
             「開發環境」是寫程式、執行程式過程所需要的一切工具。
             而這些工具需要在終端機輸入指令來使用。
-          </h1>
-          <h1 class="text-text inline-block">
             大部分的程式要用來運行的環境，並非 Windows 或 Mac OS，而是 Linux
-            作業系統。
-          </h1>
-          <h1 class="text-text inline-block">
-            Linux Odyssey 即是為此設計的線上 Linux 互動教學網站。
+            作業系統。 Linux Odyssey 即是為此設計的線上 Linux 互動教學網站。
           </h1>
         </section>
         <section
           id="feature"
-          class="text-text p-5 grid grid-cols-1 justify-items-center"
+          class="text-text p-15 grid grid-cols-3 grid-rows-6 gap-2 justify-items-center items-center pt-10"
         >
+          <img src="../img/icon_shuttle.svg" class="h-[18vh] row-span-2" />
           <h1
-            class="text-text-primary p-5 font-extrabold font-mono"
-            style="font-size: 3vh"
+            class="text-text-primary px-5 font-extrabold font-mono col-span-2"
+            style="font-size: 3.5vh"
           >
             初學者也能立即上手
           </h1>
-          <h1 class="text-text p-2" style="font-size: 2vh">
-            我們明白對於初學者來說，設定和使用開發工具可能是一大障礙。
-          </h1>
-          <h1 class="text-text p-2" style="font-size: 2vh">
-            學習者無需安裝任何軟體，僅需通過瀏覽器即可連上一個真實的 Linux
-            環境。
-          </h1>
+          <div class="col-span-2 bg-purple-900 p-5 rounded-xl opacity-90">
+            <h1 class="text-text p-2" style="font-size: 2.5vh">
+              我們明白對於初學者來說，設定和使用開發工具可能是一大障礙。
+            </h1>
+            <h1 class="text-text p-2" style="font-size: 2.5vh">
+              學習者無需安裝任何軟體，僅需通過瀏覽器即可連上一個真實的 Linux
+              環境。
+            </h1>
+          </div>
           <h1
-            class="text-text-primary p-5 font-extrabold font-mono"
-            style="font-size: 3vh"
+            class="text-text-primary px-5 font-extrabold font-mono col-span-2"
+            style="font-size: 3.5vh"
           >
             遊戲般的學習體驗
           </h1>
-          <h1 class="text-text p-2" style="font-size: 2vh">
-            Linux Odyssey 融合了遊戲的樂趣與學習的實用性。
-          </h1>
-          <h1 class="text-text p-2" style="font-size: 2vh">
-            透過精心設計的遊戲關卡，學習者可以一邊接受挑戰、破解謎題， 一邊掌握
-            Linux 指令的運用。
-          </h1>
+          <img src="../img/icon_sword.svg" class="h-[18vh] row-span-2" />
+          <div class="col-span-2 bg-purple-900 p-5 rounded-xl opacity-90">
+            <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
+              Linux Odyssey 融合了遊戲的樂趣與學習的實用性。
+            </h1>
+            <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
+              透過精心設計的遊戲關卡，學習者可以一邊接受挑戰、破解謎題，
+              一邊掌握 Linux 指令的運用。
+            </h1>
+          </div>
+          <img src="../img/icon_settings.svg" class="h-[18vh] row-span-3" />
           <h1
-            class="text-text-primary p-5 font-extrabold font-mono"
-            style="font-size: 3vh"
+            class="text-text-primary px-5 font-extrabold font-mono col-span-2 pt-8"
+            style="font-size: 3.5vh"
           >
             真實的 Linux 操作之旅
           </h1>
-          <h1 class="text-text p-2" style="font-size: 2vh">
-            Linux Odyssey 提供的不僅是理論知識，更是真實的操作體驗。
-          </h1>
-          <h1 class="text-text p-2" style="font-size: 2vh">
-            每一個指令都是在真實的 Linux 環境中執行，
-            讓學習者能夠真正深入軟體開發的世界。
-          </h1>
+          <div class="col-span-2 bg-purple-900 p-5 rounded-xl opacity-90">
+            <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
+              Linux Odyssey 提供的不僅是理論知識，更是真實的操作體驗。
+            </h1>
+            <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
+              每一個指令都是在真實的 Linux 環境中執行，
+              讓學習者能夠真正深入軟體開發的世界。
+            </h1>
+          </div>
         </section>
         <section
           id="start"
@@ -208,114 +196,137 @@ const scrollToSection = (sectionId) => {
             frameborder="0"
             allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
             allowfullscreen
-            class="col-span-3 pb-2 mb-3"
+            class="col-span-3 pb-10 mb-3"
           ></iframe>
-
-          <button
+          <RouterLink
+            title="StartGame"
             id="StartGame"
-            @click="handleSignIn"
+            to="/register"
             class="w-1/2 h-[10vh] bg-text-primary p-2 transition ease-in-out delay-130 hover:-translate-y-1 hover:scale-150 hover:bg-indigo-500 duration-300 col-span-3"
           >
             <div class="bg-black p-2 w-full">
-              <div class="text-text p-2 w-full" style="font-size: 2.5vh">
+              <div
+                class="text-text p-2 w-full text-center"
+                style="font-size: 2.5vh"
+              >
                 準備好鍵盤，跟我們一起開啟你的 Linux 冒險吧！
               </div>
             </div>
-          </button>
+          </RouterLink>
         </section>
         <section
           id="info"
-          class="text-text px-5 grid grid-cols-3 gap-2 justify-items-center"
+          class="text-text p-10 grid grid-cols-3 gap-5 justify-items-center"
         >
           <h1
             class="text-text-primary p-5 font-extrabold font-mono col-span-3"
-            style="font-size: 3vh"
+            style="font-size: 3.5vh"
           >
             團隊介紹
           </h1>
-          <h1 class="text-text p-2 col-span-3">
+          <h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
             國立臺北科技大學 智慧自動化工程科 第二屆 Linux Odyssey
             互動式終端機教學網站
           </h1>
-          <h1 class="text-text p-2 col-span-3">Indieveloper</h1>
-          <div class="p-2 col-span-3">
-            <div class="grid grid-cols-4 gap-2 justify-items-center">
-              <h1 class="font-bold">wancat 林貓</h1>
-              <h1 class="font-bold">Neil</h1>
-              <h1 class="font-bold">A.H.</h1>
-              <h1 class="font-bold">Ray Gur</h1>
+          <h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
+            Indieveloper
+          </h1>
+          <div class="p-3 col-span-3">
+            <div class="grid grid-cols-4 gap-3 justify-items-center">
+              <h1 class="font-bold" style="font-size: 2.5vh">wancat 林貓</h1>
+              <h1 class="font-bold" style="font-size: 2.5vh">Neil</h1>
+              <h1 class="font-bold" style="font-size: 2.5vh">A.H.</h1>
+              <h1 class="font-bold" style="font-size: 2.5vh">Ray Gur</h1>
             </div>
           </div>
           <h1
             class="text-text-primary p-5 font-extrabold font-mono col-span-3"
-            style="font-size: 3vh"
+            style="font-size: 3.5vh"
           >
             得獎肯定
           </h1>
-          <h1 class="text-text p-2 col-span-3">
+          <h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
             大專校院資訊應用服務創新競賽 鈦坦敏捷開發特別獎 第二名
           </h1>
 
           <h1
-            class="text-text-primary p-5 font-extrabold font-mono col-span-3"
-            style="font-size: 3vh"
+            class="text-text-primary p-5 font-extrabold font-mono col-span-3 gap-3"
+            style="font-size: 3.5vh"
           >
             玩家感想
           </h1>
-          <h1 class="text-text p-2">"很好玩很像益智遊戲"</h1>
-          <h1 class="text-text p-2">
+          <h1 class="text-text p-3" style="font-size: 2.5vh">
+            "很好玩很像益智遊戲"
+          </h1>
+          <h1 class="text-text p-3" style="font-size: 2.5vh">
             "我從來不知道自由軟體的存在，謝謝你們。"
           </h1>
-          <h1 class="text-text p-2">"還蠻好玩的，讓程式變好玩"</h1>
-          <h1 class="text-text p-2">"以前不喜歡電腦課現在覺得喜歡一點點"</h1>
-          <h1 class="text-text p-2">
+          <h1 class="text-text p-3" style="font-size: 2.5vh">
+            "還蠻好玩的，讓程式變好玩"
+          </h1>
+          <h1 class="text-text p-3" style="font-size: 2.5vh">
+            "以前不喜歡電腦課現在覺得喜歡一點點"
+          </h1>
+          <h1 class="text-text p-3" style="font-size: 2.5vh">
             "程式真的對新手很友善，讓我學到了很多東西"
           </h1>
-          <h1 class="text-text p-2">"感覺做得很好很簡明易懂關卡設計很用心"</h1>
-          <h1 class="text-text p-2">
+          <h1 class="text-text p-3" style="font-size: 2.5vh">
+            "感覺做得很好很簡明易懂關卡設計很用心"
+          </h1>
+          <h1 class="text-text p-3" style="font-size: 2.5vh">
             "這個體驗我覺得非常有趣，可以體驗到沒辦法體驗的程式，學長也都熱心指導，非常感謝學長的用心的講解，希望以後還可以再體驗這種活動"
           </h1>
-          <h1 class="text-text p-2">
+          <h1 class="text-text p-3" style="font-size: 2.5vh">
             "以前我覺得寫程式很難不過現在覺得很有趣"
           </h1>
-          <h1 class="text-text p-2">
+          <h1 class="text-text p-3" style="font-size: 2.5vh">
             "以前覺得寫程式是我生活中碰不到而且很難的項目。但通過這堂課之後，覺得寫程式不再那麼難以親近"
           </h1>
         </section>
         <section
           id="contact"
-          class="text-text p-5 grid grid-cols-3 gap-4 justify-items-center"
+          class="text-text p-10 grid grid-cols-3 gap-5 justify-items-center"
         >
           <h1
             class="text-text-primary p-5 font-extrabold font-mono col-span-3"
-            style="font-size: 3vh"
+            style="font-size: 3.5vh"
           >
             聯絡我們
           </h1>
-          <button title="facebookUrl" :href="facebookUrl" class="h-10 w-10">
+          <a
+            title="facebookUrl"
+            :href="facebookUrl"
+            target="_blank"
+            class="h-10 w-10"
+          >
             <font-awesome-icon
               :icon="['fab', 'facebook']"
               class="text-text-primary h-full w-full delay-130 hover:-translate-y-1 hover:scale-150"
             />
-          </button>
-          <button title="GitHubUrl" :href="GitHubUrl" class="h-10 w-10">
+          </a>
+          <a
+            title="GitHubUrl"
+            :href="GitHubUrl"
+            target="_blank"
+            class="h-10 w-10"
+          >
             <font-awesome-icon
               :icon="['fab', 'github']"
               class="text-text-primary h-full w-full delay-130 hover:-translate-y-1 hover:scale-150"
             />
-          </button>
+          </a>
           <div title="EmailAddress" class="h-10 w-10">
             <font-awesome-icon
               :icon="['fas', 'envelope']"
               class="text-text-primary h-full w-full delay-130 hover:-translate-y-1 hover:scale-150"
             />
           </div>
-          <h1 class="font-semibold">Facebook</h1>
-          <h1 class="font-semibold">GitHub</h1>
-          <h1 class="font-semibold">Email</h1>
-          <h1>Linux Odyssey</h1>
-          <h1>linux-odyssey/linux-odyssey</h1>
-          <h1>team@linuxodyssey.xyz</h1>
+          <h1 class="font-semibold" style="font-size: 2.5vh">Facebook</h1>
+          <h1 class="font-semibold" style="font-size: 2.5vh">GitHub</h1>
+          <h1 class="font-semibold" style="font-size: 2.5vh">Email</h1>
+          <h1 style="font-size: 2.5vh">Linux Odyssey</h1>
+          <h1 style="font-size: 2.5vh">linux-odyssey/linux-odyssey</h1>
+          <h1 style="font-size: 2.5vh">team@linuxodyssey.xyz</h1>
         </section>
       </div>
     </div>

From 1e2a43db50c16a86bed735b69543f9bbe106362a Mon Sep 17 00:00:00 2001
From: wancat <wancat@wancat.cc>
Date: Fri, 1 Mar 2024 21:24:21 +0800
Subject: [PATCH 13/20] items-center the header

---
 app/src/router.js             |  13 +---
 app/src/views/LandingPage.vue | 139 ++++++++++++++++------------------
 2 files changed, 69 insertions(+), 83 deletions(-)

diff --git a/app/src/router.js b/app/src/router.js
index 7f17b2b..d6fd78d 100644
--- a/app/src/router.js
+++ b/app/src/router.js
@@ -11,9 +11,8 @@ import { isLoggedIn } from './utils/auth'
 const routes = [
   {
     path: '/',
-    redirect: {
-      name: 'landing-page',
-    },
+    name: 'landing-page',
+    component: LandingPage,
   },
   {
     path: '/login',
@@ -51,11 +50,6 @@ const routes = [
     name: 'leaderboard',
     component: LeaderboardPage,
   },
-  {
-    path: '/landing',
-    name: 'landing-page',
-    component: LandingPage,
-  },
 ]
 
 const router = createRouter({
@@ -70,8 +64,7 @@ router.beforeEach(async (to, from, next) => {
     // Check if the user isn't authenticated
     // Redirect to the login page
     next({
-      // name: 'register',
-      name: 'landing',
+      name: 'register',
       query: { redirect: to.fullPath }, // Optionally pass a redirect parameter
     })
   } else if (to.meta.requiresGuest && loggedIn) {
diff --git a/app/src/views/LandingPage.vue b/app/src/views/LandingPage.vue
index 47fc976..55b08d7 100644
--- a/app/src/views/LandingPage.vue
+++ b/app/src/views/LandingPage.vue
@@ -18,81 +18,74 @@ const scrollToSection = (sectionId) => {
 <template>
   <div class="w-screen h-screen bg-scroll bg-bg">
     <DynamicBackground class="w-full h-full" />
-    <div
-      class="h-screen w-screen absolute top-0 left-0 flex flex-wrap justify-center content-center"
-    >
+    <div class="h-screen w-screen absolute top-0 left-0">
       <!-- game header -->
-      <div class="h-[6vh] w-full">
-        <div
-          id="header"
-          class="bg-bg-secondary content-center h-full w-full p-1 items-center"
-        >
-          <div class="h-full flex items-center justify-center mx-3">
-            <div class="flex items-center gap-3">
-              <img src="../img/icon_totem.svg" class="h-5" />
-              <button
-                id="GameTitle"
-                class="text-text-primary inline-block font-bold whitespace-nowrap pt-1"
-                style="font-size: 2vh"
-              >
-                Welcome to Linux Odyssey !
-              </button>
-            </div>
-            <div class="h-full w-full flex gap-3 items-center justify-end">
-              <button
-                id="Intro"
-                class="text-text inline-block font-bold whitespace-nowrap pt-1"
-                @click="scrollToSection('intro')"
-                style="font-size: 2vh"
-              >
-                Intro
-              </button>
-              <button
-                id="Feature"
-                class="text-text inline-block font-bold whitespace-nowrap pt-1"
-                @click="scrollToSection('feature')"
-                style="font-size: 2vh"
-              >
-                Feature</button
-              ><button
-                id="Info"
-                class="text-text inline-block font-bold whitespace-nowrap pt-1"
-                @click="scrollToSection('info')"
-                style="font-size: 2vh"
-              >
-                Info
-              </button>
+      <div
+        class="w-full h-20 px-5 flex flex-row items-center justify-between bg-bg-secondary"
+      >
+        <div class="flex flex-row items-center gap-3">
+          <img src="../img/icon_totem.svg" class="h-8 justify-self-start" />
+          <button
+            id="GameTitle"
+            class="text-text-primary inline-block font-bold whitespace-nowrap pt-1"
+            style="font-size: 2vh"
+          >
+            Linux Odyssey
+          </button>
+        </div>
+        <div class="flex flex-row items-center gap-3">
+          <button
+            id="Intro"
+            class="text-text inline-block font-bold whitespace-nowrap pt-1"
+            @click="scrollToSection('intro')"
+            style="font-size: 2vh"
+          >
+            Intro
+          </button>
+          <button
+            id="Feature"
+            class="text-text inline-block font-bold whitespace-nowrap pt-1"
+            @click="scrollToSection('feature')"
+            style="font-size: 2vh"
+          >
+            Feature</button
+          ><button
+            id="Info"
+            class="text-text inline-block font-bold whitespace-nowrap pt-1"
+            @click="scrollToSection('info')"
+            style="font-size: 2vh"
+          >
+            Info
+          </button>
 
-              <button
-                id="Contact"
-                class="text-text inline-block font-bold whitespace-nowrap pt-1"
-                @click="scrollToSection('contact')"
-                style="font-size: 2vh"
-              >
-                Contact Us
-              </button>
-              <RouterLink
-                title="Sign In"
-                id="SignIn"
-                to="/register"
-                class="text-text inline-block font-bold whitespace-nowrap pt-1"
-                style="font-size: 2vh"
-              >
-                Sign In
-              </RouterLink>
-              <a
-                title="Bug Report"
-                :href="bugReportUrl"
-                target="_blank"
-                class="h-5 w-5"
-              >
-                <font-awesome-icon
-                  :icon="['fas', 'bug']"
-                  class="text-text-primary h-full w-full"
-                />
-              </a>
-            </div>
-          </div>
+          <button
+            id="Contact"
+            class="text-text inline-block font-bold whitespace-nowrap pt-1"
+            @click="scrollToSection('contact')"
+            style="font-size: 2vh"
+          >
+            Contact Us
+          </button>
+          <RouterLink
+            title="Sign In"
+            id="SignIn"
+            to="/register"
+            class="text-text inline-block font-bold whitespace-nowrap pt-1"
+            style="font-size: 2vh"
+          >
+            Sign In
+          </RouterLink>
+          <a
+            title="Bug Report"
+            :href="bugReportUrl"
+            target="_blank"
+            class="h-5 w-5"
+          >
+            <font-awesome-icon
+              :icon="['fas', 'bug']"
+              class="text-text-primary h-full w-full"
+            />
+          </a>
         </div>
       </div>
 

From 5dbdadbb27f0bc05f0d8eeff6cc5ba53c54b4715 Mon Sep 17 00:00:00 2001
From: Annie Huang <annie.huang921002@gmail.com>
Date: Fri, 1 Mar 2024 21:28:44 +0800
Subject: [PATCH 14/20] change text block color

---
 app/src/views/LandingPage.vue | 60 +++++++++++++++++------------------
 1 file changed, 30 insertions(+), 30 deletions(-)

diff --git a/app/src/views/LandingPage.vue b/app/src/views/LandingPage.vue
index 55b08d7..e61c613 100644
--- a/app/src/views/LandingPage.vue
+++ b/app/src/views/LandingPage.vue
@@ -112,7 +112,7 @@ const scrollToSection = (sectionId) => {
           class="text-text p-20 grid grid-cols-1 gap-3 justify-items-center"
         >
           <h1
-            class="text-text inline-block bg-purple-900 p-5 rounded-xl opacity-90"
+            class="text-text inline-block bg-bg-primary p-5 rounded-xl opacity-90"
             style="font-size: 2.5vh"
           >
             程式設計不僅僅是寫程式碼，還涉及到如何有效地與你的電腦互動。
@@ -126,52 +126,52 @@ const scrollToSection = (sectionId) => {
         </section>
         <section
           id="feature"
-          class="text-text p-15 grid grid-cols-3 grid-rows-6 gap-2 justify-items-center items-center pt-10"
+          class="text-text p-15 grid grid-rows-3 gap-10 items-center pt-10"
         >
-          <img src="../img/icon_shuttle.svg" class="h-[18vh] row-span-2" />
-          <h1
-            class="text-text-primary px-5 font-extrabold font-mono col-span-2"
-            style="font-size: 3.5vh"
+          <div
+            class="bg-bg-primary p-5 rounded-xl opacity-90 grid grid-cols-3 grid-rows-2 justify-items-center items-center"
           >
-            初學者也能立即上手
-          </h1>
-          <div class="col-span-2 bg-purple-900 p-5 rounded-xl opacity-90">
-            <h1 class="text-text p-2" style="font-size: 2.5vh">
-              我們明白對於初學者來說，設定和使用開發工具可能是一大障礙。
+            <img src="../img/icon_shuttle.svg" class="h-[18vh] row-span-2" />
+            <h1
+              class="text-text-primary p-5 font-extrabold font-mono col-span-2"
+              style="font-size: 3.5vh"
+            >
+              初學者也能立即上手
             </h1>
-            <h1 class="text-text p-2" style="font-size: 2.5vh">
+            <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
+              我們明白對於初學者來說，設定和使用開發工具可能是一大障礙。
               學習者無需安裝任何軟體，僅需通過瀏覽器即可連上一個真實的 Linux
               環境。
             </h1>
           </div>
-          <h1
-            class="text-text-primary px-5 font-extrabold font-mono col-span-2"
-            style="font-size: 3.5vh"
+          <div
+            class="bg-bg-primary p-5 rounded-xl opacity-90 grid grid-cols-3 grid-rows-2 justify-items-center items-center"
           >
-            遊戲般的學習體驗
-          </h1>
-          <img src="../img/icon_sword.svg" class="h-[18vh] row-span-2" />
-          <div class="col-span-2 bg-purple-900 p-5 rounded-xl opacity-90">
+            <h1
+              class="text-text-primary p-5 font-extrabold font-mono col-span-2"
+              style="font-size: 3.5vh"
+            >
+              遊戲般的學習體驗
+            </h1>
+            <img src="../img/icon_sword.svg" class="h-[18vh] row-span-2" />
             <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
               Linux Odyssey 融合了遊戲的樂趣與學習的實用性。
-            </h1>
-            <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
               透過精心設計的遊戲關卡，學習者可以一邊接受挑戰、破解謎題，
               一邊掌握 Linux 指令的運用。
             </h1>
           </div>
-          <img src="../img/icon_settings.svg" class="h-[18vh] row-span-3" />
-          <h1
-            class="text-text-primary px-5 font-extrabold font-mono col-span-2 pt-8"
-            style="font-size: 3.5vh"
+          <div
+            class="bg-bg-primary p-5 rounded-xl opacity-90 grid grid-cols-3 grid-rows-2 justify-items-center items-center"
           >
-            真實的 Linux 操作之旅
-          </h1>
-          <div class="col-span-2 bg-purple-900 p-5 rounded-xl opacity-90">
-            <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
-              Linux Odyssey 提供的不僅是理論知識，更是真實的操作體驗。
+            <img src="../img/icon_settings.svg" class="h-[18vh] row-span-2" />
+            <h1
+              class="text-text-primary p-5 font-extrabold font-mono col-span-2 pt-8"
+              style="font-size: 3.5vh"
+            >
+              真實的 Linux 操作之旅
             </h1>
             <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
+              Linux Odyssey 提供的不僅是理論知識，更是真實的操作體驗。
               每一個指令都是在真實的 Linux 環境中執行，
               讓學習者能夠真正深入軟體開發的世界。
             </h1>

From 2bfd2cc06d5c21d267326b7e0e49d47ee86b69fc Mon Sep 17 00:00:00 2001
From: wancat <wancat@wancat.cc>
Date: Fri, 1 Mar 2024 21:49:31 +0800
Subject: [PATCH 15/20] setup main block

---
 app/src/views/LandingPage.vue | 435 +++++++++++++++++-----------------
 1 file changed, 215 insertions(+), 220 deletions(-)

diff --git a/app/src/views/LandingPage.vue b/app/src/views/LandingPage.vue
index e61c613..ec72a77 100644
--- a/app/src/views/LandingPage.vue
+++ b/app/src/views/LandingPage.vue
@@ -21,7 +21,7 @@ const scrollToSection = (sectionId) => {
     <div class="h-screen w-screen absolute top-0 left-0">
       <!-- game header -->
       <div
-        class="w-full h-20 px-5 flex flex-row items-center justify-between bg-bg-secondary"
+        class="w-full h-[6vh] px-5 flex flex-row items-center justify-between bg-bg-secondary"
       >
         <div class="flex flex-row items-center gap-3">
           <img src="../img/icon_totem.svg" class="h-8 justify-self-start" />
@@ -89,239 +89,234 @@ const scrollToSection = (sectionId) => {
         </div>
       </div>
 
-      <div class="w-fit h-[94vh] m-3 justify-center px-10 overflow-y-auto">
-        <div
-          class="w-full h-full grid grid-cols-3 justify-items-center items-center"
-        >
-          <h1
-            class="text-text-primary mb-2 font-extrabold font-mono w-fit ml-20"
-            style="font-size: 14vh"
-          >
-            Linux
-          </h1>
-          <img src="../img/icon_totem.svg" class="h-[30vh] inline-flex mr-12" />
-          <h1
-            class="text-text-primary mb-2 font-extrabold font-mono w-fit mr-20"
-            style="font-size: 14vh"
-          >
-            Odyssey
-          </h1>
-        </div>
-        <section
-          id="intro"
-          class="text-text p-20 grid grid-cols-1 gap-3 justify-items-center"
-        >
-          <h1
-            class="text-text inline-block bg-bg-primary p-5 rounded-xl opacity-90"
-            style="font-size: 2.5vh"
-          >
-            程式設計不僅僅是寫程式碼，還涉及到如何有效地與你的電腦互動。
-            程式教育卻往往忽略背後「開發環境」的重要性，
-            使得許多學生在過程中充滿挫折。
-            「開發環境」是寫程式、執行程式過程所需要的一切工具。
-            而這些工具需要在終端機輸入指令來使用。
-            大部分的程式要用來運行的環境，並非 Windows 或 Mac OS，而是 Linux
-            作業系統。 Linux Odyssey 即是為此設計的線上 Linux 互動教學網站。
-          </h1>
-        </section>
-        <section
-          id="feature"
-          class="text-text p-15 grid grid-rows-3 gap-10 items-center pt-10"
-        >
-          <div
-            class="bg-bg-primary p-5 rounded-xl opacity-90 grid grid-cols-3 grid-rows-2 justify-items-center items-center"
-          >
-            <img src="../img/icon_shuttle.svg" class="h-[18vh] row-span-2" />
-            <h1
-              class="text-text-primary p-5 font-extrabold font-mono col-span-2"
-              style="font-size: 3.5vh"
-            >
-              初學者也能立即上手
+      <!-- main content -->
+      <main class="w-full h-[94vh] overflow-y-auto">
+        <div class="h-1/2 m-3 px-10">
+          <div class="w-full h-full flex flex-col justify-around items-center">
+            <h1 class="text-text-primary text-7xl font-extrabold font-mono">
+              Linux
             </h1>
-            <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
-              我們明白對於初學者來說，設定和使用開發工具可能是一大障礙。
-              學習者無需安裝任何軟體，僅需通過瀏覽器即可連上一個真實的 Linux
-              環境。
+            <img src="../img/icon_totem.svg" class="h-[30vh]" />
+            <h1 class="text-text-primary text-7xl font-extrabold font-mono">
+              Odyssey
             </h1>
           </div>
-          <div
-            class="bg-bg-primary p-5 rounded-xl opacity-90 grid grid-cols-3 grid-rows-2 justify-items-center items-center"
+          <section
+            id="intro"
+            class="text-text p-20 grid grid-cols-1 gap-3 justify-items-center"
           >
             <h1
-              class="text-text-primary p-5 font-extrabold font-mono col-span-2"
-              style="font-size: 3.5vh"
+              class="text-text inline-block bg-bg-primary p-5 rounded-xl opacity-90"
+              style="font-size: 2.5vh"
             >
-              遊戲般的學習體驗
+              程式設計不僅僅是寫程式碼，還涉及到如何有效地與你的電腦互動。
+              程式教育卻往往忽略背後「開發環境」的重要性，
+              使得許多學生在過程中充滿挫折。
+              「開發環境」是寫程式、執行程式過程所需要的一切工具。
+              而這些工具需要在終端機輸入指令來使用。
+              大部分的程式要用來運行的環境，並非 Windows 或 Mac OS，而是 Linux
+              作業系統。 Linux Odyssey 即是為此設計的線上 Linux 互動教學網站。
             </h1>
-            <img src="../img/icon_sword.svg" class="h-[18vh] row-span-2" />
-            <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
-              Linux Odyssey 融合了遊戲的樂趣與學習的實用性。
-              透過精心設計的遊戲關卡，學習者可以一邊接受挑戰、破解謎題，
-              一邊掌握 Linux 指令的運用。
-            </h1>
-          </div>
-          <div
-            class="bg-bg-primary p-5 rounded-xl opacity-90 grid grid-cols-3 grid-rows-2 justify-items-center items-center"
+          </section>
+          <section
+            id="feature"
+            class="text-text p-15 grid grid-rows-3 gap-10 items-center pt-10"
           >
-            <img src="../img/icon_settings.svg" class="h-[18vh] row-span-2" />
-            <h1
-              class="text-text-primary p-5 font-extrabold font-mono col-span-2 pt-8"
-              style="font-size: 3.5vh"
+            <div
+              class="bg-bg-primary p-5 rounded-xl opacity-90 grid grid-cols-3 grid-rows-2 justify-items-center items-center"
             >
-              真實的 Linux 操作之旅
-            </h1>
-            <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
-              Linux Odyssey 提供的不僅是理論知識，更是真實的操作體驗。
-              每一個指令都是在真實的 Linux 環境中執行，
-              讓學習者能夠真正深入軟體開發的世界。
-            </h1>
-          </div>
-        </section>
-        <section
-          id="start"
-          class="text-text p-20 grid grid-cols-3 gap-10 justify-items-center"
-        >
-          <iframe
-            width="1000"
-            height="562"
-            src="https://www.youtube.com/embed/XzvfmUf1QP8?si=QxnKJMNjsm27fGGF"
-            title="YouTube video player"
-            frameborder="0"
-            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-            allowfullscreen
-            class="col-span-3 pb-10 mb-3"
-          ></iframe>
-          <RouterLink
-            title="StartGame"
-            id="StartGame"
-            to="/register"
-            class="w-1/2 h-[10vh] bg-text-primary p-2 transition ease-in-out delay-130 hover:-translate-y-1 hover:scale-150 hover:bg-indigo-500 duration-300 col-span-3"
-          >
-            <div class="bg-black p-2 w-full">
-              <div
-                class="text-text p-2 w-full text-center"
-                style="font-size: 2.5vh"
+              <img src="../img/icon_shuttle.svg" class="h-[18vh] row-span-2" />
+              <h1
+                class="text-text-primary p-5 font-extrabold font-mono col-span-2"
+                style="font-size: 3.5vh"
               >
-                準備好鍵盤，跟我們一起開啟你的 Linux 冒險吧！
+                初學者也能立即上手
+              </h1>
+              <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
+                我們明白對於初學者來說，設定和使用開發工具可能是一大障礙。
+                學習者無需安裝任何軟體，僅需通過瀏覽器即可連上一個真實的 Linux
+                環境。
+              </h1>
+            </div>
+            <div
+              class="bg-bg-primary p-5 rounded-xl opacity-90 grid grid-cols-3 grid-rows-2 justify-items-center items-center"
+            >
+              <h1
+                class="text-text-primary p-5 font-extrabold font-mono col-span-2"
+                style="font-size: 3.5vh"
+              >
+                遊戲般的學習體驗
+              </h1>
+              <img src="../img/icon_sword.svg" class="h-[18vh] row-span-2" />
+              <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
+                Linux Odyssey 融合了遊戲的樂趣與學習的實用性。
+                透過精心設計的遊戲關卡，學習者可以一邊接受挑戰、破解謎題，
+                一邊掌握 Linux 指令的運用。
+              </h1>
+            </div>
+            <div
+              class="bg-bg-primary p-5 rounded-xl opacity-90 grid grid-cols-3 grid-rows-2 justify-items-center items-center"
+            >
+              <img src="../img/icon_settings.svg" class="h-[18vh] row-span-2" />
+              <h1
+                class="text-text-primary p-5 font-extrabold font-mono col-span-2 pt-8"
+                style="font-size: 3.5vh"
+              >
+                真實的 Linux 操作之旅
+              </h1>
+              <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
+                Linux Odyssey 提供的不僅是理論知識，更是真實的操作體驗。
+                每一個指令都是在真實的 Linux 環境中執行，
+                讓學習者能夠真正深入軟體開發的世界。
+              </h1>
+            </div>
+          </section>
+          <section
+            id="start"
+            class="text-text p-20 grid grid-cols-3 gap-10 justify-items-center"
+          >
+            <iframe
+              width="1000"
+              height="562"
+              src="https://www.youtube.com/embed/XzvfmUf1QP8?si=QxnKJMNjsm27fGGF"
+              title="YouTube video player"
+              frameborder="0"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+              allowfullscreen
+              class="col-span-3 pb-10 mb-3"
+            ></iframe>
+            <RouterLink
+              title="StartGame"
+              id="StartGame"
+              to="/register"
+              class="w-1/2 h-[10vh] bg-text-primary p-2 transition ease-in-out delay-130 hover:-translate-y-1 hover:scale-150 hover:bg-indigo-500 duration-300 col-span-3"
+            >
+              <div class="bg-black p-2 w-full">
+                <div
+                  class="text-text p-2 w-full text-center"
+                  style="font-size: 2.5vh"
+                >
+                  準備好鍵盤，跟我們一起開啟你的 Linux 冒險吧！
+                </div>
+              </div>
+            </RouterLink>
+          </section>
+          <section
+            id="info"
+            class="text-text p-10 grid grid-cols-3 gap-5 justify-items-center"
+          >
+            <h1
+              class="text-text-primary p-5 font-extrabold font-mono col-span-3"
+              style="font-size: 3.5vh"
+            >
+              團隊介紹
+            </h1>
+            <h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
+              國立臺北科技大學 智慧自動化工程科 第二屆 Linux Odyssey
+              互動式終端機教學網站
+            </h1>
+            <h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
+              Indieveloper
+            </h1>
+            <div class="p-3 col-span-3">
+              <div class="grid grid-cols-4 gap-3 justify-items-center">
+                <h1 class="font-bold" style="font-size: 2.5vh">wancat 林貓</h1>
+                <h1 class="font-bold" style="font-size: 2.5vh">Neil</h1>
+                <h1 class="font-bold" style="font-size: 2.5vh">A.H.</h1>
+                <h1 class="font-bold" style="font-size: 2.5vh">Ray Gur</h1>
               </div>
             </div>
-          </RouterLink>
-        </section>
-        <section
-          id="info"
-          class="text-text p-10 grid grid-cols-3 gap-5 justify-items-center"
-        >
-          <h1
-            class="text-text-primary p-5 font-extrabold font-mono col-span-3"
-            style="font-size: 3.5vh"
-          >
-            團隊介紹
-          </h1>
-          <h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
-            國立臺北科技大學 智慧自動化工程科 第二屆 Linux Odyssey
-            互動式終端機教學網站
-          </h1>
-          <h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
-            Indieveloper
-          </h1>
-          <div class="p-3 col-span-3">
-            <div class="grid grid-cols-4 gap-3 justify-items-center">
-              <h1 class="font-bold" style="font-size: 2.5vh">wancat 林貓</h1>
-              <h1 class="font-bold" style="font-size: 2.5vh">Neil</h1>
-              <h1 class="font-bold" style="font-size: 2.5vh">A.H.</h1>
-              <h1 class="font-bold" style="font-size: 2.5vh">Ray Gur</h1>
-            </div>
-          </div>
-          <h1
-            class="text-text-primary p-5 font-extrabold font-mono col-span-3"
-            style="font-size: 3.5vh"
-          >
-            得獎肯定
-          </h1>
-          <h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
-            大專校院資訊應用服務創新競賽 鈦坦敏捷開發特別獎 第二名
-          </h1>
+            <h1
+              class="text-text-primary p-5 font-extrabold font-mono col-span-3"
+              style="font-size: 3.5vh"
+            >
+              得獎肯定
+            </h1>
+            <h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
+              大專校院資訊應用服務創新競賽 鈦坦敏捷開發特別獎 第二名
+            </h1>
 
-          <h1
-            class="text-text-primary p-5 font-extrabold font-mono col-span-3 gap-3"
-            style="font-size: 3.5vh"
+            <h1
+              class="text-text-primary p-5 font-extrabold font-mono col-span-3 gap-3"
+              style="font-size: 3.5vh"
+            >
+              玩家感想
+            </h1>
+            <h1 class="text-text p-3" style="font-size: 2.5vh">
+              "很好玩很像益智遊戲"
+            </h1>
+            <h1 class="text-text p-3" style="font-size: 2.5vh">
+              "我從來不知道自由軟體的存在，謝謝你們。"
+            </h1>
+            <h1 class="text-text p-3" style="font-size: 2.5vh">
+              "還蠻好玩的，讓程式變好玩"
+            </h1>
+            <h1 class="text-text p-3" style="font-size: 2.5vh">
+              "以前不喜歡電腦課現在覺得喜歡一點點"
+            </h1>
+            <h1 class="text-text p-3" style="font-size: 2.5vh">
+              "程式真的對新手很友善，讓我學到了很多東西"
+            </h1>
+            <h1 class="text-text p-3" style="font-size: 2.5vh">
+              "感覺做得很好很簡明易懂關卡設計很用心"
+            </h1>
+            <h1 class="text-text p-3" style="font-size: 2.5vh">
+              "這個體驗我覺得非常有趣，可以體驗到沒辦法體驗的程式，學長也都熱心指導，非常感謝學長的用心的講解，希望以後還可以再體驗這種活動"
+            </h1>
+            <h1 class="text-text p-3" style="font-size: 2.5vh">
+              "以前我覺得寫程式很難不過現在覺得很有趣"
+            </h1>
+            <h1 class="text-text p-3" style="font-size: 2.5vh">
+              "以前覺得寫程式是我生活中碰不到而且很難的項目。但通過這堂課之後，覺得寫程式不再那麼難以親近"
+            </h1>
+          </section>
+          <section
+            id="contact"
+            class="text-text p-10 grid grid-cols-3 gap-5 justify-items-center"
           >
-            玩家感想
-          </h1>
-          <h1 class="text-text p-3" style="font-size: 2.5vh">
-            "很好玩很像益智遊戲"
-          </h1>
-          <h1 class="text-text p-3" style="font-size: 2.5vh">
-            "我從來不知道自由軟體的存在，謝謝你們。"
-          </h1>
-          <h1 class="text-text p-3" style="font-size: 2.5vh">
-            "還蠻好玩的，讓程式變好玩"
-          </h1>
-          <h1 class="text-text p-3" style="font-size: 2.5vh">
-            "以前不喜歡電腦課現在覺得喜歡一點點"
-          </h1>
-          <h1 class="text-text p-3" style="font-size: 2.5vh">
-            "程式真的對新手很友善，讓我學到了很多東西"
-          </h1>
-          <h1 class="text-text p-3" style="font-size: 2.5vh">
-            "感覺做得很好很簡明易懂關卡設計很用心"
-          </h1>
-          <h1 class="text-text p-3" style="font-size: 2.5vh">
-            "這個體驗我覺得非常有趣，可以體驗到沒辦法體驗的程式，學長也都熱心指導，非常感謝學長的用心的講解，希望以後還可以再體驗這種活動"
-          </h1>
-          <h1 class="text-text p-3" style="font-size: 2.5vh">
-            "以前我覺得寫程式很難不過現在覺得很有趣"
-          </h1>
-          <h1 class="text-text p-3" style="font-size: 2.5vh">
-            "以前覺得寫程式是我生活中碰不到而且很難的項目。但通過這堂課之後，覺得寫程式不再那麼難以親近"
-          </h1>
-        </section>
-        <section
-          id="contact"
-          class="text-text p-10 grid grid-cols-3 gap-5 justify-items-center"
-        >
-          <h1
-            class="text-text-primary p-5 font-extrabold font-mono col-span-3"
-            style="font-size: 3.5vh"
-          >
-            聯絡我們
-          </h1>
-          <a
-            title="facebookUrl"
-            :href="facebookUrl"
-            target="_blank"
-            class="h-10 w-10"
-          >
-            <font-awesome-icon
-              :icon="['fab', 'facebook']"
-              class="text-text-primary h-full w-full delay-130 hover:-translate-y-1 hover:scale-150"
-            />
-          </a>
-          <a
-            title="GitHubUrl"
-            :href="GitHubUrl"
-            target="_blank"
-            class="h-10 w-10"
-          >
-            <font-awesome-icon
-              :icon="['fab', 'github']"
-              class="text-text-primary h-full w-full delay-130 hover:-translate-y-1 hover:scale-150"
-            />
-          </a>
-          <div title="EmailAddress" class="h-10 w-10">
-            <font-awesome-icon
-              :icon="['fas', 'envelope']"
-              class="text-text-primary h-full w-full delay-130 hover:-translate-y-1 hover:scale-150"
-            />
-          </div>
-          <h1 class="font-semibold" style="font-size: 2.5vh">Facebook</h1>
-          <h1 class="font-semibold" style="font-size: 2.5vh">GitHub</h1>
-          <h1 class="font-semibold" style="font-size: 2.5vh">Email</h1>
-          <h1 style="font-size: 2.5vh">Linux Odyssey</h1>
-          <h1 style="font-size: 2.5vh">linux-odyssey/linux-odyssey</h1>
-          <h1 style="font-size: 2.5vh">team@linuxodyssey.xyz</h1>
-        </section>
-      </div>
+            <h1
+              class="text-text-primary p-5 font-extrabold font-mono col-span-3"
+              style="font-size: 3.5vh"
+            >
+              聯絡我們
+            </h1>
+            <a
+              title="facebookUrl"
+              :href="facebookUrl"
+              target="_blank"
+              class="h-10 w-10"
+            >
+              <font-awesome-icon
+                :icon="['fab', 'facebook']"
+                class="text-text-primary h-full w-full delay-130 hover:-translate-y-1 hover:scale-150"
+              />
+            </a>
+            <a
+              title="GitHubUrl"
+              :href="GitHubUrl"
+              target="_blank"
+              class="h-10 w-10"
+            >
+              <font-awesome-icon
+                :icon="['fab', 'github']"
+                class="text-text-primary h-full w-full delay-130 hover:-translate-y-1 hover:scale-150"
+              />
+            </a>
+            <div title="EmailAddress" class="h-10 w-10">
+              <font-awesome-icon
+                :icon="['fas', 'envelope']"
+                class="text-text-primary h-full w-full delay-130 hover:-translate-y-1 hover:scale-150"
+              />
+            </div>
+            <h1 class="font-semibold" style="font-size: 2.5vh">Facebook</h1>
+            <h1 class="font-semibold" style="font-size: 2.5vh">GitHub</h1>
+            <h1 class="font-semibold" style="font-size: 2.5vh">Email</h1>
+            <h1 style="font-size: 2.5vh">Linux Odyssey</h1>
+            <h1 style="font-size: 2.5vh">linux-odyssey/linux-odyssey</h1>
+            <h1 style="font-size: 2.5vh">team@linuxodyssey.xyz</h1>
+          </section>
+        </div>
+      </main>
     </div>
   </div>
 </template>

From 85b34abc7e8c21ef07b372af1614cf9cdac26b33 Mon Sep 17 00:00:00 2001
From: wancat <wancat@wancat.cc>
Date: Fri, 1 Mar 2024 21:59:12 +0800
Subject: [PATCH 16/20] responsive content block

---
 app/src/views/LandingPage.vue | 334 ++++++++++++++++++----------------
 1 file changed, 173 insertions(+), 161 deletions(-)

diff --git a/app/src/views/LandingPage.vue b/app/src/views/LandingPage.vue
index ec72a77..da100eb 100644
--- a/app/src/views/LandingPage.vue
+++ b/app/src/views/LandingPage.vue
@@ -91,8 +91,10 @@ const scrollToSection = (sectionId) => {
 
       <!-- main content -->
       <main class="w-full h-[94vh] overflow-y-auto">
-        <div class="h-1/2 m-3 px-10">
-          <div class="w-full h-full flex flex-col justify-around items-center">
+        <div class="w-full flex flex-col items-center">
+          <div
+            class="flex flex-col md:flex-row mt-10 justify-around gap-5 items-center"
+          >
             <h1 class="text-text-primary text-7xl font-extrabold font-mono">
               Linux
             </h1>
@@ -101,175 +103,185 @@ const scrollToSection = (sectionId) => {
               Odyssey
             </h1>
           </div>
-          <section
-            id="intro"
-            class="text-text p-20 grid grid-cols-1 gap-3 justify-items-center"
-          >
-            <h1
-              class="text-text inline-block bg-bg-primary p-5 rounded-xl opacity-90"
-              style="font-size: 2.5vh"
-            >
-              程式設計不僅僅是寫程式碼，還涉及到如何有效地與你的電腦互動。
-              程式教育卻往往忽略背後「開發環境」的重要性，
-              使得許多學生在過程中充滿挫折。
-              「開發環境」是寫程式、執行程式過程所需要的一切工具。
-              而這些工具需要在終端機輸入指令來使用。
-              大部分的程式要用來運行的環境，並非 Windows 或 Mac OS，而是 Linux
-              作業系統。 Linux Odyssey 即是為此設計的線上 Linux 互動教學網站。
-            </h1>
-          </section>
-          <section
-            id="feature"
-            class="text-text p-15 grid grid-rows-3 gap-10 items-center pt-10"
-          >
-            <div
-              class="bg-bg-primary p-5 rounded-xl opacity-90 grid grid-cols-3 grid-rows-2 justify-items-center items-center"
-            >
-              <img src="../img/icon_shuttle.svg" class="h-[18vh] row-span-2" />
-              <h1
-                class="text-text-primary p-5 font-extrabold font-mono col-span-2"
-                style="font-size: 3.5vh"
-              >
-                初學者也能立即上手
-              </h1>
-              <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
-                我們明白對於初學者來說，設定和使用開發工具可能是一大障礙。
-                學習者無需安裝任何軟體，僅需通過瀏覽器即可連上一個真實的 Linux
-                環境。
-              </h1>
-            </div>
-            <div
-              class="bg-bg-primary p-5 rounded-xl opacity-90 grid grid-cols-3 grid-rows-2 justify-items-center items-center"
+          <div class="w-full md:w-2/3 px-5">
+            <section
+              id="intro"
+              class="text-text grid grid-cols-1 gap-3 justify-items-center"
             >
               <h1
-                class="text-text-primary p-5 font-extrabold font-mono col-span-2"
-                style="font-size: 3.5vh"
+                class="text-text inline-block bg-bg-primary p-5 rounded-xl opacity-90"
+                style="font-size: 2.5vh"
               >
-                遊戲般的學習體驗
+                程式設計不僅僅是寫程式碼，還涉及到如何有效地與你的電腦互動。
+                程式教育卻往往忽略背後「開發環境」的重要性，
+                使得許多學生在過程中充滿挫折。
+                「開發環境」是寫程式、執行程式過程所需要的一切工具。
+                而這些工具需要在終端機輸入指令來使用。
+                大部分的程式要用來運行的環境，並非 Windows 或 Mac OS，而是 Linux
+                作業系統。 Linux Odyssey 即是為此設計的線上 Linux 互動教學網站。
               </h1>
-              <img src="../img/icon_sword.svg" class="h-[18vh] row-span-2" />
-              <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
-                Linux Odyssey 融合了遊戲的樂趣與學習的實用性。
-                透過精心設計的遊戲關卡，學習者可以一邊接受挑戰、破解謎題，
-                一邊掌握 Linux 指令的運用。
-              </h1>
-            </div>
-            <div
-              class="bg-bg-primary p-5 rounded-xl opacity-90 grid grid-cols-3 grid-rows-2 justify-items-center items-center"
+            </section>
+            <section
+              id="feature"
+              class="text-text p-15 grid grid-rows-3 gap-10 items-center pt-10"
             >
-              <img src="../img/icon_settings.svg" class="h-[18vh] row-span-2" />
-              <h1
-                class="text-text-primary p-5 font-extrabold font-mono col-span-2 pt-8"
-                style="font-size: 3.5vh"
+              <div
+                class="bg-bg-primary p-5 rounded-xl opacity-90 grid grid-cols-3 grid-rows-2 justify-items-center items-center"
               >
-                真實的 Linux 操作之旅
-              </h1>
-              <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
-                Linux Odyssey 提供的不僅是理論知識，更是真實的操作體驗。
-                每一個指令都是在真實的 Linux 環境中執行，
-                讓學習者能夠真正深入軟體開發的世界。
-              </h1>
-            </div>
-          </section>
-          <section
-            id="start"
-            class="text-text p-20 grid grid-cols-3 gap-10 justify-items-center"
-          >
-            <iframe
-              width="1000"
-              height="562"
-              src="https://www.youtube.com/embed/XzvfmUf1QP8?si=QxnKJMNjsm27fGGF"
-              title="YouTube video player"
-              frameborder="0"
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-              allowfullscreen
-              class="col-span-3 pb-10 mb-3"
-            ></iframe>
-            <RouterLink
-              title="StartGame"
-              id="StartGame"
-              to="/register"
-              class="w-1/2 h-[10vh] bg-text-primary p-2 transition ease-in-out delay-130 hover:-translate-y-1 hover:scale-150 hover:bg-indigo-500 duration-300 col-span-3"
-            >
-              <div class="bg-black p-2 w-full">
-                <div
-                  class="text-text p-2 w-full text-center"
-                  style="font-size: 2.5vh"
+                <img
+                  src="../img/icon_shuttle.svg"
+                  class="h-[18vh] row-span-2"
+                />
+                <h1
+                  class="text-text-primary p-5 font-extrabold font-mono col-span-2"
+                  style="font-size: 3.5vh"
                 >
-                  準備好鍵盤，跟我們一起開啟你的 Linux 冒險吧！
+                  初學者也能立即上手
+                </h1>
+                <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
+                  我們明白對於初學者來說，設定和使用開發工具可能是一大障礙。
+                  學習者無需安裝任何軟體，僅需通過瀏覽器即可連上一個真實的 Linux
+                  環境。
+                </h1>
+              </div>
+              <div
+                class="bg-bg-primary p-5 rounded-xl opacity-90 grid grid-cols-3 grid-rows-2 justify-items-center items-center"
+              >
+                <h1
+                  class="text-text-primary p-5 font-extrabold font-mono col-span-2"
+                  style="font-size: 3.5vh"
+                >
+                  遊戲般的學習體驗
+                </h1>
+                <img src="../img/icon_sword.svg" class="h-[18vh] row-span-2" />
+                <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
+                  Linux Odyssey 融合了遊戲的樂趣與學習的實用性。
+                  透過精心設計的遊戲關卡，學習者可以一邊接受挑戰、破解謎題，
+                  一邊掌握 Linux 指令的運用。
+                </h1>
+              </div>
+              <div
+                class="bg-bg-primary p-5 rounded-xl opacity-90 grid grid-cols-3 grid-rows-2 justify-items-center items-center"
+              >
+                <img
+                  src="../img/icon_settings.svg"
+                  class="h-[18vh] row-span-2"
+                />
+                <h1
+                  class="text-text-primary p-5 font-extrabold font-mono col-span-2 pt-8"
+                  style="font-size: 3.5vh"
+                >
+                  真實的 Linux 操作之旅
+                </h1>
+                <h1 class="text-text p-2 col-span-2" style="font-size: 2.5vh">
+                  Linux Odyssey 提供的不僅是理論知識，更是真實的操作體驗。
+                  每一個指令都是在真實的 Linux 環境中執行，
+                  讓學習者能夠真正深入軟體開發的世界。
+                </h1>
+              </div>
+            </section>
+            <section
+              id="start"
+              class="text-text p-20 grid grid-cols-3 gap-10 justify-items-center"
+            >
+              <iframe
+                width="1000"
+                height="562"
+                src="https://www.youtube.com/embed/XzvfmUf1QP8?si=QxnKJMNjsm27fGGF"
+                title="YouTube video player"
+                frameborder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                allowfullscreen
+                class="col-span-3 pb-10 mb-3"
+              ></iframe>
+              <RouterLink
+                title="StartGame"
+                id="StartGame"
+                to="/register"
+                class="w-1/2 h-[10vh] bg-text-primary p-2 transition ease-in-out delay-130 hover:-translate-y-1 hover:scale-150 hover:bg-indigo-500 duration-300 col-span-3"
+              >
+                <div class="bg-black p-2 w-full">
+                  <div
+                    class="text-text p-2 w-full text-center"
+                    style="font-size: 2.5vh"
+                  >
+                    準備好鍵盤，跟我們一起開啟你的 Linux 冒險吧！
+                  </div>
+                </div>
+              </RouterLink>
+            </section>
+            <section
+              id="info"
+              class="text-text p-10 grid grid-cols-3 gap-5 justify-items-center"
+            >
+              <h1
+                class="text-text-primary p-5 font-extrabold font-mono col-span-3"
+                style="font-size: 3.5vh"
+              >
+                團隊介紹
+              </h1>
+              <h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
+                國立臺北科技大學 智慧自動化工程科 第二屆 Linux Odyssey
+                互動式終端機教學網站
+              </h1>
+              <h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
+                Indieveloper
+              </h1>
+              <div class="p-3 col-span-3">
+                <div class="grid grid-cols-4 gap-3 justify-items-center">
+                  <h1 class="font-bold" style="font-size: 2.5vh">
+                    wancat 林貓
+                  </h1>
+                  <h1 class="font-bold" style="font-size: 2.5vh">Neil</h1>
+                  <h1 class="font-bold" style="font-size: 2.5vh">A.H.</h1>
+                  <h1 class="font-bold" style="font-size: 2.5vh">Ray Gur</h1>
                 </div>
               </div>
-            </RouterLink>
-          </section>
-          <section
-            id="info"
-            class="text-text p-10 grid grid-cols-3 gap-5 justify-items-center"
-          >
-            <h1
-              class="text-text-primary p-5 font-extrabold font-mono col-span-3"
-              style="font-size: 3.5vh"
-            >
-              團隊介紹
-            </h1>
-            <h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
-              國立臺北科技大學 智慧自動化工程科 第二屆 Linux Odyssey
-              互動式終端機教學網站
-            </h1>
-            <h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
-              Indieveloper
-            </h1>
-            <div class="p-3 col-span-3">
-              <div class="grid grid-cols-4 gap-3 justify-items-center">
-                <h1 class="font-bold" style="font-size: 2.5vh">wancat 林貓</h1>
-                <h1 class="font-bold" style="font-size: 2.5vh">Neil</h1>
-                <h1 class="font-bold" style="font-size: 2.5vh">A.H.</h1>
-                <h1 class="font-bold" style="font-size: 2.5vh">Ray Gur</h1>
-              </div>
-            </div>
-            <h1
-              class="text-text-primary p-5 font-extrabold font-mono col-span-3"
-              style="font-size: 3.5vh"
-            >
-              得獎肯定
-            </h1>
-            <h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
-              大專校院資訊應用服務創新競賽 鈦坦敏捷開發特別獎 第二名
-            </h1>
+              <h1
+                class="text-text-primary p-5 font-extrabold font-mono col-span-3"
+                style="font-size: 3.5vh"
+              >
+                得獎肯定
+              </h1>
+              <h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
+                大專校院資訊應用服務創新競賽 鈦坦敏捷開發特別獎 第二名
+              </h1>
 
-            <h1
-              class="text-text-primary p-5 font-extrabold font-mono col-span-3 gap-3"
-              style="font-size: 3.5vh"
-            >
-              玩家感想
-            </h1>
-            <h1 class="text-text p-3" style="font-size: 2.5vh">
-              "很好玩很像益智遊戲"
-            </h1>
-            <h1 class="text-text p-3" style="font-size: 2.5vh">
-              "我從來不知道自由軟體的存在，謝謝你們。"
-            </h1>
-            <h1 class="text-text p-3" style="font-size: 2.5vh">
-              "還蠻好玩的，讓程式變好玩"
-            </h1>
-            <h1 class="text-text p-3" style="font-size: 2.5vh">
-              "以前不喜歡電腦課現在覺得喜歡一點點"
-            </h1>
-            <h1 class="text-text p-3" style="font-size: 2.5vh">
-              "程式真的對新手很友善，讓我學到了很多東西"
-            </h1>
-            <h1 class="text-text p-3" style="font-size: 2.5vh">
-              "感覺做得很好很簡明易懂關卡設計很用心"
-            </h1>
-            <h1 class="text-text p-3" style="font-size: 2.5vh">
-              "這個體驗我覺得非常有趣，可以體驗到沒辦法體驗的程式，學長也都熱心指導，非常感謝學長的用心的講解，希望以後還可以再體驗這種活動"
-            </h1>
-            <h1 class="text-text p-3" style="font-size: 2.5vh">
-              "以前我覺得寫程式很難不過現在覺得很有趣"
-            </h1>
-            <h1 class="text-text p-3" style="font-size: 2.5vh">
-              "以前覺得寫程式是我生活中碰不到而且很難的項目。但通過這堂課之後，覺得寫程式不再那麼難以親近"
-            </h1>
-          </section>
+              <h1
+                class="text-text-primary p-5 font-extrabold font-mono col-span-3 gap-3"
+                style="font-size: 3.5vh"
+              >
+                玩家感想
+              </h1>
+              <h1 class="text-text p-3" style="font-size: 2.5vh">
+                "很好玩很像益智遊戲"
+              </h1>
+              <h1 class="text-text p-3" style="font-size: 2.5vh">
+                "我從來不知道自由軟體的存在，謝謝你們。"
+              </h1>
+              <h1 class="text-text p-3" style="font-size: 2.5vh">
+                "還蠻好玩的，讓程式變好玩"
+              </h1>
+              <h1 class="text-text p-3" style="font-size: 2.5vh">
+                "以前不喜歡電腦課現在覺得喜歡一點點"
+              </h1>
+              <h1 class="text-text p-3" style="font-size: 2.5vh">
+                "程式真的對新手很友善，讓我學到了很多東西"
+              </h1>
+              <h1 class="text-text p-3" style="font-size: 2.5vh">
+                "感覺做得很好很簡明易懂關卡設計很用心"
+              </h1>
+              <h1 class="text-text p-3" style="font-size: 2.5vh">
+                "這個體驗我覺得非常有趣，可以體驗到沒辦法體驗的程式，學長也都熱心指導，非常感謝學長的用心的講解，希望以後還可以再體驗這種活動"
+              </h1>
+              <h1 class="text-text p-3" style="font-size: 2.5vh">
+                "以前我覺得寫程式很難不過現在覺得很有趣"
+              </h1>
+              <h1 class="text-text p-3" style="font-size: 2.5vh">
+                "以前覺得寫程式是我生活中碰不到而且很難的項目。但通過這堂課之後，覺得寫程式不再那麼難以親近"
+              </h1>
+            </section>
+          </div>
           <section
             id="contact"
             class="text-text p-10 grid grid-cols-3 gap-5 justify-items-center"

From c2c792f10c6e11304e1d529625ad0f5550fdbc13 Mon Sep 17 00:00:00 2001
From: wancat <wancat@wancat.cc>
Date: Fri, 1 Mar 2024 22:27:00 +0800
Subject: [PATCH 17/20] video and about

---
 app/src/views/LandingPage.vue | 85 ++++++++++++++---------------------
 1 file changed, 33 insertions(+), 52 deletions(-)

diff --git a/app/src/views/LandingPage.vue b/app/src/views/LandingPage.vue
index da100eb..f639c72 100644
--- a/app/src/views/LandingPage.vue
+++ b/app/src/views/LandingPage.vue
@@ -93,7 +93,7 @@ const scrollToSection = (sectionId) => {
       <main class="w-full h-[94vh] overflow-y-auto">
         <div class="w-full flex flex-col items-center">
           <div
-            class="flex flex-col md:flex-row mt-10 justify-around gap-5 items-center"
+            class="flex flex-col md:flex-row mt-10 justify-around gap-5 items-center my-10"
           >
             <h1 class="text-text-primary text-7xl font-extrabold font-mono">
               Linux
@@ -103,6 +103,8 @@ const scrollToSection = (sectionId) => {
               Odyssey
             </h1>
           </div>
+
+          <!-- intro -->
           <div class="w-full md:w-2/3 px-5">
             <section
               id="intro"
@@ -180,72 +182,51 @@ const scrollToSection = (sectionId) => {
                 </h1>
               </div>
             </section>
-            <section
-              id="start"
-              class="text-text p-20 grid grid-cols-3 gap-10 justify-items-center"
-            >
+            <section class="w-full py-10">
               <iframe
-                width="1000"
-                height="562"
                 src="https://www.youtube.com/embed/XzvfmUf1QP8?si=QxnKJMNjsm27fGGF"
                 title="YouTube video player"
                 frameborder="0"
                 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                 allowfullscreen
-                class="col-span-3 pb-10 mb-3"
+                class="w-full aspect-video"
               ></iframe>
-              <RouterLink
-                title="StartGame"
-                id="StartGame"
-                to="/register"
-                class="w-1/2 h-[10vh] bg-text-primary p-2 transition ease-in-out delay-130 hover:-translate-y-1 hover:scale-150 hover:bg-indigo-500 duration-300 col-span-3"
-              >
-                <div class="bg-black p-2 w-full">
-                  <div
-                    class="text-text p-2 w-full text-center"
-                    style="font-size: 2.5vh"
-                  >
-                    準備好鍵盤，跟我們一起開啟你的 Linux 冒險吧！
-                  </div>
+            </section>
+            <section
+              id="start"
+              class="text-text bg-bg-secondary border-8 border-text-tertiary rounded-xl transition ease-in-out hover:scale-110 duration-300"
+            >
+              <RouterLink title="StartGame" id="StartGame" to="/register">
+                <div class="text-text text-xl p-2 w-full text-center">
+                  準備好鍵盤，跟我們一起開啟你的 Linux 冒險吧！
                 </div>
               </RouterLink>
             </section>
             <section
               id="info"
-              class="text-text p-10 grid grid-cols-3 gap-5 justify-items-center"
+              class="text-text flex flex-col items-center mt-10 gap-10"
             >
-              <h1
-                class="text-text-primary p-5 font-extrabold font-mono col-span-3"
-                style="font-size: 3.5vh"
-              >
-                團隊介紹
-              </h1>
-              <h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
-                國立臺北科技大學 智慧自動化工程科 第二屆 Linux Odyssey
-                互動式終端機教學網站
-              </h1>
-              <h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
-                Indieveloper
-              </h1>
-              <div class="p-3 col-span-3">
-                <div class="grid grid-cols-4 gap-3 justify-items-center">
-                  <h1 class="font-bold" style="font-size: 2.5vh">
-                    wancat 林貓
-                  </h1>
-                  <h1 class="font-bold" style="font-size: 2.5vh">Neil</h1>
-                  <h1 class="font-bold" style="font-size: 2.5vh">A.H.</h1>
-                  <h1 class="font-bold" style="font-size: 2.5vh">Ray Gur</h1>
+              <div class="w-full flex flex-col items-center gap-2">
+                <h1 class="text-text-primary text-3xl font-extrabold font-mono">
+                  團隊介紹
+                </h1>
+                <p class="text-lg">國立臺北科技大學 智慧自動化工程科 第二屆</p>
+                <div class="flex flex-row gap-5 justify-center">
+                  <h1 class="font-bold">Wancat</h1>
+                  <h1 class="font-bold">Neil</h1>
+                  <h1 class="font-bold">A.H.</h1>
+                  <h1 class="font-bold">Ray Gur</h1>
                 </div>
               </div>
-              <h1
-                class="text-text-primary p-5 font-extrabold font-mono col-span-3"
-                style="font-size: 3.5vh"
-              >
-                得獎肯定
-              </h1>
-              <h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
-                大專校院資訊應用服務創新競賽 鈦坦敏捷開發特別獎 第二名
-              </h1>
+              <div class="w-full flex flex-col items-center gap-2">
+                <h1 class="text-text-primary text-3xl font-extrabold font-mono">
+                  得獎肯定
+                </h1>
+                <h1 class="text-xl text-center">
+                  大專校院資訊應用服務創新競賽<br />
+                  鈦坦敏捷開發特別獎 第二名
+                </h1>
+              </div>
 
               <h1
                 class="text-text-primary p-5 font-extrabold font-mono col-span-3 gap-3"

From 5041ec9dc6ad98ac7bf513af7b909d6b1916c7ac Mon Sep 17 00:00:00 2001
From: wancat <wancat@wancat.cc>
Date: Fri, 1 Mar 2024 22:48:21 +0800
Subject: [PATCH 18/20] Contact

---
 app/src/components/ContactButton.vue | 28 ++++++++++++
 app/src/config.js                    |  9 +---
 app/src/views/LandingPage.vue        | 66 +++++++++++-----------------
 3 files changed, 54 insertions(+), 49 deletions(-)
 create mode 100644 app/src/components/ContactButton.vue

diff --git a/app/src/components/ContactButton.vue b/app/src/components/ContactButton.vue
new file mode 100644
index 0000000..c264443
--- /dev/null
+++ b/app/src/components/ContactButton.vue
@@ -0,0 +1,28 @@
+<script setup>
+defineProps({
+  url: {
+    type: String,
+    required: true,
+  },
+  icons: {
+    type: Array,
+    required: true,
+  },
+  title: {
+    type: String,
+    required: true,
+  },
+  desciption: String,
+})
+</script>
+<template>
+  <div class="flex flex-col">
+    <a :href="url" target="_blank" class="h-10 w-10" :title="desciption">
+      <font-awesome-icon
+        :icon="icons"
+        :alt="title"
+        class="text-text-primary h-10 delay-130 hover:-translate-y-1 hover:scale-110"
+      />
+    </a>
+  </div>
+</template>
diff --git a/app/src/config.js b/app/src/config.js
index 1f70f2c..73879c5 100644
--- a/app/src/config.js
+++ b/app/src/config.js
@@ -1,11 +1,4 @@
 export const surveyUrl = '/api/v1/survey'
 export const bugReportUrl = '/api/v1/bug-report'
 export const facebookUrl = 'https://www.facebook.com/LinuxOdyssey'
-export const GitHubUrl = 'https://github.com/linux-odyssey/linux-odyssey'
-
-export default {
-  surveyUrl,
-  bugReportUrl,
-  facebookUrl,
-  GitHubUrl,
-}
+export const githubUrl = 'https://github.com/linux-odyssey/linux-odyssey'
diff --git a/app/src/views/LandingPage.vue b/app/src/views/LandingPage.vue
index f639c72..8db69bb 100644
--- a/app/src/views/LandingPage.vue
+++ b/app/src/views/LandingPage.vue
@@ -1,6 +1,7 @@
 <script setup>
+import ContactButton from '../components/ContactButton.vue'
 import DynamicBackground from '../components/DynamicBackground.vue'
-import { bugReportUrl, facebookUrl, GitHubUrl } from '../config'
+import { bugReportUrl, facebookUrl, githubUrl } from '../config'
 
 const scrollToSection = (sectionId) => {
   const section = document.getElementById(sectionId)
@@ -52,10 +53,10 @@ const scrollToSection = (sectionId) => {
           ><button
             id="Info"
             class="text-text inline-block font-bold whitespace-nowrap pt-1"
-            @click="scrollToSection('info')"
+            @click="scrollToSection('about')"
             style="font-size: 2vh"
           >
-            Info
+            About
           </button>
 
           <button
@@ -203,7 +204,7 @@ const scrollToSection = (sectionId) => {
               </RouterLink>
             </section>
             <section
-              id="info"
+              id="about"
               class="text-text flex flex-col items-center mt-10 gap-10"
             >
               <div class="w-full flex flex-col items-center gap-2">
@@ -228,7 +229,7 @@ const scrollToSection = (sectionId) => {
                 </h1>
               </div>
 
-              <h1
+              <!-- <h1
                 class="text-text-primary p-5 font-extrabold font-mono col-span-3 gap-3"
                 style="font-size: 3.5vh"
               >
@@ -260,53 +261,36 @@ const scrollToSection = (sectionId) => {
               </h1>
               <h1 class="text-text p-3" style="font-size: 2.5vh">
                 "以前覺得寫程式是我生活中碰不到而且很難的項目。但通過這堂課之後，覺得寫程式不再那麼難以親近"
-              </h1>
+              </h1> -->
             </section>
           </div>
           <section
             id="contact"
-            class="text-text p-10 grid grid-cols-3 gap-5 justify-items-center"
+            class="text-text mt-10 flex flex-col items-center"
           >
-            <h1
-              class="text-text-primary p-5 font-extrabold font-mono col-span-3"
-              style="font-size: 3.5vh"
-            >
+            <h1 class="text-text-primary font-extrabold font-mono text-3xl">
               聯絡我們
             </h1>
-            <a
-              title="facebookUrl"
-              :href="facebookUrl"
-              target="_blank"
-              class="h-10 w-10"
-            >
-              <font-awesome-icon
-                :icon="['fab', 'facebook']"
-                class="text-text-primary h-full w-full delay-130 hover:-translate-y-1 hover:scale-150"
+            <div class="flex flex-row items-center justify-around mt-5 gap-5">
+              <ContactButton
+                :url="facebookUrl"
+                :icons="['fab', 'facebook']"
+                title="Facebook"
+                desciption="Linux Odyssey"
               />
-            </a>
-            <a
-              title="GitHubUrl"
-              :href="GitHubUrl"
-              target="_blank"
-              class="h-10 w-10"
-            >
-              <font-awesome-icon
-                :icon="['fab', 'github']"
-                class="text-text-primary h-full w-full delay-130 hover:-translate-y-1 hover:scale-150"
+              <ContactButton
+                :url="githubUrl"
+                :icons="['fab', 'github']"
+                title="GitHub"
+                desciption="linux-odyssey/linux-odyssey"
               />
-            </a>
-            <div title="EmailAddress" class="h-10 w-10">
-              <font-awesome-icon
-                :icon="['fas', 'envelope']"
-                class="text-text-primary h-full w-full delay-130 hover:-translate-y-1 hover:scale-150"
+              <ContactButton
+                url="mailto:team@linuxodyssey.xyz"
+                :icons="['fas', 'envelope']"
+                title="Email"
+                desciption="team@linuxodyssey.xyz"
               />
             </div>
-            <h1 class="font-semibold" style="font-size: 2.5vh">Facebook</h1>
-            <h1 class="font-semibold" style="font-size: 2.5vh">GitHub</h1>
-            <h1 class="font-semibold" style="font-size: 2.5vh">Email</h1>
-            <h1 style="font-size: 2.5vh">Linux Odyssey</h1>
-            <h1 style="font-size: 2.5vh">linux-odyssey/linux-odyssey</h1>
-            <h1 style="font-size: 2.5vh">team@linuxodyssey.xyz</h1>
           </section>
         </div>
       </main>

From 4e8a56f127ec816c4e942014f48063c7863d8345 Mon Sep 17 00:00:00 2001
From: wancat <wancat@wancat.cc>
Date: Fri, 1 Mar 2024 23:21:09 +0800
Subject: [PATCH 19/20] hotfix: analytics build

---
 packages/analytics/Dockerfile   | 2 +-
 packages/analytics/package.json | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/analytics/Dockerfile b/packages/analytics/Dockerfile
index f204e34..98f1a53 100644
--- a/packages/analytics/Dockerfile
+++ b/packages/analytics/Dockerfile
@@ -1,7 +1,7 @@
 FROM node:20-alpine as build
 
 WORKDIR /app
-COPY ./package.json yarn.lock ./
+COPY ./package.json yarn.lock tsconfig.json ./
 COPY packages/analytics/package.json ./packages/analytics/package.json
 COPY packages/models/package.json ./packages/models/package.json
 RUN yarn set version berry
diff --git a/packages/analytics/package.json b/packages/analytics/package.json
index bebd027..4de7ae2 100644
--- a/packages/analytics/package.json
+++ b/packages/analytics/package.json
@@ -18,6 +18,7 @@
     "mongoose": "^8.0.3"
   },
   "devDependencies": {
-    "nodemon": "^3.0.1"
+    "nodemon": "^3.0.1",
+    "typescript": "^5.3.3"
   }
 }

From 817cf8c40e61f611022e117e96d8dd2a48aed24d Mon Sep 17 00:00:00 2001
From: wancat <wancat@wancat.cc>
Date: Fri, 1 Mar 2024 23:49:58 +0800
Subject: [PATCH 20/20] hotfix: redirect to map after login

---
 server/src/api/controllers/authController.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/server/src/api/controllers/authController.ts b/server/src/api/controllers/authController.ts
index a86f0fb..258ba4f 100644
--- a/server/src/api/controllers/authController.ts
+++ b/server/src/api/controllers/authController.ts
@@ -67,7 +67,7 @@ export function socialLoginHandler(req: Request, res: Response) {
     res.redirect('/choose-username')
     return
   }
-  res.redirect('/')
+  res.redirect('/map')
 }
 
 export const registerFromSession = asyncHandler(