Add some post updates. reworked the blogpost layout.

package.json

@@ -26,7 +26,7 @@
     "@mapbox/node-pre-gyp": "^1.0.9",
     "add": "^2.0.6",
     "astro-robots-txt": "^0.3.7",
-    "mdast-util-to-string": "^3.1.0",
+    "mdast-util-to-string": "^3.1.1",
     "open-props": "^1.4.10",
     "preact": "^10.7.3",
     "prettier": "^2.7.1",

src/components/blog/Post.astro

@@ -37,78 +37,50 @@ const { name, twitter } = author;
 
 
 <style>
-
 .postContainer {
 	display: flex;
-	flex-direction: row;
-	justify-content: center;
-	padding: 1rem;
-}
-
-.article {
-	display: flex;
-	flex-direction: column;
 	justify-content: center;
 	align-items: center;
-	margin-top: 5rem;
-	max-width: 80rem;
 }
 
 .article {
-	background: var(--surface2);
-	border: 20px solid var(--surface2);
-	padding: var(--size-4);
-	border-radius: var(--radius-3);
-	box-shadow: var(--shadow-4);
-	border: 1px solid var(--brand);
+	width: 100%;
+	max-width: 800px;
+	padding: 1rem;
 }
 
 .coffee {
-    width: 170px;
-}
-
-.coffee > img {
-    border-radius: 5px;
-}
-
-/* image golden ratio */
-.center-cropped {
-	object-fit: contain;
 	width: 100%;
-	height: auto;
-	max-height: 200px;
-	margin-top: var(--size-4);
-	margin-bottom: var(--size-4);
+	height: 50px;
 }
 
-/*--------Article Details-------------*/
 .details {
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
-	margin-top: 1rem;
-	color: var(--text2);
 	align-items: center;
 }
 
-.details > h1 {
-	font-size: var(--size-7);
-	font-weight: var(--font-weight-9);
-	margin-bottom: var(--size-2);
-	color: var(--brand);
-	/* text-shadow: 0 0 10px var(--gray-9) */
+.details h1 {
+	font-size: 2rem;
 }
 
 .details p {
-    font-size: var(--size-6);
-    margin-top: 5px;
-    color: var(--text3);
-	font-weight: var(--size-3);
+	font-size: 1.5rem;
 }
 
 .details span {
-    text-transform: uppercase;
-    font-size: var(--size-5);
-    color: var(--text3);
+	font-size: 1rem;
 }
+
+
+@media (min-width: 768px) {
+	.details {
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+	}
+}
+
+
 </style>

src/components/bookShelf/PostPreview.astro

@@ -1,6 +1,5 @@
 ---
 
-
 export interface Props {
 	post: any;
 }

src/layouts/BlogPost.astro

@@ -14,12 +14,10 @@ export interface Props {
     post: MDXInstance<Post>,
 	frontmatter: Post
 }
-
 // const { minutesRead } = Astro.props.frontmatter;
 const { content } = Astro.props;
 const { title, publishDate, writer, href, description, img, alt, permalink } = content;
 
-
 // console.log(minutesRead);
 ---
 
@@ -32,7 +30,7 @@ const { title, publishDate, writer, href, description, img, alt, permalink } = c
 		<Navbar />
 		<main class="mainContainer">
 			<BlogPost title={title} publishDate={publishDate} writer={writer} href={href} img={img} description={description} alt={alt} >
-				<p>📑{}</p>
+				<p>{}</p>
 				<slot />
 			</BlogPost>
 		</main>
@@ -41,18 +39,25 @@ const { title, publishDate, writer, href, description, img, alt, permalink } = c
 </html>
 
 <style>
-.bodyContainer > .mainContainer{
+.mainContainer {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
-	min-width: 60rem;
+	width: 100%;
 	height: 100%;
 }
 
-@media screen and (min-width: 768px) {
-	.bodyContainer > .mainContainer{
-		max-width: 100%;
+.bodyContainer {
+	background-color: var(--bg-color);
+}
+
+
+
+@media (min-width: 768px) {
+	.mainContainer {
+		width: 100%;
+		height: 100%;
 	}
 }
 </style>

src/pages/book/1-Slaughterhouse-Five.mdx

@@ -15,14 +15,22 @@ tags: American science fiction, the bombing of Dresden, military fiction, war st
 ### _American Science Fiction, Military Fiction_
 
 
-I felt that the ending was abrupt and just fell off, but that's not the selling point of the story! I loved the wit and subtle humor that's sprinkled throughout the book. 
+Slaughterhouse-Five is one of those books that you either love or hate. I happen to love it. It's a masterpiece of satire, science fiction, and anti-war literature. It tells the story of Billy Pilgrim, a man who becomes unstuck in time and travels back and forth between different moments of his life, from his childhood to his death. Along the way, he witnesses the horrors of World War II, especially the firebombing of Dresden, gets abducted by aliens from the planet Tralfamadore, and learns to see time as a fourth dimension.
 
->"...and the Russians came and arrested everybody except for the two horses"
+The book is full of humor, irony, and absurdity. It challenges the notions of free will, causality, and morality. It exposes the futility and cruelty of war and violence. It questions the meaning and value of life and death. It makes you laugh and cry at the same time. It's a book that stays with you long after you finish it.
 
->"This could be useful for Rocketry"
+One of the most memorable aspects of the book is the way it uses repetition. The phrase "so it goes" appears 106 times in the book, whenever someone or something dies. It's a way of expressing acceptance and resignation to the inevitable. It's also a way of mocking the pretentiousness and hypocrisy of human civilization. As Kurt Vonnegut writes in the introduction: "There is nothing intelligent to say about a massacre."
 
-So many fun nuggets of humor... but it's bittersweet when the next moment Vonnegut's talking about the real and serious harm that has been inflicted in our history. The grey undertone of the story and the mental illness with which his protagonist is wracked. Where he's the sole survivor of a plane crash and everyone he meets ends up dead. The telling of subtle people throughout the book which Vonnegut describes  
+Another recurring motif is the phrase "and so on". It's a way of showing how trivial and mundane most of human history and culture is. It's also a way of implying that there is more to the story than what is told. As Billy Pilgrim says: "All this happened, more or less. The war parts, anyway, are pretty much true."
 
->"...and then they just...die...So It Goes"
+The book also uses quotes from other sources to create contrast and irony. For example, when Billy Pilgrim watches a war movie backwards, he hears a verse from the Sermon on the Mount: "Blessed are the meek, for they shall inherit the earth." This is followed by another quote from an American general: "We're not going to let a bunch of goddamn weaklings take over this country." The juxtaposition of these two quotes highlights the hypocrisy and absurdity of war and religion.
 
-Vonnegut gently uses humor to present a very real and grim history. The part that has my spine tingling the most is the fact, Vonnegut, a prisoner of WWII, survived the bombing of Dresden in the meat locker of a slaughterhouse.
+Another example is when Billy Pilgrim reads a book by Kilgore Trout, a fictional science fiction writer who appears in several of Vonnegut's novels. The book is called The Gospel from Outer Space and it tells a different version of the life of Jesus Christ. In this version, Jesus is not the son of God but an ordinary man who tries to deliver a message of peace and love to humanity. However, he is rejected and crucified by the people who misunderstand him. The aliens from Tralfamadore then visit Earth and reveal that Jesus was actually a messenger from them. They also explain that they have been observing human history for a long time and they have concluded that humans are a mistake. They decide to destroy Earth and all its inhabitants.
+
+This quote from the book sums up its message: "The visitor from outer space made a serious study of Christianity, to learn if he could why Christians found it so easy to be cruel. He concluded that at least part of their trouble was slipshod storytelling in their holy book."
+
+Slaughterhouse-Five is not a conventional novel. It does not follow a linear plot or a coherent structure. It does not have a clear moral or message. It does not offer any solutions or answers. It does not even have a proper ending. It simply presents a series of events that happen to Billy Pilgrim and leaves it up to the reader to make sense of them.
+
+I think that's what makes it so powerful and unique. It's a book that challenges you to think for yourself and to question everything you know and believe. It's a book that makes you feel alive and aware of your own existence in this crazy world.
+
+I give it 9 out of 10 stars.

src/pages/book/13-he-who-fights-with-monsters.mdx

@@ -14,6 +14,18 @@ tags: Fantasy, RPGLit, Role Playing Litterature
 # Rating : 8/10
 ### _RPGLit, Fantasy, Adventure_
 
-Jason Asano wakes up to a strange world of magic and monsters. Naked and trapped within a Hedgemaze of prickly bushes, Asano receives a quest popup floating in front "NEW QUEST: Stranger in a Strange Land". Tasked with escaping Asano is tasked with  near imposibilities.
+He Who Fights With Monsters is a web serial by Shirtaloon that follows the adventures of Jason Asano, an Australian who finds himself transported to a world of magic and monsters. Jason is a witty and resourceful protagonist who uses his unique abilities and unconventional methods to survive and thrive in his new environment. He makes friends and enemies, explores dungeons and cities, and learns more about the mysterious world he is in.
+
+The story is well-written, engaging, and humorous. The author has a knack for creating memorable characters, witty dialogue, and exciting action scenes. The world-building is rich and detailed, with a lot of lore and history to discover. The magic system is complex and original, with different types of abilities and limitations. The plot is fast-paced and unpredictable, with twists and turns that keep the reader hooked.
+
+One of the strengths of the story is the character development. Jason is not a typical hero who is always noble and righteous. He is flawed, selfish, and sometimes morally ambiguous. He does not shy away from killing or manipulating his enemies, but he also has a sense of justice and compassion. He grows as a person throughout the story, learning from his mistakes and experiences. He also has a lot of charisma and humor, which makes him likable and entertaining.
+
+The other characters are also well-developed and diverse. They have their own personalities, motivations, and backgrounds. They interact with Jason in realistic and interesting ways, sometimes helping him, sometimes hindering him, and sometimes clashing with him. Some of them are allies, some are rivals, some are friends, some are foes. They all have their own arcs and roles in the story.
+
+The story is not perfect, however. It has some flaws and weaknesses that prevent it from being a 10/10 masterpiece. One of them is the pacing. The story sometimes drags on too long in certain parts, especially in the beginning chapters where Jason is still learning the basics of the world. Some scenes feel unnecessary or repetitive, and some subplots feel unresolved or forgotten. The story could benefit from some editing and trimming to make it more concise and focused.
+
+Another flaw is tone inconsistency. The story tries to balance comedy and drama, but sometimes it fails to do so. Some scenes are too dark or grim for the overall tone of the story, while some scenes are too silly or absurd for the seriousness of the situation. The humor can also be hit or miss, depending on the reader's preference. Some jokes are clever and funny, while some jokes are crude and offensive.
+
+Overall, He Who Fights With Monsters is a great web serial that deserves an 8/10 rating. It is a fun and enjoyable read that will make you laugh, cry, cheer, and gasp. It has a lot of potential and promise, and I look forward to reading more of it in the future.
 
 

src/pages/book/2-ready-player-one.mdx

@@ -16,61 +16,28 @@ tags: cyberpunk, science fiction, action, adventure, dystopian, Puzzles, Virtual
 ### _Cyberpunk, SciFi, Action, Adventure, Dystopic, Puzzles, Virtual Reality, Future, Fiction_
 
 
-I was hooked from the moment I started the book. Barely putting it down!
-
->"Going outside is highly overrated"
-
-Ready Player One is set in a depraved world of the future, where people are desperate to 'escape' reality. Set in the future 2044, a boy named Wade Watts grows up learning everything he knows through a game called OASIS. OASIS is a Virtual Reality (VR) immersion platform free for anyone. OASIS is jammed packed with every literature, movie, game, and song, ever created. All you have to do is access it. While the world is crumbling around them in despair at least everyone has the OASIS to forget their troubles. Wade in reality and virtually has no money to his name. Both their mother and father died when he was younger and is in the custody of his aunt who treats him miserably. His aunt lives in the stacks which are futuristic trailer parks. (Trailers are stacked on top of one another held together by scaffolding and prayers.) Wade grows up forced to survive on his one for the most part, but thankfully there's OASIS. The creator of OASIS is known in the game as Anorak. When the creator died, he gave the world of OASIS a VR treasure hunt that will set you back in your seats for a page-turning warp-speed ride.
-One of the reviews called it a Willy Wonka Meets the Matrix. Possibly the most app description to describe the book. The book is brimming with 80's nostalgia! While I'm more of a 90's kid I grew up with a lot of the pop references mentioned in RPO. It covers all the basis Movies, Books, Music, TV Shows, Games along with some other pop references to the '80s.
-Just to give you an idea.
-
-##### Movies: 
-
-- Montey Python
-- Blade Runner
-- Ghost Busters
-- Back to the Future
-- Ferris Buller's Day Off
-- Weird Science
-- WarGames
-- Pretty in Pink
-- Breakfast Club
-
-##### Books: (All Amazing Authors!)
-- Vonnegut
-- Orson Scott Card
-- Stephen King
-- Terry Pratchett
-- J.R.R. Tolkien
-- Douglas Adams
-
-##### Music: 
-
-- SchoolHouse Rock
-- Pat Benatar
-- They Might Be Giants
-- Rush
-
-##### TV Shows: 
-- A-Team
-- Twilight Zone
-- Gundam
-- Spider-Man
-- Ultraman
-- Cowboy Bebop
-- Kikaida
-- Voltron
-- Max Headroom
-- Family Ties
-- Star Trek
-- Dr.Who
-- The Cosmos
-##### GAMES:
-- PacMan
-- Dig Dug
-- Joust
-- Black Tiger
-- Adventure
-- and many others
-
->"As Terrifying and painful as reality can be, it's also the only place where you can find true happiness."
+**Ready Player One: A Geek's Paradise**
+
+If you are a fan of pop culture, video games, sci-fi, or nostalgia, you will love Ready Player One. This book is a thrilling adventure set in a dystopian future where most people escape their grim reality by logging into a virtual world called OASIS. The protagonist, Wade Watts, is a teenager who spends his days searching for clues to a hidden treasure left by the creator of OASIS, James Halliday. Whoever finds the treasure will inherit Halliday's fortune and control of OASIS.
+
+The book is full of references to movies, music, TV shows, comics, and games from the 1980s and beyond. As a geek myself, I enjoyed spotting and recognizing these references, some of which were obscure and others more mainstream. The author, Ernest Cline, clearly knows his stuff and has a passion for the geek culture. He also creates a vivid and immersive world that makes you feel like you are part of the action.
+
+One of the things I liked most about the book was the character development. Wade starts off as a lonely and insecure nerd who only cares about winning the treasure hunt. Along the way, he meets other players who become his friends and allies. He also falls in love with a girl named Art3mis, who is also competing for the prize. Wade learns to trust others, to value friendship, and to fight for a cause bigger than himself.
+
+The book also has a lot of humor and heart. There are many funny moments and witty dialogues that made me laugh out loud. Some touching and emotional scenes made me care about the characters and their fate. The book is not just mindless entertainment; it also has a message about the importance of living in the real world and making it a better place.
+
+One of my favorite quotes from the book is:
+
+"Being human totally sucks most of the time. Videogames are the only thing that make life bearable."
+
+This quote sums up Wade's attitude at the beginning of the book. He feels like he has nothing to live for in the real world, so he escapes into OASIS. However, by the end of the book, he realizes that there are things worth fighting for in both worlds.
+
+Another quote that I liked is:
+
+"No one in the world gets what they want and that is beautiful."
+
+This quote is from Halliday's video message that announces the treasure hunt. It reflects his philosophy of life and his motivation for creating OASIS. He wanted to share his love for the geek culture with others and to inspire them to pursue their dreams.
+
+I would rate this book 9 out of 10 stars. It is one of the best books I have ever read and I highly recommend it to anyone who loves a good story. It is also being adapted into a movie by Steven Spielberg, which I am very excited to see.
+
+Ready Player One is a geek's paradise and a tribute to the power of imagination.