Tweaks

Nolankicks · Dec 20, 2024 · 9079730 · 9079730
1 parent 659e1a4
commit 9079730
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 18 deletions.
diff --git a/src/content/projects/website.md b/src/content/projects/website.md
diff --git a/src/lib/components/Blog.svelte b/src/lib/components/Blog.svelte
@@ -2,7 +2,7 @@
     export let blogPost;
 </script>
 
-<a href={`${blogPost.IsNews ? "sboxnews/" : "blog/"}${blogPost.slug}`} class="block p-4 bg-secondary rounded-md mb-4 hover:scale-[1.01] active:scale-[0.99] transition-all w-full max-w-xl font-poppins">
+<a href={`${blogPost.IsNews ? "sboxnews/" : "blog/"}${blogPost.slug}`} class="block p-4 bg-secondary rounded-md mb-4 hover:scale-[1.01] active:scale-[0.99] transition-all w-full max-w-3xl font-poppins">
     <h2 class="text-2xl font-bold text-white">{blogPost.title}</h2>
 
     {#if blogPost.description}

diff --git a/src/lib/components/NameCard.svelte b/src/lib/components/NameCard.svelte
@@ -2,7 +2,7 @@
 	class="flex w-full mt-6 pt-6 px-5 flex-col font-poppins items-center justify-center text-white bg-gradient-to-b from-blue-900 via-gray-900 to-black"
 >
 	<div
-		class="flex flex-col items-center justify-center gap-4 w-full max-w-xl rounded-md animate-fadein"
+		class="flex flex-col items-center justify-center gap-4 w-full max-w-3xl rounded-md animate-fadein"
 	>
 		<div class="rounded-md mb-4 transition-all w-full flex">
 			<div class="flex flex-col items-center">

diff --git a/src/lib/components/Project.svelte b/src/lib/components/Project.svelte
@@ -7,16 +7,16 @@
 </script>
 
 <a
-	class="flex flex-shrink-0 flex-row text-white min-h-24 font-poppins relative gap-2"
+	class="flex flex-shrink-0 flex-row text-white min-h-24 font-poppins items-center relative gap-6"
 	href={slug}
-    onmouseenter={() => (isHovered = true)}
-	onmouseleave={() => (isHovered = false)}
+    on:mouseenter={() => (isHovered = true)}
+	on:mouseleave={() => (isHovered = false)}
 >
 	{#if project.image}
 		<img src={project.image} class="h-32 w-32 rounded-md flex-shrink-0 flex" alt={project.title} />
 	{/if}
 
-	<div class="flex flex-shrink items-start justify-center flex-col w-full">
+	<div class="flex items-start justify-center flex-col w-full h-full">
 		<p class="text-xl font-bold">{project.title}</p>
 		<p>{project.description}</p>
 	</div>

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -14,7 +14,7 @@
 <NameCard />
 
 <div class="w-full flex items-center justify-center p-5">
-  <div class="flex flex-col items-center justify-center max-w-xl rounded-md animate-fadein w-full">
+  <div class="flex flex-col items-center justify-center max-w-3xl rounded-md animate-fadein w-full">
     <h2 class="text-white font-poppins text-2xl flex items-start w-full font-bolder">Latest Blog</h2>
     <hr class="my-5 w-full text-white"/>
     <a

diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
@@ -9,7 +9,7 @@
 </svelte:head>
 
 <div class="w-full flex items-center justify-center animate-fadein">
-    <div class="max-w-xl w-full my-5 mx-auto flex flex-col gap-4 pt-6 font-poppins px-5 text-white sm:px-0">
+    <div class="max-w-3xl w-full my-5 mx-auto flex flex-col gap-4 pt-6 font-poppins px-5 text-white sm:px-0">
         <Header title="Blogs" HyperLink={false} />
     </div>
 </div>

diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte
@@ -10,13 +10,13 @@
 </svelte:head>
 
 <div class="w-full flex items-center justify-center animate-fadein">
-    <div class="max-w-xl w-full my-5 mx-auto flex flex-col gap-4 pt-6 font-poppins px-5 text-white">
+    <div class="max-w-3xl w-full my-5 mx-auto flex flex-col gap-4 pt-6 font-poppins px-5 text-white sm:px-0">
         <Header title="Projects" HyperLink={false} />
     </div>
 </div>
 
-<div class="w-full flex items-center flex-col animate-fadein mb-5">
-    <div class="grid w-full max-w-xl grid-cols-1 sm:grid-cols-2 grid-flow-row gap-5 px-5">
+<div class="w-full flex items-center flex-col animate-fadein mb-5  px-5">
+    <div class="grid w-full max-w-3xl grid-cols-1 sm:grid-cols-2 grid-flow-row gap-5">
         {#each data.posts as project}
             <Project project={project} />
         {/each}