style: misc style changes

src/components/catalogue/Core.astro

@@ -61,7 +61,7 @@ const pageLenth = 30;
 		display: block;
 		font-size: 0.875rem;
 		line-height: 1.5rem;
-		font-weight: 600;
+		font-weight: 550;
 	}
 </style>
 

src/components/layout/Logo.astro

@@ -6,7 +6,7 @@ const ponctuation = randomArrayEntry(["", "", "", "", "", "", ";", ".", "!"]);
 ---
 
 <h1 class="m-0 inline-block text-2xl">
-	<a class={`font-semibold text-inherit dark:text-inherit no-underline`} href="/"
+	<a class={`font-medium text-inherit dark:text-inherit no-underline`} href="/"
 		>{title}{ponctuation}</a
 	>
 </h1>

src/components/shared/ArticlePreview.astro

@@ -12,7 +12,7 @@ const { article } = Astro.props;
 
 <section class="mb-3">
 	<a href={getURLFromEntry(article)}>
-		<h4 class="m-0 inline-block text-xl font-semibold">{article.data.title}</h4>
+		<h4 class="m-0 inline-block text-xl font-medium">{article.data.title}</h4>
 	</a>
 
 	<div class="mb-2 text-sm text-creative-work dark:text-dark-subtle-text">

src/layouts/ArticleLayout.astro

@@ -14,14 +14,14 @@ const { Content, headings } = await article.render();
 ---
 
 <BaseLayout title={article.data.title} description={article.data.tagline}>
-	<section class="mx-auto flex gap-6">
+	<section class="mx-auto grid-cols-content gap-6 sm:grid">
 		<article class="post w-[72ch] max-w-full">
 			<ContentHeader item={article} includeTags />
 			<Content components={{ a: ExternalLink }} />
 		</article>
 
 		<aside
-			class="mb-4 mt-10 hidden w-1/4 flex-1 pr-2 transition-opacity duration-100 ease-linear hover:opacity-100 sm:block"
+			class="mr-4 mt-10 hidden transition-opacity duration-100 ease-linear hover:opacity-100 sm:block xl:mr-0"
 		>
 			{
 				headings.length > 0 && (

src/pages/index.astro

@@ -79,7 +79,7 @@ const featuredProjects = (await getCollection("projects"))
 				{
 					wikiItems.map((item) => (
 						<section class="mb-3">
-							<a class="block font-semibold leading-tight" href={getURLFromEntry(item)}>
+							<a class="block font-medium leading-tight" href={getURLFromEntry(item)}>
 								{item.data.title}
 							</a>
 							<span class="block text-sm first-letter:uppercase" data-date={item.lastModified}>

tailwind.config.ts

@@ -308,7 +308,8 @@ export default {
 
 				"h1, h2, h3, h4": {
 					letterSpacing: "-.01em",
-					fontWeight: "550",
+					fontWeight: "500",
+					marginBottom: "0.5rem",
 				},
 
 				dt: { fontWeight: "bold" },