Merge pull request #12 from dori108/main

Vice / list 추가버전
SUSC-KR · Jul 4, 2024 · ec18c77 · ec18c77
2 parents 2dbf461 + 0eec111
commit ec18c77
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 20 deletions.
diff --git a/public/images/univ/hufs/leader.png b/public/images/univ/hufs/leader.png
diff --git a/public/images/univ/hufs/org/Yeryung Jang b/public/images/univ/hufs/org/Yeryung Jang
diff --git a/public/images/univ/hufs/vice.png b/public/images/univ/hufs/vice.png
diff --git a/src/content/univ/hufs.mdx b/src/content/univ/hufs.mdx
@@ -7,29 +7,50 @@ viceLeadName: ['윤장욱']
 clubList: ['TAB']
 ---
 
-import UnivInfo from '@components/univ/UnivInfo.astro'
+import UnivInfo from '@components/univ/UnivInfo.astro';
+import UnivOrgCard from '@components/univ/UnivOrgCard.astro';
 
 <UnivInfo
-	univName="한국외국어대학교"
-	clubList={['TAB']}
+    univName="한국외국어대학교"
+    clubList={['TAB']}
 />
 
-import UnivOrgCard from '@components/univ/UnivOrgCard.astro';
-
 <section class="bg-white dark:bg-gray-900">
-	<div class="container px-6 py-10 mx-auto">
-		<h1 class="text-2xl font-semibold text-center text-gray-800 capitalize lg:text-3xl dark:text-white">Organizers</h1>
+    <div class="container mx-auto flex flex-wrap py-10 px-6">
+
+        <aside class="w-full md:w-1/4 px-4">
+            <div class="sticky top-0 p-4 bg-gray-100 dark:bg-gray-800 rounded-lg shadow-md">
+                <h2 class="text-xl font-semibold text-center text-gray-800 capitalize lg:text-2xl dark:text-white">Past Leader</h2>
+                <ul class="my-6 text-center text-gray-500 dark:text-gray-300">
+                    <li class="py-2">1대 김이안(2023)</li>
+                </ul>
+            </div>
+        </aside>
+        <div class="w-full md:w-3/4 px-4">
+            <h1 class="text-2xl font-semibold text-center text-gray-800 capitalize lg:text-3xl dark:text-white">Organizers</h1>
+            <p class="max-w-2xl mx-auto my-6 text-center text-gray-500 dark:text-gray-300">
+                한국외국어대학교에서는 원활한 SUSC활동을 위해 아래의 구성원들이 고생해주고 있습니다.
+            </p>
 
-		<p class="max-w-2xl mx-auto my-6 text-center text-gray-500 dark:text-gray-300">한국외국어대학교에서는 원활한 SUSC활동을 위해 아래의 구성원들이 고생해주고 있습니다.</p>
-		<div class="grid grid-cols-1 gap-8 mt-8 xl:mt-16 md:grid-cols-2 xl:grid-cols-4">
-			<UnivOrgCard 
-				orgImg="/images/defaultImg/SUSC.png"
-				orgName="장예령"
-				role="TAB Lead"
-        github="https://github.com/dori108"
-        linkedIn="https://www.linkedin.com/in/장예령-재학-컴퓨터공학부-%E2%80%8D-541972283/"
-        instagram="https://www.instagram.com/xyxexrxy/"
-			/>
-		</div>
-	</div>
+            <div class="grid grid-cols-1 gap-8 mt-8 md:grid-cols-2">
+                <UnivOrgCard 
+                    orgImg="/images/univ/hufs/leader.png"
+                    orgName="장예령"
+                    role="TAB Lead"
+                    github="https://github.com/dori108"
+                    linkedIn="https://www.linkedin.com/in/장예령-재학-컴퓨터공학부-%E2%80%8D-541972283/"
+                    instagram="https://www.instagram.com/xyxexrxy/"
+                />
+                <UnivOrgCard 
+                    orgImg="/images/univ/hufs/vice.png"
+                    orgName="윤장욱"
+                    role="TAB Vice Lead"
+                    github="https://github.com/yoon-janguk"
+                    linkedIn="https://www.linkedin.com/in/윤장욱-재학-컴퓨터공학부/"
+                    instagram="https://www.instagram.com/yjangwook/"
+                />
+            </div>
+        </div>
+    </div>
 </section>
+