diff --git a/src/lib/card-collections/LatestPosts.svelte b/src/lib/card-collections/LatestPosts.svelte index 63b8354..7d9a98f 100644 --- a/src/lib/card-collections/LatestPosts.svelte +++ b/src/lib/card-collections/LatestPosts.svelte @@ -17,7 +17,7 @@

Awaiting posts

 {:then posts} {#each posts as post} -
+ {/each} {:catch}

Unable to fetch posts

 diff --git a/src/lib/card-collections/Projects.svelte b/src/lib/card-collections/Projects.svelte index 672d950..62101fe 100644 --- a/src/lib/card-collections/Projects.svelte +++ b/src/lib/card-collections/Projects.svelte @@ -4,32 +4,29 @@ import ProjectCard from './cards/ProjectCard.svelte'; async function getProjects() { - const res = await fetch('/projects/all') - const json = await res.json() - console.log(json) - return json - } + const res = await fetch('/projects/all'); + const json = await res.json(); + console.log(json); + return json; + } {#await getProjects()} - -

- Fetching Projects... -

- + +

Fetching Projects...

+ {:then projects} -{#each projects as project} - - -{/each} + {#each projects as project} + + {/each} {:catch} - -

Unable to fetch projects

- + +

Unable to fetch projects

+ {/await} \ No newline at end of file + .message { + color: var(--light-text-color); + } + diff --git a/src/lib/card-collections/cards/EmptyCard.svelte b/src/lib/card-collections/cards/EmptyCard.svelte index 5159d71..2361f40 100644 --- a/src/lib/card-collections/cards/EmptyCard.svelte +++ b/src/lib/card-collections/cards/EmptyCard.svelte @@ -4,16 +4,13 @@ diff --git a/src/lib/card-collections/cards/PostCard.svelte b/src/lib/card-collections/cards/PostCard.svelte index 7e514f0..a800d4b 100644 --- a/src/lib/card-collections/cards/PostCard.svelte +++ b/src/lib/card-collections/cards/PostCard.svelte @@ -9,12 +9,28 @@

{post.title}

-

{post.date}

+

{new Date(post.date).toLocaleDateString()}


{post.summary}


- {#each post.tags as tag} - - {/each} +
+ {#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 ec68ac6..fd86202 100644 --- a/src/lib/card-collections/cards/ProjectCard.svelte +++ b/src/lib/card-collections/cards/ProjectCard.svelte @@ -2,13 +2,20 @@ import Logos from '$lib/language-logos/Logos.svelte'; import EmptyCard from './EmptyCard.svelte'; - export let project + export let project; - +

{project.name}

{project.description}

- + + + diff --git a/src/lib/card-collections/cards/TagsCard.svelte b/src/lib/card-collections/cards/TagsCard.svelte index be7c01b..d16f88e 100644 --- a/src/lib/card-collections/cards/TagsCard.svelte +++ b/src/lib/card-collections/cards/TagsCard.svelte @@ -17,21 +17,31 @@ - {#await fetchTags()} -

Loading Tags...

- {:then tags} - {#each tags as tag} -
- -
- {/each} - {:catch} -

Unable to load tags

- {/await} +
+ {#await fetchTags()} +

Loading Tags...

+ {:then tags} + {#each tags as tag} +
+ +
+ {/each} + {:catch} +

Unable to load tags

+ {/await} +
diff --git a/src/lib/footer.svelte b/src/lib/footer.svelte index 13ec2b2..4576a33 100644 --- a/src/lib/footer.svelte +++ b/src/lib/footer.svelte @@ -1,20 +1,34 @@

© Fred Boniface 2022-{currentYear}

+

+ {#each footerLinks as link} + + {link.alt} + {/each} +

diff --git a/src/lib/header.svelte b/src/lib/header.svelte index 08843ed..26d4d94 100644 --- a/src/lib/header.svelte +++ b/src/lib/header.svelte @@ -13,7 +13,7 @@ diff --git a/src/lib/language-logos/Logos.svelte b/src/lib/language-logos/Logos.svelte index f76d686..4cc8bfe 100644 --- a/src/lib/language-logos/Logos.svelte +++ b/src/lib/language-logos/Logos.svelte @@ -8,14 +8,14 @@ {#each langs as lang} {#await languageNames.get(lang) then langName} - {langName} + {langName} logo {/await} {/each}
{#each plats as plat} - {plat} + {plat} logo {/each} diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 96f5be8..ab7d636 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -6,15 +6,21 @@ import DevBanner from '$lib/DevBanner.svelte'; -{#if dev} - -{/if} +
+ {#if dev} + + {/if} - - - - -
+ + +
+
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index ed91f34..c76ac20 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -89,9 +89,7 @@ margin: auto; margin-top: 10px; border-radius: 100px; - border-style: solid; - border-color: var(--accent-color); - border-width: 3px; + border: none; max-height: 150px; height: 30vw; } @@ -124,10 +122,6 @@ img { margin: 0; /* Remove any margin */ padding: 0; /* Remove any padding */ - border-radius: 100px; - border-style: solid; - border-color: var(--accent-color); - border-width: 3px; max-height: 150px; height: 100%; /* Fill the height of the #header-visual container */ } diff --git a/src/routes/posts/+page.svelte b/src/routes/posts/+page.svelte index 412c415..f045d6a 100644 --- a/src/routes/posts/+page.svelte +++ b/src/routes/posts/+page.svelte @@ -1 +1,11 @@ -

Posts

+ + +
+ + diff --git a/src/routes/posts/[slug]/+page.svelte b/src/routes/posts/[slug]/+page.svelte index a5c0190..2983e5c 100644 --- a/src/routes/posts/[slug]/+page.svelte +++ b/src/routes/posts/[slug]/+page.svelte @@ -27,7 +27,8 @@ }) .catch((error) => { console.error( - 'Error copying code to clipboard, this may be due to privacy settings in your browser' + 'Error copying code to clipboard, this may be due to privacy settings in your browser', + error ); }); }); @@ -56,6 +57,8 @@
+

Projects

+
diff --git a/src/routes/projects/+page.server.ts b/src/routes/projects/+page.server.ts deleted file mode 100644 index a78e373..0000000 --- a/src/routes/projects/+page.server.ts +++ /dev/null @@ -1,5 +0,0 @@ -import type { Project } from '$lib/projects/types'; - -export async function load({ params }) { - // Fetch all projects -} diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte index 446acca..d440da7 100644 --- a/src/routes/projects/+page.svelte +++ b/src/routes/projects/+page.svelte @@ -1,45 +1,22 @@
-
- -

OwlBoard

-
- - -

- Working full time on the 'iron road', left me wanting a faster way to get the information I - needed. OwlBoard evolved from Athena and grew to provide more information - that frontline rail colleagues need. -

- - -

map-dots

-
- - -

- I like to collect data, I am just not always sure what to do with that data. map-dots takes in - location history data and produces imagery. It can also run as a server and the map-dots-fetch - script can be used to fetch and save configurable images. -

- -
- +{#await getProjects()} +

Fetching projects

+{:then projects} + {#each projects as project} + + {/each} +{:catch} +

Error fetching projects

+{/await} diff --git a/src/routes/projects/all/+server.ts b/src/routes/projects/all/+server.ts index 4984b56..100e44c 100644 --- a/src/routes/projects/all/+server.ts +++ b/src/routes/projects/all/+server.ts @@ -7,6 +7,6 @@ import { mongoConnect } from '$lib/database/mongo.server'; export async function GET({ url }) { const db = await mongoConnect(); const col = db.db('fredboniface').collection('projects'); - const res = await col.find().toArray() - return json(res) -} \ No newline at end of file + const res = await col.find().toArray(); + return json(res); +}