fix little issues

2024-01-25 21:54:49 -05:00
parent 76231e5d6b
commit 29f02667f4
6 changed files with 24 additions and 12 deletions
@@ -3,7 +3,7 @@ import FormattedDate from '@components/FormattedDate.astro';

 interface Props {
 	title: String;
-	date: String;
+	date: Date;
 	slug?: String;
 }

@@ -1,5 +1,4 @@
 ---
-import RSSIcon from './icons/RSS.astro';
 const year = new Date().getFullYear();
 ---

@@ -1,7 +1,4 @@
 ---
-import UserIcon from './icons/UserIcon.astro';
-import WebsiteIcon from './icons/Website.astro';
-
 const { pathname } = Astro.url;

 const navLinks = [
@@ -33,7 +30,7 @@ const navLinks = [
 <style>
 	header {
 		margin: 0;
-		padding: 0.5rem 1rem;
+		padding: 1.5rem 1rem;
 		max-width: 800px;
 		display: flex;
 		flex-direction: column;
@@ -8,9 +8,7 @@ export interface Props {
 	title: string;
 }

-const title = Astro.props.frontmatter
-	? Astro.props.frontmatter.title
-	: Astro.props.title;
+const title = Astro.props.title;
 ---

 <!DOCTYPE html>
@@ -11,7 +11,11 @@ const posts = await getCollection('blog');
 <Layout title="Home">
 	{
 		posts
-			.sort((a, b) => Date.parse(b.data.pubDate) - Date.parse(a.data.pubDate))
+			.sort(
+				(a, b) =>
+					new Date(b.data.pubDate).valueOf() -
+					new Date(a.data.pubDate).valueOf()
+			)
 			.slice(0, 5)
 			.map((post) => <PostPreview post={post} />)
 	}
@@ -17,13 +17,23 @@
 	--red: #ce3446;
 	--orange: #e56045;
 	--text: #444444;
-	--background: #fffef5;
-	--flat-bg: white;
+	--background: white;
 	--radius: 5px;
 	--shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
 	--border: 1px solid #7f7f7f;
 }

+@media (prefers-color-scheme: dark) {
+	:root {
+		--blue: #5996e9;
+		--red: #e75969;
+		--orange: #e87c66;
+		--text: white;
+		--background: color(display-p3 0.141 0.149 0.216);
+		--border: 1px solid rgb(102, 102, 102);
+	}
+}
+
 * {
 	/* font-family: 'CrimsonText', serif; */
 	font-family: 'CrimsonText', serif;
@@ -84,6 +94,10 @@ kbd {
 		rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
 }

+sup > a {
+	font-size: 0.8rem;
+}
+
 /* Links */

 a {