Skip to content

Commit

Permalink
feat: add conference theme to home page
Browse files Browse the repository at this point in the history
  • Loading branch information
dada878 committed Dec 16, 2024
1 parent 52998d6 commit ea3ce60
Showing 1 changed file with 33 additions and 3 deletions.
36 changes: 33 additions & 3 deletions app/cfp/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -156,6 +156,36 @@ export default function Home() {

{/* Phone Layout */}
<PhoneLayout />

<div className="mb-28 max-w-[1120px] px-10">
<div className="mx-auto flex flex-col gap-5 text-foreground md:w-2/3">
<div>
<h1 className="text-h2 font-extrabold tracking-widest text-primary max-sm:text-h1-mobile max-sm:font-semibold">
年會主題
</h1>
<h1 className="text-h1 font-extrabold tracking-widest text-primary max-sm:text-h1-mobile max-sm:font-semibold">
Lines of Flight 逃逸路線
</h1>
</div>
<p className="text-xl font-bold">
Il s&apos;agit toujours de libérer la vie là où elle est
prisonnière 這總是關乎到解放生命被禁錮的生命
</p>
<p className="brightness-90">
「Lines of
Flight」(中譯:逃逸路線)是當代文學裡的一個概念,由法國的思想家德勒茲提出。所謂的「逃逸路線」,是指在日常社會結構中找到一個裂縫或缺口,並在現有框架下挖掘出新的可能性。
</p>
<p className="brightness-90">
正如我們所處的這個時代,人類的智慧打造出前所未見的世界,在便捷、快速等多種科技紅利的包圍下,我們也看見了資訊流通導致的社群成癮,看見在社會價值觀裡的畫地自限,看見螢幕構築出那若即若離的疏離感,這一切彷彿科技建構出的無形枷鎖,將我們束縛其中。
</p>
<p className="text-xl font-bold">
在這樣一個開放的年代,為什麼好像變得不再自由?
</p>
<p className="brightness-90">
作為學生,我們處在一個迷惘卻充滿熱血的年紀,可以試圖去尋找社會中的裂隙,並透過「自我覺察」來建立屬於自己的價值觀與信念。無論是發掘在螢幕後方的我們,被社群媒體影響的同時遺漏了什麼;或是如何不為了合群或符合社會期待,而去隱藏自己的真實想法以此從眾;甚至是勇敢地成為先鋒,以資訊結合不同領域,打造出多元化的社群生態。讓我們帶著自我覺察的心,去開創一條屬於這個時代的道路。
</p>
</div>
</div>
</div>
</>
);
Expand Down Expand Up @@ -236,7 +266,7 @@ function From2013() {

function PhoneLayout() {
return (
<div className="relative flex flex-col gap-4 bg-background bg-cover bg-[left_20%_center] px-10 pb-6 sm:hidden lg:bg-center">
<div className="relative mb-8 flex flex-col gap-4 bg-background bg-cover bg-[left_20%_center] px-10 pb-6 sm:hidden lg:bg-center">
<h1 className="text-center text-h1-mobile font-semibold text-primary">
支持我們
</h1>
Expand Down Expand Up @@ -286,7 +316,7 @@ function PhoneLayout() {

function TabletLayout() {
return (
<div className="relative grid max-w-[1120px] grid-rows-2 gap-4 bg-background bg-cover bg-[left_20%_center] px-10 max-sm:hidden lg:bg-center min-[1024px]:hidden">
<div className="relative mb-20 grid max-w-[1120px] grid-rows-1 gap-4 bg-background bg-cover bg-[left_20%_center] px-10 max-sm:hidden lg:bg-center min-[1024px]:hidden">
<div className="row-span-1 grid h-auto grid-cols-2 gap-4">
<div className="col-span-1 rounded-xl bg-background-light p-6">
<h1 className="text-h1 font-black tracking-[2px] text-primary">
Expand Down Expand Up @@ -353,7 +383,7 @@ function TabletLayout() {

function DesktopLayout() {
return (
<div className="relative grid max-w-[1120px] grid-cols-3 gap-4 bg-background bg-cover bg-[left_20%_center] px-10 max-[1024px]:hidden lg:bg-center">
<div className="relative grid max-w-[1120px] grid-cols-3 grid-rows-1 gap-4 bg-background bg-cover bg-[left_20%_center] px-10 max-[1024px]:hidden lg:bg-center">
<div className="col-span-1 h-auto">
<div className="rounded-xl bg-background-light pb-4 pl-5 pr-5 pt-6">
<h1 className="text-h1 font-black tracking-wider text-primary">
Expand Down

0 comments on commit ea3ce60

Please sign in to comment.