From 46e27c7456e9ce1cb086ed67674f93da16d5c687 Mon Sep 17 00:00:00 2001 From: Annie Huang Date: Thu, 29 Feb 2024 15:20:38 +0800 Subject: [PATCH] - 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) => {
@@ -51,6 +52,13 @@ const scrollToSection = (sectionId) => {
- +
-
-

- Linux Odyssey -

+
+
+

+ Linux +

+ +

+ Odyssey +

+
-
- 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. +
+

+ 程式設計不僅僅是寫程式碼，還涉及到如何有效地與你的電腦互動。 +

+
+

+ 程式教育卻往往忽略背後「開發環境」的重要性， + 使得許多學生在過程中充滿挫折。 +

+
+

+ 「開發環境」是寫程式、執行程式過程所需要的一切工具。 + 而這些工具需要在終端機輸入指令來使用。 +

+
+

+ 大部分的程式要用來運行的環境，並非 Windows 或 Mac OS，而是 Linux + 作業系統。 +

+
+

+ Linux Odyssey 即是為此設計的線上 Linux 互動教學網站。 +

-
- 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. +
+

+ 初學者也能立即上手 +

+

+ 我們明白對於初學者來說，設定和使用開發工具可能是一大障礙。 +

+

+ 學習者無需安裝任何軟體，僅需通過瀏覽器即可連上一個真實的 Linux + 環境。 +

+

+ 遊戲般的學習體驗 +

+

+ Linux Odyssey 融合了遊戲的樂趣與學習的實用性。 +

+

+ 透過精心設計的遊戲關卡，學習者可以一邊接受挑戰、破解謎題， + 一邊掌握 Linux 指令的運用。 +

+

+ 真實的 Linux 操作之旅 +

+

+ Linux Odyssey 提供的不僅是理論知識，更是真實的操作體驗。 +

+

+ 每一個指令都是在真實的 Linux 環境中執行， + 讓學習者能夠真正深入軟體開發的世界。 +

-
+
- -
- 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). +
+ +
+ + facebook粉絲專頁: Linux Odyssey + Github: linux-odyssey/linux-odyssey +
+ +
+ email: team@linuxodyssey.xyz