change card style

reteps · Nov 23, 2023 · 352686f · 352686f
1 parent 041ab7c
commit 352686f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/src/lib/components/Showcase.svelte b/src/lib/components/Showcase.svelte
@@ -206,16 +206,16 @@
 	</div>
 	<div class="flex flex-col lg:w-4/5 lg:pl-20 mt-10 lg:mt-40">
 		{#each filteredContent as item, i}
-			<div class="flex flex-col">
+			<div class="flex flex-col rounded-lg border-2 border-t-0 border-dashed border-slate-400 dark:border-slate-500 pb-2 mb-10 lg:mb-20">
 				<div class="flex flex-row justify-center item">
 					<picture>
 						{#each item.image.sources.webp as source}
 							<source media={`(max-width: ${~~(source.w*1.1)}px)`} srcset="{source.src}" type="image/webp" />
 						{/each}
-						<img class="rounded-lg" height="{~~item.image.fallback.h}" width="{item.image.fallback.w}" src={item.image.fallback.src} alt={item.title} />
+						<img class="rounded-t-md" height="{~~item.image.fallback.h}" width="{item.image.fallback.w}" src={item.image.fallback.src} alt={item.title} />
 					</picture>
 				</div>
-				<div class="flex flex-col mt-5 dark:text-white">
+				<div class="flex flex-col mt-5 dark:text-white px-10">
 					<div class="flex flex-col lg:flex-row justify-between">
 						<h2 class="text-2xl lg:text-3xl">{item.title}</h2>
 						<div class="flex flex-row items-center mt-3 lg:mt-0">
@@ -243,13 +243,13 @@
 						{/each}
 					</div>
 				</div>
-				{#if i !== filteredContent.length - 1}
+				<!-- {#if i !== filteredContent.length - 1}
 					<div class="flex flex-row justify-center">
 						<hr
 							class="mt-10 mb-10 lg:mt-20 lg:mb-20 h-1 rounded border-0 w-64 bg-slate-400 dark:bg-slate-500"
 						/>
 					</div>
-				{/if}
+				{/if} -->
 			</div>
 		{/each}
 	</div>

diff --git a/src/routes/(app)/+page.svelte b/src/routes/(app)/+page.svelte
@@ -47,18 +47,18 @@
 			<h2 class="text-xl font-bold mt-10">Currently...</h2>
 			<ul class="list-disc">
 				<li>
-					In my second year of a combined 3+1 undergraduate/graduate MCS <Link
+					In my third year of a combined 3+1 undergraduate/graduate MCS <Link
 						href="https://cs.illinois.edu/academics/graduate/fifth-year-masters-programs/5-year-bs-ms-program"
 						simple>program</Link
 					>.
 				</li>
 				<li>
-					A software developer for <Link href="https://uiuc.hack4impact.org" simple
+					I was a software developer for <Link href="https://uiuc.hack4impact.org" simple
 						>Hack4Impact</Link
-					>, where I program for nonprofits.
+					>, where I programmed for nonprofits.
 				</li>
 				<li>
-					An admin for <Link href="https://sigpwny.com/" simple>SIGPwny</Link>, an ACM special
+					The president for <Link href="https://sigpwny.com/" simple>SIGPwny</Link>, an ACM special
 					interest group focused on cybersecurity and the largest educational RSO on campus.
 				</li>
 			</ul>
@@ -91,7 +91,7 @@
 		</a>
 	</div>
 </div>
-<div id="showcase" class="flex flex-col min-h-screen mx-10 pt-20" on:mousemove={rotateArrow}>
+<div id="showcase" class="flex flex-col min-h-screen mx-10 mt-20" on:mousemove={rotateArrow}>
 	<Showcase />
 </div>