diff --git a/src/lib/card-collections/LatestPosts.svelte b/src/lib/card-collections/LatestPosts.svelte
new file mode 100644
index 0000000..63b8354
--- /dev/null
+++ b/src/lib/card-collections/LatestPosts.svelte
@@ -0,0 +1,30 @@
+
+
+{#await getPosts(length)}
+ Awaiting posts
+{:then posts}
+ {#each posts as post}
+
+ {/each}
+{:catch}
+ Unable to fetch posts
+{/await}
+
+
diff --git a/src/lib/card-collections/Projects.svelte b/src/lib/card-collections/Projects.svelte
new file mode 100644
index 0000000..672d950
--- /dev/null
+++ b/src/lib/card-collections/Projects.svelte
@@ -0,0 +1,35 @@
+
+
+{#await getProjects()}
+
+
+ Fetching Projects...
+
+
+{:then projects}
+{#each projects as project}
+
+
+{/each}
+{:catch}
+
+ Unable to fetch projects
+
+{/await}
+
+
\ No newline at end of file
diff --git a/src/lib/card-collections/cards/PostCard.svelte b/src/lib/card-collections/cards/PostCard.svelte
index cfa4690..7e514f0 100644
--- a/src/lib/card-collections/cards/PostCard.svelte
+++ b/src/lib/card-collections/cards/PostCard.svelte
@@ -1,7 +1,20 @@
-
-
-
-
\ No newline at end of file
+
+
+
+ {post.title}
+ {post.date}
+
+ {post.summary}
+
+ {#each post.tags as tag}
+
+ {/each}
+
+
diff --git a/src/lib/card-collections/cards/ProjectCard.svelte b/src/lib/card-collections/cards/ProjectCard.svelte
index cfa4690..ec68ac6 100644
--- a/src/lib/card-collections/cards/ProjectCard.svelte
+++ b/src/lib/card-collections/cards/ProjectCard.svelte
@@ -1,7 +1,14 @@
-
+
+
-
-
\ No newline at end of file
+ {project.name}
+
+ {project.description}
+
+
diff --git a/src/lib/card-collections/cards/TagsCard.svelte b/src/lib/card-collections/cards/TagsCard.svelte
index fb02ef8..be7c01b 100644
--- a/src/lib/card-collections/cards/TagsCard.svelte
+++ b/src/lib/card-collections/cards/TagsCard.svelte
@@ -18,14 +18,20 @@
{#await fetchTags()}
- Loading Tags...
- {:then tags}
+ Loading Tags...
+ {:then tags}
{#each tags as tag}
{/each}
- {:catch}
- Unable to load tags
+ {:catch}
+ Unable to load tags
{/await}
+
+
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index af710db..ed91f34 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -2,10 +2,12 @@
import Latest from '$lib/posts/PostsSummary.svelte';
import Header from '$lib/header.svelte';
import Emphasis from '$lib/highlights/emphasis.svelte';
- import LatestPosts from '$lib/posts/PostsSummary.svelte';
+ import LatestPosts from '$lib/card-collections/LatestPosts.svelte';
import TagsCard from '$lib/card-collections/cards/TagsCard.svelte';
+ import Projects from '$lib/card-collections/Projects.svelte';
const title: string = "Hi, I'm Fred";
+ const columnLength = 7;
@@ -34,9 +36,11 @@