diff --git a/elixir-api/lib/routes/api/v1/project.ex b/elixir-api/lib/routes/api/v1/project.ex
index cfbccc2d0..a3afc1ffa 100644
--- a/elixir-api/lib/routes/api/v1/project.ex
+++ b/elixir-api/lib/routes/api/v1/project.ex
@@ -52,7 +52,6 @@ defmodule Router.Api.V1.Project do
           "date",
           "images",
           "links",
-          "language",
           "github",
           %{
             "tags[]" => [
diff --git a/elixir-api/lib/routes/api/v1/projects.ex b/elixir-api/lib/routes/api/v1/projects.ex
index c8d38ca52..52acf5bfc 100644
--- a/elixir-api/lib/routes/api/v1/projects.ex
+++ b/elixir-api/lib/routes/api/v1/projects.ex
@@ -78,7 +78,6 @@ defmodule Router.Api.V1.Projects do
           "views",
           "images",
           "links",
-          "language",
           "github",
           %{
             "tags[]" => [
diff --git a/sanity-cms/schemas/project.ts b/sanity-cms/schemas/project.ts
index 83253d774..07f39d0f8 100644
--- a/sanity-cms/schemas/project.ts
+++ b/sanity-cms/schemas/project.ts
@@ -27,12 +27,6 @@ export default {
       ],
       validation: (Rule: Rule) => Rule.max(4)
     },
-    {
-      name: 'language',
-      title: 'Language',
-      type: 'string',
-      description: 'Primary language used in project'
-    },
     {
       name: 'github',
       title: 'Github Link',
diff --git a/svelte-app/src/components/about/timeline-item.svelte b/svelte-app/src/components/about/timeline-item.svelte
index 6552299fb..5a37f7e17 100644
--- a/svelte-app/src/components/about/timeline-item.svelte
+++ b/svelte-app/src/components/about/timeline-item.svelte
@@ -40,7 +40,7 @@
     }
 
     p {
-      @apply font-mono text-base transition-colors;
+      @apply text-right font-mono text-base text-dark/80 transition-colors;
     }
   }
 
@@ -52,5 +52,11 @@
     h2 {
       @apply text-white;
     }
+
+    div {
+      p {
+        @apply text-light/80;
+      }
+    }
   }
 </style>
diff --git a/svelte-app/src/components/document/content/common/header.svelte b/svelte-app/src/components/document/content/common/header.svelte
index 2b2c21b76..1aaa7ef7d 100644
--- a/svelte-app/src/components/document/content/common/header.svelte
+++ b/svelte-app/src/components/document/content/common/header.svelte
@@ -1,16 +1,13 @@
 <script lang="ts">
-  import { derived } from 'svelte/store';
-
   import { formatDate, getReadingTime } from '$helpers/date';
   import { getTotalWords } from '$helpers/pt';
   import { currentLang, linkTo, t } from '$i18n';
   import { isMobile } from '$lib/helpers/responsive';
+  import { parseViews } from '$lib/views';
 
   import BulletPoint from '$components/bullet-point.svelte';
   import ArrowButton from '$components/controls/arrow-button.svelte';
   import Divider from '$components/divider.svelte';
-  import PostHeader from '$components/document/content/post/header.svelte';
-  import ProjectHeader from '$components/document/content/project/header.svelte';
   import Icon from '$components/icon.svelte';
   import Link from '$components/link.svelte';
   import ImageCarousel from '$components/portable-text/image-carousel.svelte';
@@ -21,96 +18,74 @@
     images: ProjectImage[] | undefined,
     model = data._type;
 
-  const readingTime = getReadingTime(getTotalWords((data?.body ?? []) as PTBlock[])),
-    parsedViews = derived(currentLang, (currentLang) => {
-      if (!data.views || data.views < 1) {
-        return 0;
-      }
-
-      try {
-        const parser = new Intl.NumberFormat(currentLang, {
-          notation: 'compact',
-          compactDisplay: 'short'
-        });
-
-        return parser.format(data.views);
-      } catch {
-        return data.views;
-      }
-    });
+  const readingTime = getReadingTime(getTotalWords((data?.body ?? []) as PTBlock[]));
 
   $: date = formatDate(data.date, 'full', $currentLang);
 </script>
 
 <div data-test-id="{model}-header">
-  <div class="flex flex-col">
-    <svelte:component this={model === 'post' ? PostHeader : ProjectHeader}>
-      <svelte:fragment slot="title">
-        <h1>{data.title}</h1>
-      </svelte:fragment>
-      <svelte:fragment slot="meta">
-        <div class="flex flex-row flex-wrap items-center justify-between gap-4">
-          <div
-            class="flex flex-row flex-wrap items-center justify-start gap-y-2 transition-[color]"
-          >
-            <p class="cursor-default font-mono text-base">
-              {date ? date : $t('Unknown date')}
-            </p>
-            {#if data._type === 'post'}
-              <BulletPoint />
-              <p class="cursor-default font-mono text-base">
-                {$t('{length} min read', { length: Math.floor(readingTime / 60) })}
-              </p>
-              {#if data.views}
-                <BulletPoint />
-                <p class="cursor-default font-mono text-base">
-                  {$t('{views} views', { views: $parsedViews })}
-                </p>
-              {/if}
-            {:else if data.github}
-              <BulletPoint />
-              <span class="font-mono text-base">
-                <Link href={data.github}>
-                  {'github/' + data.github.split('github.com/')?.[1]}
-                </Link>
-              </span>
-            {/if}
-          </div>
-          <ArrowButton
-            class="focusOutline-sm -mb-1 hidden flex-1 whitespace-nowrap rounded-sm text-right sm:block"
-            href={model === 'post' ? $linkTo('/blog') : $linkTo('/work')}
-            preload
-          >
-            <span class="flex items-center justify-end gap-2 text-base">
-              {#key $isMobile}
-                <Icon icon={$isMobile ? 'ArrowUp' : 'ArrowLeft'} class="mb-0.5" inline />
-              {/key}
-              <p>{$t('Read more')}</p>
+  <h1>{data.title}</h1>
+
+  <div class="flex flex-row flex-wrap items-center justify-between gap-4">
+    <div
+      class="flex flex-row flex-wrap items-center justify-start gap-y-2 transition-[color]"
+    >
+      <p class="cursor-default font-mono text-base">
+        {date ? date : $t('Unknown date')}
+      </p>
+      <BulletPoint />
+      <p class="cursor-default font-mono text-base">
+        {$t('{length} min read', { length: Math.floor(readingTime / 60) })}
+      </p>
+      <BulletPoint />
+      <p class="cursor-default font-mono text-base">
+        {$t('{views} views', { views: $parseViews(data.views) })}
+      </p>
+    </div>
+    <ArrowButton
+      class="focusOutline-sm -mb-1 hidden flex-1 whitespace-nowrap rounded-sm text-right sm:block"
+      href={model === 'post' ? $linkTo('/blog') : $linkTo('/work')}
+      preload
+    >
+      <span class="flex items-center justify-end gap-2 text-base">
+        {#key $isMobile}
+          <Icon icon={$isMobile ? 'ArrowUp' : 'ArrowLeft'} class="mb-0.5" inline />
+        {/key}
+        <p>{$t('Read more')}</p>
+      </span>
+    </ArrowButton>
+  </div>
+  {#if data._type === 'project' && (data.tags?.length || data.github)}
+    <Divider />
+    <div class="flex flex-row flex-wrap items-center justify-start gap-0.5 text-base">
+      {#if data._type === 'project' && data.tags?.length}
+        <div class="flex flex-row flex-wrap items-center justify-start gap-2">
+          {#each data.tags as tag}
+            <span
+              class="cursor-default rounded-sm bg-dark/10 px-1.5 py-0.5 font-code text-base transition-colors dark:bg-light/10"
+            >
+              {tag.title.toLowerCase()}
             </span>
-          </ArrowButton>
+          {/each}
         </div>
-      </svelte:fragment>
-      {#if data._type === 'project' && images?.length}
-        <Divider />
-        <ImageCarousel {images} />
       {/if}
-      {#if data._type === 'project' && data.tags?.length}
-        <Divider />
-        <div class="flex flex-row items-center justify-start gap-4">
-          <Icon icon="Label" class="ml-1" />
-          <div class="flex flex-row flex-wrap items-center justify-start gap-2">
-            {#each data.tags as tag}
-              <span
-                class="cursor-default rounded-sm border border-dark/60 px-1.5 py-0.5 font-mono text-sm transition-colors dark:border-light/60"
-              >
-                {tag.title}
-              </span>
-            {/each}
-          </div>
-        </div>
+      {#if data.tags?.length && data._type === 'project' && data.github}
+        <BulletPoint />
       {/if}
-    </svelte:component>
-  </div>
+      {#if data._type === 'project' && data.github}
+        <span class="font-mono">
+          <Link href={data.github}>
+            {'github/' + data.github.split('github.com/')?.[1]}
+          </Link>
+        </span>
+      {/if}
+    </div>
+  {/if}
+
+  {#if data._type === 'project' && images?.length}
+    <Divider />
+    <ImageCarousel {images} />
+  {/if}
 </div>
 
 <style lang="scss">
diff --git a/svelte-app/src/components/footer.svelte b/svelte-app/src/components/footer.svelte
index 9faf9f7ae..3177cbe7b 100644
--- a/svelte-app/src/components/footer.svelte
+++ b/svelte-app/src/components/footer.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
+  import { t } from '$i18n';
   import { APP_VERSION } from '$lib/env';
 
   import Divider from '$components/divider.svelte';
-
-  import Icon from './icon.svelte';
+  import Icon from '$components/icon.svelte';
 
   import type { SiteConfig } from '$types';
 
@@ -38,6 +38,7 @@
           target="_blank"
           rel="noopener noreferrer"
           href="https://github.com/kiosion/kio.dev/commit/{APP_VERSION}"
+          aria-label={$t('View latest commit on GitHub')}
         >
           <Icon icon="GitCommit" inline />
           {APP_VERSION.slice(0, 6)}
@@ -63,12 +64,14 @@
   }
 
   a {
-    @apply text-dark/80;
+    @apply rounded-sm text-dark/80;
 
     &:hover,
     &:focus-visible {
       @apply text-accent-light;
     }
+
+    @include focus-state(sm);
   }
 
   .version {
@@ -89,6 +92,8 @@
       &:focus-visible {
         @apply text-accent-dark;
       }
+
+      @include focus-state(sm, dark);
     }
   }
 </style>
diff --git a/svelte-app/src/components/lists/list-item.svelte b/svelte-app/src/components/lists/list-item.svelte
index e9ecdd316..4bd520b80 100644
--- a/svelte-app/src/components/lists/list-item.svelte
+++ b/svelte-app/src/components/lists/list-item.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import { currentLang, linkTo, t } from '$i18n';
   import { formatDate } from '$lib/helpers/date';
+  import { parseViews } from '$lib/views';
 
   import BulletPoint from '$components/bullet-point.svelte';
   import Hoverable from '$components/hoverable.svelte';
@@ -8,8 +9,6 @@
   import type { PostDocument, ProjectDocument } from '$types';
 
   export let document: PostDocument | ProjectDocument,
-    type = document._type,
-    external = document._type === 'project' ? document.external : false,
     small = false;
 
   let hovered = false;
@@ -17,60 +16,48 @@
   const link =
     document._type === 'post'
       ? `/blog/${document.slug.current}`
-      : external
-      ? document.externalUrl ?? `/work/${document.slug.current}`
       : `/work/${document.slug.current}`;
 </script>
 
 <Hoverable bind:hovered>
-  {#if small}
-    <a
-      href={$linkTo(link)}
-      target={external ? '_blank' : undefined}
-      class="focusOutline flex w-full flex-row items-start justify-start gap-2 rounded-sm"
-      tabindex="0"
-      data-sveltekit-preload-code
-      data-sveltekit-preload-data
+  <a
+    href={$linkTo(link)}
+    class="focusOutline w-full rounded-md"
+    tabindex="0"
+    data-sveltekit-preload-code
+    data-sveltekit-preload-data
+  >
+    <div
+      class="mt-0.5 flex flex-row items-center justify-start font-mono text-sm text-dark/80 transition-colors dark:text-light/80 {small
+        ? 'mb-1.5'
+        : 'mb-2'}"
+      class:gap-3={document.tags?.length}
+      class:gap-0.5={!document.tags?.length}
     >
-      <p
-        class="mt-0.5 block w-[72px] flex-shrink-0 font-mono text-sm transition-colors"
-        aria-label={$t('Date posted')}
-      >
-        {formatDate(document.date || document._createdAt, 'med', $currentLang)}
+      <p aria-label={$t('Date posted')}>
+        {formatDate(document.date || document._createdAt, 'dayMonth', $currentLang)}
       </p>
-      <p
-        class="block text-base text-black decoration-accent-light decoration-2 underline-offset-2 transition-colors dark:text-white dark:decoration-accent-dark"
-        class:underline={hovered}
-      >
-        {document.title}
-      </p>
-    </a>
-  {:else}
-    <a
-      href={$linkTo(link)}
-      target={external ? '_blank' : undefined}
-      class="focusOutline flex w-full flex-col items-start justify-start gap-2 rounded-md"
-      tabindex="0"
-      data-sveltekit-preload-code
-      data-sveltekit-preload-data
+      {#if document.tags?.length}
+        <span
+          class="rounded-sm bg-dark/10 px-1.5 py-0.5 font-code text-sm transition-colors dark:bg-light/10"
+          >{document.tags[0].title.toLowerCase()}</span
+        >
+      {:else}
+        <BulletPoint />
+      {/if}
+      <p>{$t('{views} views', { views: $parseViews(document.views) })}</p>
+    </div>
+
+    <h1
+      class="min-w-fit font-display font-medium decoration-accent-light decoration-[3px] underline-offset-4 transition-colors dark:decoration-accent-dark {small
+        ? 'text-lg decoration-2 underline-offset-2'
+        : 'text-xl decoration-[3px] underline-offset-4'}"
+      class:underline={hovered}
     >
-      <div class="flex flex-row gap-4">
-        <p class="mt-0.5 block w-14 flex-shrink-0 font-code text-base transition-colors">
-          {formatDate(document.date || document._createdAt, 'dayMonth', $currentLang)}
-        </p>
-        <div class="flex flex-row items-center justify-start gap-2 transition-colors">
-          <h1
-            class="min-w-fit font-display text-lg font-medium decoration-accent-light decoration-[3px] underline-offset-4 dark:decoration-accent-dark"
-            class:underline={hovered}
-          >
-            {document.title}
-          </h1>
-          {#if type === 'project' && document.desc}
-            <BulletPoint class="flex-shrink-0" />
-            <p class="line-clamp-1 text-base">{document.desc}</p>
-          {/if}
-        </div>
-      </div>
-    </a>
-  {/if}
+      {document.title}
+    </h1>
+    {#if document.desc?.length && !small}
+      <p class="mt-2 line-clamp-1 text-base">{document.desc}</p>
+    {/if}
+  </a>
 </Hoverable>
diff --git a/svelte-app/src/components/portable-text/image-carousel.svelte b/svelte-app/src/components/portable-text/image-carousel.svelte
index 501278a84..2a1281958 100644
--- a/svelte-app/src/components/portable-text/image-carousel.svelte
+++ b/svelte-app/src/components/portable-text/image-carousel.svelte
@@ -192,10 +192,12 @@
   </dialog>
 {/if}
 
-<div class="buttons">
-  <ScrollButton dir="left" onClick={scrollLeft} disabled={imageElements.length === 1} />
-  <ScrollButton dir="right" onClick={scrollRight} disabled={imageElements.length === 1} />
-</div>
+{#if imageElements.length > 1}
+  <div class="buttons">
+    <ScrollButton dir="left" onClick={scrollLeft} />
+    <ScrollButton dir="right" onClick={scrollRight} />
+  </div>
+{/if}
 
 <style lang="scss">
   .carousel {
diff --git a/svelte-app/src/languages/en.json b/svelte-app/src/languages/en.json
index 829a94015..b3f8097d8 100644
--- a/svelte-app/src/languages/en.json
+++ b/svelte-app/src/languages/en.json
@@ -12,7 +12,7 @@
   "Cancel": "Cancel",
   "Cast": "Cast",
   "Change language": "Change language",
-  "Click me a few times!": "Click me a few times!",
+  "Click here to": "Click here to",
   "Code block": "Code block",
   "Continue": "Continue",
   "Copy code block": "Copy code block",
@@ -75,6 +75,7 @@
   "Recent posts": "Recent posts",
   "Recent posts tagged with": "Recent posts tagged with",
   "Recent projects": "Recent projects",
+  "Recent thoughts": "Recent thoughts",
   "Redirecting": "Redirecting",
   "Reload": "Reload",
   "Save image": "Save image",
@@ -109,6 +110,7 @@
   "a bit about me": "a bit about me",
   "and": "and",
   "blog & portfolio": "blog & portfolio",
+  "go back": "go back",
   "index": "index",
   "my blog": "my blog",
   "my work": "my work",
diff --git a/svelte-app/src/languages/fr.json b/svelte-app/src/languages/fr.json
index e044b57ef..dd9ff6da9 100644
--- a/svelte-app/src/languages/fr.json
+++ b/svelte-app/src/languages/fr.json
@@ -12,7 +12,7 @@
   "Cancel": "Annuler",
   "Cast": "Cast",
   "Change language": "Changer de langue",
-  "Click me a few times!": "Cliquez-moi quelques fois!",
+  "Click here to": "Cliquez ici pour",
   "Code block": "Bloc de code",
   "Continue": "Continuer",
   "Copy code block": "Copier le bloc de code",
@@ -75,6 +75,7 @@
   "Recent posts": "Articles récents",
   "Recent posts tagged with": "Articles récents avec le tag",
   "Recent projects": "Projets récents",
+  "Recent thoughts": "Pensées récentes",
   "Redirecting": "Redirection",
   "Reload": "Rafraîchir la page",
   "Save image": "Enregistrer l'image",
@@ -109,6 +110,7 @@
   "a bit about me": "un peu à propos de moi",
   "and": "et",
   "blog & portfolio": "blog & portefeuille",
+  "go back": "retourner",
   "index": "page d'accueil",
   "my blog": "mon blog",
   "my work": "mon travail",
diff --git a/svelte-app/src/lib/consts.ts b/svelte-app/src/lib/consts.ts
index 17d7c1d31..89b3efa0b 100644
--- a/svelte-app/src/lib/consts.ts
+++ b/svelte-app/src/lib/consts.ts
@@ -85,71 +85,3 @@ export const DEFAULT_MOBILE_WIDTH = DEFAULT_TABLET_WIDTH - 1;
 export const DEFAULT_DESKTOP_BREAKPOINT = `(min-width: ${DEFAULT_DESKTOP_WIDTH}px)`;
 export const DEFAULT_TABLET_BREAKPOINT = `(min-width: ${DEFAULT_TABLET_WIDTH}px)`;
 export const DEFAULT_MOBILE_BREAKPOINT = `(max-width: ${DEFAULT_MOBILE_WIDTH}px)`;
-
-export const LANGUAGE_COLOURS = new Proxy(
-  new Map([
-    ['asp', '#6a40fd'],
-    ['basic', '#ff0000'],
-    ['c', '#555555'],
-    ['c#', '#178600'],
-    ['c++', '#f34b7d'],
-    ['css', '#563d7c'],
-    ['clojure', '#db5855'],
-    ['diff', '#88dddd'],
-    ['dockerfile', '#384d54'],
-    ['ejs', '#a91e50'],
-    ['elixir', '#6e4a7e'],
-    ['fish', '#4aae47'],
-    ['fortran', '#4d41b1'],
-    ['gleam', '#ffaff3'],
-    ['go', '#375eab'],
-    ['handlebars', '#01a9d6'],
-    ['haskell', '#29b544'],
-    ['html', '#e44b23'],
-    ['java', '#b07219'],
-    ['javascript', '#f1e05a'],
-    ['json', '#292929'],
-    ['jupyter notebook', '#DA5B0B'],
-    ['kotlin', '#F18E33'],
-    ['lua', '#000080'],
-    ['makefile', '#427819'],
-    ['markdown', '#083fa1'],
-    ['matlab', '#bb92ac'],
-    ['metal', '#8f14e9'],
-    ['nginx', '#009639'],
-    ['pascal', '#b0ce4e'],
-    ['perl', '#0298c3'],
-    ['prisma', '#0c344b'],
-    ['postcss', '#dc3a0c'],
-    ['php', '#4F5D95'],
-    ['python', '#3572A5'],
-    ['ruby', '#701516'],
-    ['rust', '#dea584'],
-    ['sass', '#a53b70'],
-    ['scala', '#DC322F'],
-    ['scss', '#c6538c'],
-    ['shell', '#89e051'],
-    ['svelte', '#ff3e00'],
-    ['svg', '#ff9900'],
-    ['swift', '#ffac45'],
-    ['tsx', '#3178c6'],
-    ['typescript', '#2b7489'],
-    ['vim', '#199f4b'],
-    ['vue', '#2c3e50'],
-    ['webassembly', '#04133b'],
-    ['xml', '#0060ac']
-  ]),
-  {
-    get: (target, prop) => {
-      switch (prop) {
-        case 'get':
-          return (lang: string) => {
-            lang = lang.toLowerCase();
-            return target.has(lang) ? target.get(lang) : '#083fa1';
-          };
-        default:
-          return undefined;
-      }
-    }
-  }
-);
diff --git a/svelte-app/src/lib/views.ts b/svelte-app/src/lib/views.ts
new file mode 100644
index 000000000..57555d055
--- /dev/null
+++ b/svelte-app/src/lib/views.ts
@@ -0,0 +1,21 @@
+import { derived } from 'svelte/store';
+
+import { currentLang } from '$i18n';
+
+const _parseViews = (views: number | undefined, lang: string) => {
+  if (!views || views < 1) {
+    return 0;
+  }
+
+  const parser = new Intl.NumberFormat(lang, {
+    notation: 'compact',
+    compactDisplay: 'short'
+  });
+
+  return parser.format(views);
+};
+
+export const parseViews = derived(
+  currentLang,
+  (currentLang) => (views: number | undefined) => _parseViews(views, currentLang)
+);
diff --git a/svelte-app/src/routes/+error.svelte b/svelte-app/src/routes/+error.svelte
index 9a4b4c4dd..4587226e0 100644
--- a/svelte-app/src/routes/+error.svelte
+++ b/svelte-app/src/routes/+error.svelte
@@ -51,16 +51,15 @@
   {$t($page.error?.message && $page.status !== 404 ? $page.error.message : message)}
 </p>
 <p class="my-4 text-base">
-  {$t('Click here to')}
   <Link
-    aria-label={$t('Go back')}
     on:click={() => {
       window.history.back();
     }}
     on:keydown={() => {
       window.history.back();
-    }}>{$t('go back')}</Link
-  >.
+    }}>{$t('Click here to')}</Link
+  >
+  {$t('go back')}.
 </p>
 {#if stack}
   <Divider />
diff --git a/svelte-app/src/routes/[[lang=lang]]/+page.svelte b/svelte-app/src/routes/[[lang=lang]]/+page.svelte
index 1c9aef750..dbefd09d1 100644
--- a/svelte-app/src/routes/[[lang=lang]]/+page.svelte
+++ b/svelte-app/src/routes/[[lang=lang]]/+page.svelte
@@ -33,70 +33,32 @@
 
 <Divider />
 
-<HeadedBlock heading={$t('Recent posts')}>
+<HeadedBlock heading={$t('Recent thoughts')}>
   {#if data.posts.length}
-    <div class="item-list" role="group" aria-label={$t('Posts')}>
+    <div role="group" aria-label={$t('Posts')}>
       {#each data.posts as post}
         <ListItem document={post} small />
       {/each}
-      <div class="list-end">
-        <span />
-        <ArrowButton class="w-full" href={$linkTo('/blog')} preload>
-          <span class="flex items-center justify-start gap-2">
-            <p>{$t('See more')}</p>
-            <Icon icon="ArrowRight" width={18} inline />
-          </span>
-        </ArrowButton>
-      </div>
     </div>
+    <ArrowButton class="w-full" href={$linkTo('/blog')} preload>
+      <span class="flex items-center justify-start gap-2">
+        <p>{$t('See more')}</p>
+        <Icon icon="ArrowRight" width={18} inline />
+      </span>
+    </ArrowButton>
   {:else}
-    <div class="item-list">
-      <p>
-        {$t('No content')}
-      </p>
-    </div>
-  {/if}
-</HeadedBlock>
-
-<HeadedBlock heading={$t('Recent projects')}>
-  {#if data.projects.length}
-    <div class="item-list" role="group" aria-label={$t('Projects')}>
-      {#each data.projects as project}
-        <ListItem document={project} small />
-      {/each}
-      <div class="list-end">
-        <span />
-        <ArrowButton class="w-full" href={$linkTo('/work')} preload>
-          <span class="flex items-center justify-start gap-2">
-            <p>{$t('See more')}</p>
-            <Icon icon="ArrowRight" width={18} inline />
-          </span>
-        </ArrowButton>
-      </div>
-    </div>
-  {:else}
-    <div class="item-list">
-      <p>
-        {$t('No content')}
-      </p>
+    <div>
+      <p>{$t('No content')}</p>
     </div>
   {/if}
 </HeadedBlock>
 
 <style lang="scss">
-  .item-list {
-    @apply flex flex-col gap-y-5 pt-4;
+  div {
+    @apply mb-6 mt-5 flex flex-col gap-y-5;
 
     > p {
       @apply p-4 font-code;
     }
   }
-
-  .list-end {
-    @apply flex w-full flex-row items-start justify-start gap-2;
-
-    > span {
-      @apply block w-[72px] flex-shrink-0;
-    }
-  }
 </style>
diff --git a/svelte-app/src/routes/[[lang=lang]]/blog/+page.svelte b/svelte-app/src/routes/[[lang=lang]]/blog/+page.svelte
index abd732a4a..c0707c2c7 100644
--- a/svelte-app/src/routes/[[lang=lang]]/blog/+page.svelte
+++ b/svelte-app/src/routes/[[lang=lang]]/blog/+page.svelte
@@ -27,17 +27,17 @@
   <meta property="twitter:description" content={description} />
 </svelte:head>
 
-<HeadedBlock heading={$t('Recent posts')}>
+<HeadedBlock heading={$t('Recent thoughts')}>
   {#if data.posts.length}
     <div class="mt-8 flex flex-col gap-10">
       {#each sortedPosts as yearObj}
-        <div class="flex flex-col items-start justify-start gap-y-2 md:flex-row">
-          <h1 class="min-w-[6rem] font-code text-4xl font-black transition-[color]">
+        <div class="flex flex-col items-start justify-start gap-3 md:flex-row">
+          <h1 class="min-w-[5rem] font-code text-3xl font-black transition-[color]">
             {yearObj.year}
           </h1>
           {#if yearObj.items.length}
             <div
-              class="ml-1 mt-2 flex w-full flex-col items-start justify-start gap-4 md:ml-0"
+              class="ml-1 mt-1 flex w-full flex-col items-start justify-start gap-6 md:ml-0"
             >
               {#each yearObj.items as item}
                 <ListItem document={item} />
diff --git a/svelte-app/src/routes/[[lang=lang]]/work/+page.svelte b/svelte-app/src/routes/[[lang=lang]]/work/+page.svelte
index 3e6f46fed..50d02d3c4 100644
--- a/svelte-app/src/routes/[[lang=lang]]/work/+page.svelte
+++ b/svelte-app/src/routes/[[lang=lang]]/work/+page.svelte
@@ -48,12 +48,12 @@
   {#if projects.length}
     <div class="mt-8 flex flex-col gap-10">
       {#each sortedProjects as yearObj}
-        <div class="flex flex-col items-start justify-start gap-y-2 md:flex-row">
-          <h1 class="min-w-[6rem] font-code text-4xl font-black transition-[color]">
+        <div class="flex flex-col items-start justify-start gap-3 md:flex-row">
+          <h1 class="min-w-[5rem] font-code text-3xl font-black transition-[color]">
             {yearObj.year}
           </h1>
           {#if yearObj.items.length}
-            <div class="ml-1 mt-2 flex flex-col items-start justify-start gap-4 md:ml-0">
+            <div class="ml-1 mt-1 flex flex-col items-start justify-start gap-6 md:ml-0">
               {#each yearObj.items as item}
                 <ListItem document={item} />
               {/each}
diff --git a/svelte-app/types/app/documents/project.d.ts b/svelte-app/types/app/documents/project.d.ts
index d8e900349..e8d335953 100644
--- a/svelte-app/types/app/documents/project.d.ts
+++ b/svelte-app/types/app/documents/project.d.ts
@@ -15,7 +15,6 @@ export interface ProjectDocument extends Document {
   images?: SanityImageObject[];
   tags?: DocumentTags[];
   title: string;
-  language?: string;
   github?: string;
   links?: {
     _key: string;