From ae15e7978cab6a61e73f5a42e6f3129e309de36f Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Tue, 24 Jun 2025 18:07:51 +0100
Subject: [PATCH] fix: reorder universe card content and update truncation
 logic
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Move embeds to display before text content in UniversePostCard
- Show full content for non-essay posts (no truncation)
- Increase essay truncation limit from 150 to 300 characters
- Add styles to hide duplicate embeds in rendered content

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/lib/components/UniversePostCard.svelte | 59 +++++++++++++++++++---
 1 file changed, 51 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/UniversePostCard.svelte b/src/lib/components/UniversePostCard.svelte
index 85feeee..6025f6a 100644
--- a/src/lib/components/UniversePostCard.svelte
+++ b/src/lib/components/UniversePostCard.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import UniverseCard from './UniverseCard.svelte'
-	import { getContentExcerpt } from '$lib/utils/content'
+	import { getContentExcerpt, renderEdraContent } from '$lib/utils/content'
 	import { extractEmbeds } from '$lib/utils/extractEmbeds'
 	import type { UniverseItem } from '../../routes/api/universe/+server'
 
@@ -38,12 +38,6 @@
 		</h2>
 	{/if}
 
-	{#if post.content}
-		<div class="post-excerpt">
-			<p>{getContentExcerpt(post.content, 150)}</p>
-		</div>
-	{/if}
-
 	{#if firstEmbed}
 		<div class="embed-preview">
 			{#if firstEmbed.type === 'youtube' && firstEmbed.videoId}
@@ -84,7 +78,17 @@
 		</div>
 	{/if}
 
-	{#if post.postType === 'essay' && isContentTruncated}
+	{#if post.content}
+		<div class="post-excerpt">
+			{#if post.postType === 'essay'}
+				<p>{getContentExcerpt(post.content, 300)}</p>
+			{:else}
+				{@html renderEdraContent(post.content)}
+			{/if}
+		</div>
+	{/if}
+
+	{#if post.postType === 'essay' && isContentTruncated()}
 		<p>
 			<a href="/universe/{post.slug}" class="read-more" tabindex="-1">Continue reading</a>
 		</p>
@@ -146,11 +150,50 @@
 			color: $grey-10;
 			font-size: 1rem;
 			line-height: 1.5;
+		}
+
+		// Only apply truncation for essay excerpts
+		p:only-child {
 			display: -webkit-box;
 			-webkit-box-orient: vertical;
 			-webkit-line-clamp: 2;
 			overflow: hidden;
 		}
+
+		// Styles for full content (non-essays)
+		:global(p) {
+			margin: 0 0 $unit-2x;
+			color: $grey-10;
+			font-size: 1rem;
+			line-height: 1.5;
+
+			&:last-child {
+				margin-bottom: 0;
+			}
+		}
+
+		:global(a) {
+			color: $red-60;
+			text-decoration: none;
+			transition: all 0.2s ease;
+
+			&:hover {
+				text-decoration: underline;
+			}
+		}
+
+		:global(strong) {
+			font-weight: 600;
+		}
+
+		:global(em) {
+			font-style: italic;
+		}
+
+		// Hide embeds in the rendered content since we show them separately
+		:global(.url-embed-rendered) {
+			display: none;
+		}
 	}
 
 	.attachments {