mirror of
https://github.com/linux-odyssey/linux-odyssey.git
synced 2026-11-08 11:30:12 +08:00
video and about
This commit is contained in:
wancat committed
1 parent
85b34abc7e
commit
c2c792f10c
1 file changed
+26
-45
@@ -93,7 +93,7 @@ const scrollToSection = (sectionId) => {
|
|||||||
<main class="w-full h-[94vh] overflow-y-auto">
|
<main class="w-full h-[94vh] overflow-y-auto">
|
||||||
<div class="w-full flex flex-col items-center">
|
<div class="w-full flex flex-col items-center">
|
||||||
<div
|
<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">
|
<h1 class="text-text-primary text-7xl font-extrabold font-mono">
|
||||||
Linux
|
Linux
|
||||||
@@ -103,6 +103,8 @@ const scrollToSection = (sectionId) => {
|
|||||||
Odyssey
|
Odyssey
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- intro -->
|
||||||
<div class="w-full md:w-2/3 px-5">
|
<div class="w-full md:w-2/3 px-5">
|
||||||
<section
|
<section
|
||||||
id="intro"
|
id="intro"
|
||||||
@@ -180,72 +182,51 @@ const scrollToSection = (sectionId) => {
|
|||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section
|
<section class="w-full py-10">
|
||||||
id="start"
|
|
||||||
class="text-text p-20 grid grid-cols-3 gap-10 justify-items-center"
|
|
||||||
>
|
|
||||||
<iframe
|
<iframe
|
||||||
width="1000"
|
|
||||||
height="562"
|
|
||||||
src="https://www.youtube.com/embed/XzvfmUf1QP8?si=QxnKJMNjsm27fGGF"
|
src="https://www.youtube.com/embed/XzvfmUf1QP8?si=QxnKJMNjsm27fGGF"
|
||||||
title="YouTube video player"
|
title="YouTube video player"
|
||||||
frameborder="0"
|
frameborder="0"
|
||||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||||
allowfullscreen
|
allowfullscreen
|
||||||
class="col-span-3 pb-10 mb-3"
|
class="w-full aspect-video"
|
||||||
></iframe>
|
></iframe>
|
||||||
<RouterLink
|
</section>
|
||||||
title="StartGame"
|
<section
|
||||||
id="StartGame"
|
id="start"
|
||||||
to="/register"
|
class="text-text bg-bg-secondary border-8 border-text-tertiary rounded-xl transition ease-in-out hover:scale-110 duration-300"
|
||||||
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"
|
|
||||||
>
|
>
|
||||||
|
<RouterLink title="StartGame" id="StartGame" to="/register">
|
||||||
|
<div class="text-text text-xl p-2 w-full text-center">
|
||||||
準備好鍵盤，跟我們一起開啟你的 Linux 冒險吧！
|
準備好鍵盤，跟我們一起開啟你的 Linux 冒險吧！
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</RouterLink>
|
</RouterLink>
|
||||||
</section>
|
</section>
|
||||||
<section
|
<section
|
||||||
id="info"
|
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"
|
|
||||||
>
|
>
|
||||||
|
<div class="w-full flex flex-col items-center gap-2">
|
||||||
|
<h1 class="text-text-primary text-3xl font-extrabold font-mono">
|
||||||
團隊介紹
|
團隊介紹
|
||||||
</h1>
|
</h1>
|
||||||
<h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
|
<p class="text-lg">國立臺北科技大學 智慧自動化工程科 第二屆</p>
|
||||||
國立臺北科技大學 智慧自動化工程科 第二屆 Linux Odyssey
|
<div class="flex flex-row gap-5 justify-center">
|
||||||
互動式終端機教學網站
|
<h1 class="font-bold">Wancat</h1>
|
||||||
</h1>
|
<h1 class="font-bold">Neil</h1>
|
||||||
<h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
|
<h1 class="font-bold">A.H.</h1>
|
||||||
Indieveloper
|
<h1 class="font-bold">Ray Gur</h1>
|
||||||
</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>
|
||||||
</div>
|
</div>
|
||||||
<h1
|
<div class="w-full flex flex-col items-center gap-2">
|
||||||
class="text-text-primary p-5 font-extrabold font-mono col-span-3"
|
<h1 class="text-text-primary text-3xl font-extrabold font-mono">
|
||||||
style="font-size: 3.5vh"
|
|
||||||
>
|
|
||||||
得獎肯定
|
得獎肯定
|
||||||
</h1>
|
</h1>
|
||||||
<h1 class="text-text p-3 col-span-3" style="font-size: 2.5vh">
|
<h1 class="text-xl text-center">
|
||||||
大專校院資訊應用服務創新競賽 鈦坦敏捷開發特別獎 第二名
|
大專校院資訊應用服務創新競賽<br />
|
||||||
|
鈦坦敏捷開發特別獎 第二名
|
||||||
</h1>
|
</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
<h1
|
<h1
|
||||||
class="text-text-primary p-5 font-extrabold font-mono col-span-3 gap-3"
|
class="text-text-primary p-5 font-extrabold font-mono col-span-3 gap-3"
|
||||||
|
|||||||
Reference in new issue
Block a user