From 8c026c48f9f40badf4f5399c768b9e030fcf2fd7 Mon Sep 17 00:00:00 2001
From: Michal Vanko <mklakakilli@gmail.com>
Date: Thu, 2 Feb 2023 20:05:07 +0100
Subject: [PATCH 1/8] Change node version to always be latest LTS

---
 .nvmrc | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.nvmrc b/.nvmrc
index dac255d..b009dfb 100644
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-v16.15.1
+lts/*

From f156d4dacca2e4a9a9624f05670665c0120ca02d Mon Sep 17 00:00:00 2001
From: Michal Vanko <mklakakilli@gmail.com>
Date: Sun, 12 Feb 2023 14:56:49 +0100
Subject: [PATCH 2/8] What a refactor of articles

---
 src/components/portfolio/personal.svelte      | 29 ---------
 src/{ => lib}/components/Footer.css.ts        |  0
 src/{ => lib}/components/Footer.svelte        |  4 +-
 src/{ => lib}/components/Nav.css.ts           |  0
 src/{ => lib}/components/Nav.svelte           | 62 +++++++++++--------
 src/{ => lib}/components/SvgIcon.svelte       |  2 +-
 .../ArticlePreviewCard.svelte                 | 18 ++++++
 .../ArticlePreviewFooter.css.ts}              |  0
 .../ArticlePreviewFooter.svelte}              | 17 ++---
 .../ArticlePreviewList.css.ts}                |  0
 .../ArticlePreviewList.svelte                 | 41 ++++++++++++
 .../components/paginator/Paginator.css.ts     |  0
 .../components/paginator/Paginator.svelte     |  9 ++-
 .../paginator/paginatorUtils.test.ts          |  0
 .../components/paginator/paginatorUtils.ts    |  4 +-
 .../content/articleContentListing.ts}         |  8 +--
 src/lib/pagination/pagination.ts              |  6 +-
 src/routes/+layout.svelte                     |  6 +-
 src/routes/+layout.ts                         |  2 +-
 .../articles/[...params].json/+server.ts      |  2 +-
 src/routes/blog/[...params]/+page.svelte      | 43 ++-----------
 src/routes/blog/[...params]/+page.ts          |  6 +-
 .../blog/[slug=blogPage]/+page.server.ts      |  6 +-
 src/routes/blog/[slug=blogPage]/+page.svelte  |  4 +-
 .../broadcasts/[...params]/+page.svelte       | 30 +++++++++
 src/routes/broadcasts/[...params]/+page.ts    | 18 ++++++
 src/routes/portfolio/+page.svelte             |  6 +-
 .../portfolio/components/personal.svelte      | 39 ++++++++++++
 .../portfolio/components}/presentation.css.ts |  0
 .../portfolio/components}/presentation.svelte |  0
 .../portfolio/components}/project.css.ts      |  0
 .../portfolio/components}/project.svelte      |  0
 .../portfolio/components}/skills.svelte       |  0
 .../portfolio/components}/work.css.ts         |  0
 .../portfolio/components}/work.svelte         |  0
 35 files changed, 228 insertions(+), 134 deletions(-)
 delete mode 100644 src/components/portfolio/personal.svelte
 rename src/{ => lib}/components/Footer.css.ts (100%)
 rename src/{ => lib}/components/Footer.svelte (98%)
 rename src/{ => lib}/components/Nav.css.ts (100%)
 rename src/{ => lib}/components/Nav.svelte (67%)
 rename src/{ => lib}/components/SvgIcon.svelte (75%)
 create mode 100644 src/lib/components/articles/ArticlePreviewCard/ArticlePreviewCard.svelte
 rename src/{components/blog/ArticleFooter.css.ts => lib/components/articles/ArticlePreviewFooter/ArticlePreviewFooter.css.ts} (100%)
 rename src/{components/blog/ArticleFooter.svelte => lib/components/articles/ArticlePreviewFooter/ArticlePreviewFooter.svelte} (60%)
 rename src/{routes/blog/[...params]/page.css.ts => lib/components/articles/ArticlePreviewList/ArticlePreviewList.css.ts} (100%)
 create mode 100644 src/lib/components/articles/ArticlePreviewList/ArticlePreviewList.svelte
 rename src/{ => lib}/components/paginator/Paginator.css.ts (100%)
 rename src/{ => lib}/components/paginator/Paginator.svelte (77%)
 rename src/{ => lib}/components/paginator/paginatorUtils.test.ts (100%)
 rename src/{ => lib}/components/paginator/paginatorUtils.ts (90%)
 rename src/{routes/blog/content.ts => lib/content/articleContentListing.ts} (88%)
 rename src/routes/{blog => }/articles/[...params].json/+server.ts (91%)
 create mode 100644 src/routes/broadcasts/[...params]/+page.svelte
 create mode 100644 src/routes/broadcasts/[...params]/+page.ts
 create mode 100644 src/routes/portfolio/components/personal.svelte
 rename src/{components/portfolio => routes/portfolio/components}/presentation.css.ts (100%)
 rename src/{components/portfolio => routes/portfolio/components}/presentation.svelte (100%)
 rename src/{components/portfolio => routes/portfolio/components}/project.css.ts (100%)
 rename src/{components/portfolio => routes/portfolio/components}/project.svelte (100%)
 rename src/{components/portfolio => routes/portfolio/components}/skills.svelte (100%)
 rename src/{components/portfolio => routes/portfolio/components}/work.css.ts (100%)
 rename src/{components/portfolio => routes/portfolio/components}/work.svelte (100%)

diff --git a/src/components/portfolio/personal.svelte b/src/components/portfolio/personal.svelte
deleted file mode 100644
index bad4133..0000000
--- a/src/components/portfolio/personal.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-
-<section id="personal">
-  <h3>Personal Information</h3>
-	<p>I was born on 26th of May in Košice, Slovakia and I still live here.</p>
-  <h4>Hobbies:</h4>
-	<p>
-    I enjoy playing basketball with my friends. I also like to play other team sports like football and hockey.
-    I also play squash and table tennis. Once I've won a competition in squash at my university.
-    During summer I love water skiing and swimming in a nearby lake.
-    <br />
-    I am very passionate about music. I've also tried some software for composing music but I am not really hooked into that yet.
-    From time to time I enjoy playing board games with my friends.
-  </p>
-	<h4>Interests:</h4>
-	<p>
-		I like to explore new technologies and I'm passionate about <em>Open Source movement</em>,
-		<em>Internet of Things</em> applications and <em>Linux desktop evolution</em>.
-		<br />
-		I am interested in modern software architecture and <em>reactive programming</em>.
-		<br />
-		I've attended various <strong>tech conferences and hackathons</strong>. I like them for all of the fascinating ideas that might be invented.
-		<br />
-		I've given presentations on various topics related to <em>web development</em>. You can <a href='#presentations'>take a look at some of them here</a>.
-		<br />
-    I enjoy <strong>teaching and explaining</strong> how various technologies and techniques work to my colleagues for their better understanding.
-		<br />
-    I take advantage of <strong>test driven development</strong>.
-	</p>
-</section><!--/personal-->
diff --git a/src/components/Footer.css.ts b/src/lib/components/Footer.css.ts
similarity index 100%
rename from src/components/Footer.css.ts
rename to src/lib/components/Footer.css.ts
diff --git a/src/components/Footer.svelte b/src/lib/components/Footer.svelte
similarity index 98%
rename from src/components/Footer.svelte
rename to src/lib/components/Footer.svelte
index 9e2e34a..371c7ea 100644
--- a/src/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { format } from 'date-fns'
-  import type { PostContent } from 'src/routes/blog/content'
+  import type { ArticleContent } from '$lib/content/articleContentListing'
   import SvgIcon from './SvgIcon.svelte'
   import {
     boldClass,
@@ -22,7 +22,7 @@
     licenceText,
   } from './Footer.css'
 
-  export let latestPosts: PostContent[]
+  export let latestPosts: ArticleContent[]
 </script>
 
 <footer class="site-footer navigation-theme {siteFooterClass}">
diff --git a/src/components/Nav.css.ts b/src/lib/components/Nav.css.ts
similarity index 100%
rename from src/components/Nav.css.ts
rename to src/lib/components/Nav.css.ts
diff --git a/src/components/Nav.svelte b/src/lib/components/Nav.svelte
similarity index 67%
rename from src/components/Nav.svelte
rename to src/lib/components/Nav.svelte
index 883f0e7..1913e72 100644
--- a/src/components/Nav.svelte
+++ b/src/lib/components/Nav.svelte
@@ -12,40 +12,48 @@
     portfolioPageNavigationLinksClass,
     selectedClass,
   } from './Nav.css'
-  import { page } from "$app/stores"
+  import { page } from '$app/stores'
 
   $: segment = $page.url.pathname
+
+  let links = [
+    {
+      label: 'Introduction',
+      url: '/',
+    },
+    {
+      label: 'Blog',
+      url: '/blog',
+    },
+    {
+      label: 'Broadcasts',
+      url: '/broadcasts',
+    },
+    // {
+    //   label: "Dev's Cookery",
+    //   url: '/cookery',
+    // },
+    {
+      label: 'Portfolio',
+      url: '/portfolio',
+    },
+  ]
 </script>
 
 <nav class={navigationClass}>
   <section class={navigationContentClass}>
     <ul class={navigationLinksClass}>
-      <li>
-        <a class={classNames({ [selectedClass]: segment === '/' })} href="/">
-          Introduction
-        </a>
-      </li>
-      <!-- for the blog link, we're using rel=prefetch so that Sapper prefetches
-		     the blog data when we hover over the link or tap it on a touchscreen -->
-      <li>
-        <a
-          rel="prefetch"
-          class={classNames({ [selectedClass]: segment.startsWith('/blog') })}
-          href="/blog"
-        >
-          Blog
-        </a>
-      </li>
-      <li>
-        <a
-          class={classNames({
-            [selectedClass]: segment.startsWith('/portfolio'),
-          })}
-          href="/portfolio"
-        >
-          Portfolio
-        </a>
-      </li>
+      {#each links as link}
+        <li>
+          <a
+            rel="prefetch"
+            class={classNames({ [selectedClass]: segment === link.url })}
+            href={link.url}
+          >
+            {link.label}
+          </a>
+        </li>
+      {/each}
     </ul>
 
     <aside class="logo-section {logoSectionClass}">
diff --git a/src/components/SvgIcon.svelte b/src/lib/components/SvgIcon.svelte
similarity index 75%
rename from src/components/SvgIcon.svelte
rename to src/lib/components/SvgIcon.svelte
index 804cb48..a58f58e 100644
--- a/src/components/SvgIcon.svelte
+++ b/src/lib/components/SvgIcon.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import svgSprite from '../svg/build/icons-sprite.svg'
+  import svgSprite from '../../svg/build/icons-sprite.svg'
   export let className: string
   export let name: string
 </script>
diff --git a/src/lib/components/articles/ArticlePreviewCard/ArticlePreviewCard.svelte b/src/lib/components/articles/ArticlePreviewCard/ArticlePreviewCard.svelte
new file mode 100644
index 0000000..9d71c50
--- /dev/null
+++ b/src/lib/components/articles/ArticlePreviewCard/ArticlePreviewCard.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+  interface ArticleDetails {
+    title: string
+    slug: string
+    preview: string
+  }
+  export let segment: string
+  export let article: ArticleDetails
+</script>
+
+<article>
+  <header>
+    <h2>
+      <a rel="prefetch" href={`/${segment}/${article.slug}`}>{article.title}</a>
+    </h2>
+  </header>
+  {@html article.preview}
+</article>
diff --git a/src/components/blog/ArticleFooter.css.ts b/src/lib/components/articles/ArticlePreviewFooter/ArticlePreviewFooter.css.ts
similarity index 100%
rename from src/components/blog/ArticleFooter.css.ts
rename to src/lib/components/articles/ArticlePreviewFooter/ArticlePreviewFooter.css.ts
diff --git a/src/components/blog/ArticleFooter.svelte b/src/lib/components/articles/ArticlePreviewFooter/ArticlePreviewFooter.svelte
similarity index 60%
rename from src/components/blog/ArticleFooter.svelte
rename to src/lib/components/articles/ArticlePreviewFooter/ArticlePreviewFooter.svelte
index 29bac58..9072e7c 100644
--- a/src/components/blog/ArticleFooter.svelte
+++ b/src/lib/components/articles/ArticlePreviewFooter/ArticlePreviewFooter.svelte
@@ -2,26 +2,27 @@
   import { horizontalBorderTopClass } from '$lib/styles/scoops.css'
 
   import { format } from 'date-fns'
-  import type { PostContent } from '../../routes/blog/content'
+  import type { ArticleContent } from '$lib/content/articleContentListing'
   import {
     footerClass,
     publishedClass,
     publishedLabelClass,
     tagsListClass,
     tagsListLiClass,
-  } from './ArticleFooter.css'
+  } from './ArticlePreviewFooter.css'
 
-  export let post: PostContent
+  export let segment: string
+  export let article: ArticleContent
 </script>
 
 <footer class="{footerClass} {horizontalBorderTopClass}">
   <div class="article-tags">
-    {#if post.tags.length > 0}
+    {#if article.tags.length > 0}
       <span class="lighten">Tags:</span>
       <ul class={tagsListClass}>
-        {#each post.tags as tag}
+        {#each article.tags as tag}
           <li class={tagsListLiClass}>
-            <a href="/blog/tags/{tag}">{tag}</a>
+            <a href="/{segment}/tags/{tag}">{tag}</a>
           </li>
         {/each}
       </ul>
@@ -29,8 +30,8 @@
   </div>
   <div class="created-at">
     <span class={publishedLabelClass}>Published on</span>
-    <time datetime={post.date} class={publishedClass}>
-      {format(new Date(post.date), "do MMMM',' y")}
+    <time datetime={article.date} class={publishedClass}>
+      {format(new Date(article.date), "do MMMM',' y")}
     </time>
   </div>
 </footer>
diff --git a/src/routes/blog/[...params]/page.css.ts b/src/lib/components/articles/ArticlePreviewList/ArticlePreviewList.css.ts
similarity index 100%
rename from src/routes/blog/[...params]/page.css.ts
rename to src/lib/components/articles/ArticlePreviewList/ArticlePreviewList.css.ts
diff --git a/src/lib/components/articles/ArticlePreviewList/ArticlePreviewList.svelte b/src/lib/components/articles/ArticlePreviewList/ArticlePreviewList.svelte
new file mode 100644
index 0000000..0149a85
--- /dev/null
+++ b/src/lib/components/articles/ArticlePreviewList/ArticlePreviewList.svelte
@@ -0,0 +1,41 @@
+<script lang="ts">
+  import ArticleFooter from '$lib/components/articles/ArticlePreviewFooter/ArticlePreviewFooter.svelte'
+  import Paginator from '$lib/components/paginator/Paginator.svelte'
+  import { postListClass } from './ArticlePreviewList.css'
+  import ArticlePreviewCard from '$lib/components/articles/ArticlePreviewCard/ArticlePreviewCard.svelte'
+  import type { PaginationResult } from '$lib/pagination/pagination'
+  import type { ArticleContent } from '$lib/content/articleContentListing'
+
+  export let page: number
+  export let pageSize: number
+  export let filters: Record<string, string>
+  export let posts: PaginationResult<ArticleContent>
+  export let segment: string
+</script>
+
+<header>
+  <Paginator
+    {segment}
+    {page}
+    {pageSize}
+    {filters}
+    totalCount={posts.totalCount}
+  />
+</header>
+<ul class="post-list {postListClass}">
+  {#each posts.items as article (article.slug)}
+    <li>
+      <ArticlePreviewCard {article} {segment} />
+      <ArticleFooter {article} {segment} />
+    </li>
+  {/each}
+</ul>
+<footer>
+  <Paginator
+    {segment}
+    {page}
+    {pageSize}
+    {filters}
+    totalCount={posts.totalCount}
+  />
+</footer>
diff --git a/src/components/paginator/Paginator.css.ts b/src/lib/components/paginator/Paginator.css.ts
similarity index 100%
rename from src/components/paginator/Paginator.css.ts
rename to src/lib/components/paginator/Paginator.css.ts
diff --git a/src/components/paginator/Paginator.svelte b/src/lib/components/paginator/Paginator.svelte
similarity index 77%
rename from src/components/paginator/Paginator.svelte
rename to src/lib/components/paginator/Paginator.svelte
index fd59ff5..e464056 100644
--- a/src/components/paginator/Paginator.svelte
+++ b/src/lib/components/paginator/Paginator.svelte
@@ -10,12 +10,11 @@
 
   export const Divider = 'divider'
 
-  export let href: string
+  export let segment: string
   export let page: number
   export let pageSize: number
   export let totalCount: number
   export let filters: Record<string, string>
-  let paginatorPages: (number | typeof Divider)[]
 
   $: paginatorPages = getPaginatorPages({ page, pageSize, totalCount })
 </script>
@@ -23,7 +22,7 @@
 <ul class={listClass}>
   {#if page !== 1}
     <li class="{listItemClass} ">
-      <a class={pageLinkClass} href={createHref(href, filters, page - 1)}
+      <a class={pageLinkClass} href={createHref(segment, filters, page - 1)}
         >&lt;</a
       >
     </li>
@@ -35,7 +34,7 @@
       <li class="{listItemClass} {activePage}">{pageNumber}</li>
     {:else}
       <li class="{listItemClass} ">
-        <a class={pageLinkClass} href={createHref(href, filters, pageNumber)}
+        <a class={pageLinkClass} href={createHref(segment, filters, pageNumber)}
           >{pageNumber}</a
         >
       </li>
@@ -43,7 +42,7 @@
   {/each}
   {#if page !== paginatorPages.length}
     <li class="{listItemClass} ">
-      <a class={pageLinkClass} href={createHref(href, filters, page + 1)}
+      <a class={pageLinkClass} href={createHref(segment, filters, page + 1)}
         >&gt;</a
       >
     </li>
diff --git a/src/components/paginator/paginatorUtils.test.ts b/src/lib/components/paginator/paginatorUtils.test.ts
similarity index 100%
rename from src/components/paginator/paginatorUtils.test.ts
rename to src/lib/components/paginator/paginatorUtils.test.ts
diff --git a/src/components/paginator/paginatorUtils.ts b/src/lib/components/paginator/paginatorUtils.ts
similarity index 90%
rename from src/components/paginator/paginatorUtils.ts
rename to src/lib/components/paginator/paginatorUtils.ts
index 78874ef..58375dd 100644
--- a/src/components/paginator/paginatorUtils.ts
+++ b/src/lib/components/paginator/paginatorUtils.ts
@@ -11,11 +11,11 @@ export function getPaginatorPages({
   page: number
   pageSize: number
   totalCount: number
-}) {
+}): (number | typeof Divider)[] {
   const maxLinksLength = 7
   const linksAroundActive = 2
   const totalPages = Math.ceil(totalCount / pageSize)
-  const daco = range(1, totalPages + 1).reduce((acc, link) => {
+  const daco = range(1, totalPages + 1).reduce<(number | typeof Divider)[]>((acc, link) => {
     const isFirst = link === 1
     const isLast = link === totalPages
     const isPageOnStart = page <= 3 && link < maxLinksLength
diff --git a/src/routes/blog/content.ts b/src/lib/content/articleContentListing.ts
similarity index 88%
rename from src/routes/blog/content.ts
rename to src/lib/content/articleContentListing.ts
index 41a7bdf..6f7baa2 100644
--- a/src/routes/blog/content.ts
+++ b/src/lib/content/articleContentListing.ts
@@ -11,7 +11,7 @@ import {
 
 const { NODE_ENV } = process.env
 
-export interface PostAttributes {
+export interface ArticleAttributes {
   layout: string
   title: string
   published: boolean
@@ -20,7 +20,7 @@ export interface PostAttributes {
   tags: string[]
 }
 
-export interface PostContent extends PostAttributes {
+export interface ArticleContent extends ArticleAttributes {
   preview: string
   slug: string
   published: boolean
@@ -36,7 +36,7 @@ export async function getBlogListing(paginationQuery: PaginationQuery) {
         `_posts/blog/${file}`,
         'utf-8'
       )
-      const parsedAttributes = fm<PostAttributes>(fileContent)
+      const parsedAttributes = fm<ArticleAttributes>(fileContent)
 
       const lineOfTextRegExp = /^(?:\w|\[).+/gm
       const lines = parsedAttributes.body
@@ -53,7 +53,7 @@ export async function getBlogListing(paginationQuery: PaginationQuery) {
     })
   )
   const filteredContents = pipe(
-    sortBy<PostContent>(prop('date')),
+    sortBy<ArticleContent>(prop('date')),
     (items) => reverse(items),
     filter<(typeof contents)[0]>((article) => article.published),
     filterAndCount(paginationQuery)
diff --git a/src/lib/pagination/pagination.ts b/src/lib/pagination/pagination.ts
index 64e2a72..788128e 100644
--- a/src/lib/pagination/pagination.ts
+++ b/src/lib/pagination/pagination.ts
@@ -17,7 +17,8 @@ export function dropAndTake<Item>({ offset = 0, limit = Infinity }) {
   ) => Item[]
 }
 
-export function filterByPropContains<Item>(filters: Record<string, string>) {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function filterByPropContains<Item extends Record<string, any>>(filters: Record<string, string>) {
   return function (items: Item[]) {
     return items.filter((item) => {
       return Object.entries(filters).every(([fieldName, value]) =>
@@ -27,7 +28,8 @@ export function filterByPropContains<Item>(filters: Record<string, string>) {
   }
 }
 
-export function filterAndCount<Item>({
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function filterAndCount<Item extends Record<string, any>>({
   filters,
   ...dropTakeParams
 }: PaginationQuery) {
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 39d3a0f..867115e 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import type { LayoutData } from "./$types"
-  import Nav from '../components/Nav.svelte'
-  import Footer from '../components/Footer.svelte'
+  import type { LayoutData } from './$types'
+  import Nav from '$lib/components/Nav.svelte'
+  import Footer from '$lib/components/Footer.svelte'
   import 'modern-normalize/modern-normalize.css'
   import '$lib/styles/global.css'
   import { mainContentClass } from './layout.css'
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index 87798df..a82db13 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -2,7 +2,7 @@ import type { LayoutLoad } from './$types'
 export const prerender = true
 
 export const load = (async ({ fetch }) => {
-  const blogPostsResponse = await fetch(`/blog/articles/pageSize/5.json`)
+  const blogPostsResponse = await fetch(`/articles/pageSize/5.json`)
   const blogPostsContent = await blogPostsResponse.json()
 
   return {
diff --git a/src/routes/blog/articles/[...params].json/+server.ts b/src/routes/articles/[...params].json/+server.ts
similarity index 91%
rename from src/routes/blog/articles/[...params].json/+server.ts
rename to src/routes/articles/[...params].json/+server.ts
index 5eb2289..d35db25 100644
--- a/src/routes/blog/articles/[...params].json/+server.ts
+++ b/src/routes/articles/[...params].json/+server.ts
@@ -3,7 +3,7 @@ import {
   parseParams,
 } from '$lib/pagination/dropTakeParams'
 import { json } from '@sveltejs/kit'
-import { getBlogListing } from '../../content'
+import { getBlogListing } from '$lib/content/articleContentListing'
 import type { RequestHandler } from './$types'
 
 export const prerender = true
diff --git a/src/routes/blog/[...params]/+page.svelte b/src/routes/blog/[...params]/+page.svelte
index 6d5ce41..e85ab66 100644
--- a/src/routes/blog/[...params]/+page.svelte
+++ b/src/routes/blog/[...params]/+page.svelte
@@ -1,12 +1,10 @@
 <script lang="ts">
-  import ArticleFooter from '../../../components/blog/ArticleFooter.svelte'
-  import Paginator from '../../../components/paginator/Paginator.svelte'
-  import { postListClass, seeAllClass } from './page.css'
   import type { PageData } from './$types'
+  import ArticlePreviewList from '$lib/components/articles/ArticlePreviewList/ArticlePreviewList.svelte'
+  import { seeAllClass } from '$lib/components/articles/ArticlePreviewList/ArticlePreviewList.css'
 
   export let data: PageData
-  let { posts, filters, page, pageSize } = data
-  $: ({ posts, filters, page, pageSize } = data)
+  $: ({ posts, filters } = data)
 </script>
 
 <svelte:head>
@@ -30,36 +28,5 @@
     </div>
   {/if}
 {/if}
-<header>
-  <Paginator
-    href="blog"
-    {page}
-    {pageSize}
-    {filters}
-    totalCount={posts.totalCount}
-  />
-</header>
-<ul class="post-list {postListClass}">
-  {#each posts.items as post (post.slug)}
-    <li>
-      <article>
-        <header>
-          <h2>
-            <a rel="prefetch" href="/blog/{post.slug}">{post.title}</a>
-          </h2>
-        </header>
-        {@html post.preview}
-      </article>
-      <ArticleFooter {post} />
-    </li>
-  {/each}
-</ul>
-<footer>
-  <Paginator
-    href="blog"
-    {page}
-    {pageSize}
-    {filters}
-    totalCount={posts.totalCount}
-  />
-</footer>
+
+<ArticlePreviewList {...data} segment="blog" />
diff --git a/src/routes/blog/[...params]/+page.ts b/src/routes/blog/[...params]/+page.ts
index 3defa20..f946b74 100644
--- a/src/routes/blog/[...params]/+page.ts
+++ b/src/routes/blog/[...params]/+page.ts
@@ -1,16 +1,16 @@
 import { parseParams } from '$lib/pagination/dropTakeParams'
 import type { PageLoad } from './$types'
-import type { PostContent } from './../content'
+import type { ArticleContent } from '$lib/content/articleContentListing'
 import type { PaginationResult } from '$lib/pagination/pagination'
 
 export const load = (async ({ fetch, params }) => {
   const { page = 1, pageSize = 7, ...filters } = parseParams(params.params)
   const articleResponse = await fetch(
-    `/blog/articles/${params.params ? params.params : 'index'}.json`
+    `/articles/${params.params ? params.params : 'index'}.json`
   ).then((r) => r.json())
 
   return {
-    posts: articleResponse.posts as PaginationResult<PostContent>,
+    posts: articleResponse.posts as PaginationResult<ArticleContent>,
     page: Number(page),
     pageSize,
     filters,
diff --git a/src/routes/blog/[slug=blogPage]/+page.server.ts b/src/routes/blog/[slug=blogPage]/+page.server.ts
index 2e12d01..96efddb 100644
--- a/src/routes/blog/[slug=blogPage]/+page.server.ts
+++ b/src/routes/blog/[slug=blogPage]/+page.server.ts
@@ -2,8 +2,8 @@ import { readFile } from 'fs'
 import { promisify } from 'util'
 import fm from 'front-matter'
 import { parseField } from '../../../markdown/parse-markdown'
-import { error, json } from '@sveltejs/kit'
-import type { PostAttributes } from '../content'
+import { error } from '@sveltejs/kit'
+import type { ArticleAttributes } from '$lib/content/articleContentListing'
 import type { PageServerLoad } from './$types'
 
 export const prerender = true
@@ -24,7 +24,7 @@ export const load = (async ({ params: { slug } }) => {
     throw e
   }
 
-  const parsedPost = fm<PostAttributes>(postSource)
+  const parsedPost = fm<ArticleAttributes>(postSource)
 
   const post = parseField<SinglePost>('body')({
     ...parsedPost.attributes,
diff --git a/src/routes/blog/[slug=blogPage]/+page.svelte b/src/routes/blog/[slug=blogPage]/+page.svelte
index 4260187..accc5e5 100644
--- a/src/routes/blog/[slug=blogPage]/+page.svelte
+++ b/src/routes/blog/[slug=blogPage]/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import ArticleFooter from '../../../components/blog/ArticleFooter.svelte'
+  import ArticleFooter from '$lib/components/articles/ArticlePreviewFooter/ArticlePreviewFooter.svelte'
   import type { PageData } from './$types'
   import { contentClass } from './page.css'
 
@@ -15,4 +15,4 @@
 <div class="content {contentClass}">
   {@html data.body}
 </div>
-<ArticleFooter post={data} />
+<ArticleFooter article={data} segment="blog" />
diff --git a/src/routes/broadcasts/[...params]/+page.svelte b/src/routes/broadcasts/[...params]/+page.svelte
new file mode 100644
index 0000000..91f8a20
--- /dev/null
+++ b/src/routes/broadcasts/[...params]/+page.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+  import type { PageData } from './$types'
+  import ArticlePreviewList from '$lib/components/articles/ArticlePreviewList/ArticlePreviewList.svelte'
+  import { seeAllClass } from '$lib/components/articles/ArticlePreviewList/ArticlePreviewList.css'
+
+  export let data: PageData
+  $: ({ posts, filters } = data)
+</script>
+
+<svelte:head>
+  <title>Broadcasts @michalvankodev</title>
+</svelte:head>
+
+{#if posts.items.length === 0}
+  <p class="no-posts">You've found void in the space.</p>
+{:else}
+  <h1>
+    {#if filters.tags}
+      <em>{filters.tags}</em>
+    {/if}
+    Broadcasts
+  </h1>
+  {#if filters.tags}
+    <div class={seeAllClass}>
+      <a href="/broadcasts">See all broadcasts</a>
+    </div>
+  {/if}
+{/if}
+
+<ArticlePreviewList {...data} segment="broadcasts" />
diff --git a/src/routes/broadcasts/[...params]/+page.ts b/src/routes/broadcasts/[...params]/+page.ts
new file mode 100644
index 0000000..f946b74
--- /dev/null
+++ b/src/routes/broadcasts/[...params]/+page.ts
@@ -0,0 +1,18 @@
+import { parseParams } from '$lib/pagination/dropTakeParams'
+import type { PageLoad } from './$types'
+import type { ArticleContent } from '$lib/content/articleContentListing'
+import type { PaginationResult } from '$lib/pagination/pagination'
+
+export const load = (async ({ fetch, params }) => {
+  const { page = 1, pageSize = 7, ...filters } = parseParams(params.params)
+  const articleResponse = await fetch(
+    `/articles/${params.params ? params.params : 'index'}.json`
+  ).then((r) => r.json())
+
+  return {
+    posts: articleResponse.posts as PaginationResult<ArticleContent>,
+    page: Number(page),
+    pageSize,
+    filters,
+  }
+}) satisfies PageLoad
diff --git a/src/routes/portfolio/+page.svelte b/src/routes/portfolio/+page.svelte
index 7ce4561..658a919 100644
--- a/src/routes/portfolio/+page.svelte
+++ b/src/routes/portfolio/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import Work from '../../components/portfolio/work.svelte'
-  import Project from '../../components/portfolio/project.svelte'
-  import Presentation from '../../components/portfolio/presentation.svelte'
+  import Work from './components/work.svelte'
+  import Project from './components/project.svelte'
+  import Presentation from './components/presentation.svelte'
   import type { PageData } from './$types'
 
   import { listClass, listItemClass, nameTagClass } from './page.css'
diff --git a/src/routes/portfolio/components/personal.svelte b/src/routes/portfolio/components/personal.svelte
new file mode 100644
index 0000000..fa131af
--- /dev/null
+++ b/src/routes/portfolio/components/personal.svelte
@@ -0,0 +1,39 @@
+<section id="personal">
+  <h3>Personal Information</h3>
+  <p>I was born on 26th of May in Košice, Slovakia and I still live here.</p>
+  <h4>Hobbies:</h4>
+  <p>
+    I enjoy playing basketball with my friends. I also like to play other team
+    sports like football and hockey. I also play squash and table tennis. Once
+    I've won a competition in squash at my university. During summer I love
+    water skiing and swimming in a nearby lake.
+    <br />
+    I am very passionate about music. I've also tried some software for composing
+    music but I am not really hooked into that yet. From time to time I enjoy playing
+    board games with my friends.
+  </p>
+  <h4>Interests:</h4>
+  <p>
+    I like to explore new technologies and I'm passionate about <em
+      >Open Source movement</em
+    >,
+    <em>Internet of Things</em> applications and
+    <em>Linux desktop evolution</em>.
+    <br />
+    I am interested in modern software architecture and
+    <em>reactive programming</em>.
+    <br />
+    I've attended various <strong>tech conferences and hackathons</strong>. I
+    like them for all of the fascinating ideas that might be invented.
+    <br />
+    I've given presentations on various topics related to
+    <em>web development</em>. You can
+    <a href="#presentations">take a look at some of them here</a>.
+    <br />
+    I enjoy <strong>teaching and explaining</strong> how various technologies
+    and techniques work to my colleagues for their better understanding.
+    <br />
+    I take advantage of <strong>test driven development</strong>.
+  </p>
+</section>
+<!--/personal-->
diff --git a/src/components/portfolio/presentation.css.ts b/src/routes/portfolio/components/presentation.css.ts
similarity index 100%
rename from src/components/portfolio/presentation.css.ts
rename to src/routes/portfolio/components/presentation.css.ts
diff --git a/src/components/portfolio/presentation.svelte b/src/routes/portfolio/components/presentation.svelte
similarity index 100%
rename from src/components/portfolio/presentation.svelte
rename to src/routes/portfolio/components/presentation.svelte
diff --git a/src/components/portfolio/project.css.ts b/src/routes/portfolio/components/project.css.ts
similarity index 100%
rename from src/components/portfolio/project.css.ts
rename to src/routes/portfolio/components/project.css.ts
diff --git a/src/components/portfolio/project.svelte b/src/routes/portfolio/components/project.svelte
similarity index 100%
rename from src/components/portfolio/project.svelte
rename to src/routes/portfolio/components/project.svelte
diff --git a/src/components/portfolio/skills.svelte b/src/routes/portfolio/components/skills.svelte
similarity index 100%
rename from src/components/portfolio/skills.svelte
rename to src/routes/portfolio/components/skills.svelte
diff --git a/src/components/portfolio/work.css.ts b/src/routes/portfolio/components/work.css.ts
similarity index 100%
rename from src/components/portfolio/work.css.ts
rename to src/routes/portfolio/components/work.css.ts
diff --git a/src/components/portfolio/work.svelte b/src/routes/portfolio/components/work.svelte
similarity index 100%
rename from src/components/portfolio/work.svelte
rename to src/routes/portfolio/components/work.svelte

From dac3e135208edc097bcdaaf19ff1d70b1e779640 Mon Sep 17 00:00:00 2001
From: Michal Vanko <mklakakilli@gmail.com>
Date: Wed, 15 Feb 2023 22:40:37 +0100
Subject: [PATCH 3/8] Introduce segments for blog posts and filter them

---
 _posts/blog/2020-02-28-how-ive-built-my-web-site.md      | 2 ++
 _posts/blog/2020-04-10-custom-redox-keyboard-assembly.md | 2 ++
 _posts/blog/2020-05-11-transition-to-colemak-layout.md   | 2 ++
 .../blog/2020-06-07-samsung-galaxy-buds-plus-review.md   | 2 ++
 _posts/blog/2020-06-15-ive-made-rss-feed.md              | 2 ++
 _posts/blog/2020-08-05-webassembly-briefing.md           | 2 ++
 .../blog/2020-11-08-how-to-deal-with-technical-debt.md   | 2 ++
 _posts/blog/2020-11-20-ive-moved-my-site-to-netlify.md   | 4 +++-
 _posts/blog/2020-12-09-guide-on-error-handling.md        | 2 ++
 _posts/blog/2020-12-18-logging-recommendations.md        | 2 ++
 ...2021-02-16-podcast-episode-about-agile-development.md | 4 +++-
 ...ction-javascript-to-javascript-application-testing.md | 2 ++
 ...how-we-handle-the-rapid-growth-of-the-project-team.md | 4 +++-
 _posts/blog/2022-02-06-first-weekly.md                   | 2 ++
 .../2022-02-13-ive-started-streaming-weekly-06-2022.md   | 4 +++-
 _posts/blog/2022-02-20-weekly-07-2022.md                 | 4 +++-
 .../blog/2022-02-28-error-handling-with-either-type.md   | 2 ++
 _posts/blog/2022-02-28-second-attempt-weekly-08-2022.md  | 4 +++-
 .../2022-03-19-coming-from-devbreak-weekly-11-2022.md    | 4 +++-
 _posts/blog/2022-04-17-happy-easter-weekly-15-2022.md    | 2 ++
 _posts/blog/2022-05-07-treasure-hunt-weekly-18-2022.md   | 2 ++
 ...06-26-our-attempt-at-rusty-game-jam-weekly-25-2022.md | 2 ++
 _posts/blog/2022-11-27-lovely-london-trip.md             | 4 +++-
 _posts/blog/dev-2019-08-09-ide-to copy.md                | 4 ++++
 _posts/blog/dev-2019-08-09-ide-to.md                     | 4 ++++
 _posts/blog/dev-2019-11-03-anothert-one.md               | 4 ++++
 _posts/blog/dev-2020-06-07-dev-template.md               | 4 ++++
 src/lib/content/articleContentListing.ts                 | 1 +
 src/lib/pagination/pagination.ts                         | 1 +
 src/routes/articles/[...params].json/+server.ts          | 1 +
 src/routes/blog/[...params]/+page.ts                     | 3 +--
 src/routes/broadcasts/[...params]/+page.ts               | 2 +-
 static/admin/config.yml                                  | 9 +++++++++
 33 files changed, 84 insertions(+), 11 deletions(-)

diff --git a/_posts/blog/2020-02-28-how-ive-built-my-web-site.md b/_posts/blog/2020-02-28-how-ive-built-my-web-site.md
index 3a1c0c6..4d3ef62 100644
--- a/_posts/blog/2020-02-28-how-ive-built-my-web-site.md
+++ b/_posts/blog/2020-02-28-how-ive-built-my-web-site.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: How I've built my website
+segments:
+  - blog
 published: true
 date: 2020-02-28T16:00:55.791Z
 thumbnail: /images/uploads/DSC01202.jpg
diff --git a/_posts/blog/2020-04-10-custom-redox-keyboard-assembly.md b/_posts/blog/2020-04-10-custom-redox-keyboard-assembly.md
index 8353de5..f443add 100644
--- a/_posts/blog/2020-04-10-custom-redox-keyboard-assembly.md
+++ b/_posts/blog/2020-04-10-custom-redox-keyboard-assembly.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: Custom Redox keyboard assembly
+segments:
+  - blog
 published: true
 date: 2020-04-10T15:16:54.820Z
 thumbnail: /images/uploads/img_20200301_171735.jpg
diff --git a/_posts/blog/2020-05-11-transition-to-colemak-layout.md b/_posts/blog/2020-05-11-transition-to-colemak-layout.md
index 0e1f381..13fec46 100644
--- a/_posts/blog/2020-05-11-transition-to-colemak-layout.md
+++ b/_posts/blog/2020-05-11-transition-to-colemak-layout.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: Transition to Colemak keyboard layout
+segments:
+  - blog
 published: true
 date: 2020-05-11T05:38:18.797Z
 tags:
diff --git a/_posts/blog/2020-06-07-samsung-galaxy-buds-plus-review.md b/_posts/blog/2020-06-07-samsung-galaxy-buds-plus-review.md
index fde058a..4d43cb8 100644
--- a/_posts/blog/2020-06-07-samsung-galaxy-buds-plus-review.md
+++ b/_posts/blog/2020-06-07-samsung-galaxy-buds-plus-review.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: Samsung Galaxy Buds+ Review
+segments:
+  - blog
 published: true
 date: 2020-06-07T22:58:18.797Z # TODO executable line for generating date
 tags:
diff --git a/_posts/blog/2020-06-15-ive-made-rss-feed.md b/_posts/blog/2020-06-15-ive-made-rss-feed.md
index b99cb18..88f8155 100644
--- a/_posts/blog/2020-06-15-ive-made-rss-feed.md
+++ b/_posts/blog/2020-06-15-ive-made-rss-feed.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: I've made an RSS feed
+segments:
+  - blog
 published: true
 date: 2020-06-15T15:48:18.797Z # TODO executable line for generating date
 tags:
diff --git a/_posts/blog/2020-08-05-webassembly-briefing.md b/_posts/blog/2020-08-05-webassembly-briefing.md
index c6a0b92..b0626fb 100644
--- a/_posts/blog/2020-08-05-webassembly-briefing.md
+++ b/_posts/blog/2020-08-05-webassembly-briefing.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: WebAssembly briefing
+segments:
+  - blog
 published: true
 date: 2020-08-05T15:38:18.797Z # TODO executable line for generating date
 tags:
diff --git a/_posts/blog/2020-11-08-how-to-deal-with-technical-debt.md b/_posts/blog/2020-11-08-how-to-deal-with-technical-debt.md
index 502577d..b9d751d 100644
--- a/_posts/blog/2020-11-08-how-to-deal-with-technical-debt.md
+++ b/_posts/blog/2020-11-08-how-to-deal-with-technical-debt.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: How to deal with technical debt
+segments:
+  - blog
 published: true
 date: 2020-11-08T15:57:18.797Z
 tags:
diff --git a/_posts/blog/2020-11-20-ive-moved-my-site-to-netlify.md b/_posts/blog/2020-11-20-ive-moved-my-site-to-netlify.md
index 26412f8..38d42ff 100644
--- a/_posts/blog/2020-11-20-ive-moved-my-site-to-netlify.md
+++ b/_posts/blog/2020-11-20-ive-moved-my-site-to-netlify.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: I've moved my site to Netlify
+segments:
+  - blog
 published: true
 date: 2020-11-20T20:35:05.230Z
 tags:
@@ -38,4 +40,4 @@ I haven't found a big decider feature in any of these so I just went with the on
 I was able to **configure whole deployment** of my website **in 8 minutes**.
 The instructions where so clear and simple that I've also **transfered my DNS nameserver** too. I didn't have to search in 10 different services and documentations. I've just went with the flow. Didn't had to change a single line of code. I've just removed the `amplify` folder and I don't want to see any of the AWS docs ever again.
 
-It got me so pumped that I've immediately logged in to the CMS (finally) through my own domain and written this article.
\ No newline at end of file
+It got me so pumped that I've immediately logged in to the CMS (finally) through my own domain and written this article.
diff --git a/_posts/blog/2020-12-09-guide-on-error-handling.md b/_posts/blog/2020-12-09-guide-on-error-handling.md
index c7eeeda..fd1a4eb 100644
--- a/_posts/blog/2020-12-09-guide-on-error-handling.md
+++ b/_posts/blog/2020-12-09-guide-on-error-handling.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: Guide on error handling
+segments:
+  - blog
 published: true
 date: 2020-12-09T14:44:11.948Z
 tags:
diff --git a/_posts/blog/2020-12-18-logging-recommendations.md b/_posts/blog/2020-12-18-logging-recommendations.md
index d99aec3..1f6fd21 100644
--- a/_posts/blog/2020-12-18-logging-recommendations.md
+++ b/_posts/blog/2020-12-18-logging-recommendations.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: Logging recommendations
+segments:
+  - blog
 published: true
 date: 2020-12-18T14:39:53.533Z
 tags:
diff --git a/_posts/blog/2021-02-16-podcast-episode-about-agile-development.md b/_posts/blog/2021-02-16-podcast-episode-about-agile-development.md
index 3f42170..d6a3f29 100644
--- a/_posts/blog/2021-02-16-podcast-episode-about-agile-development.md
+++ b/_posts/blog/2021-02-16-podcast-episode-about-agile-development.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: Podcast episode about Agile development
+segments:
+  - blog
 published: true
 date: 2021-02-16T09:09:57.102Z
 tags:
@@ -14,4 +16,4 @@ I have to admit, it was a wonderful experience and I've enjoyed it. I'd like to
 
 The episode was **recorded in Slovak** language. You can **listen to the podcast episode here**: 
 
-<iframe src="https://open.spotify.com/embed-podcast/episode/0NE6Gakn6wUP6oj7Rq4viR" width="100%" height="232" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
\ No newline at end of file
+<iframe src="https://open.spotify.com/embed-podcast/episode/0NE6Gakn6wUP6oj7Rq4viR" width="100%" height="232" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
diff --git a/_posts/blog/2021-05-07-introduction-javascript-to-javascript-application-testing.md b/_posts/blog/2021-05-07-introduction-javascript-to-javascript-application-testing.md
index 509b1c5..6adb6c4 100644
--- a/_posts/blog/2021-05-07-introduction-javascript-to-javascript-application-testing.md
+++ b/_posts/blog/2021-05-07-introduction-javascript-to-javascript-application-testing.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: Introduction to JavaScript Application testing 
+segments:
+  - blog
 published: true
 date: 2021-05-07T14:44:57.102Z # update date accordingly
 tags:
diff --git a/_posts/blog/2021-12-16-how-we-handle-the-rapid-growth-of-the-project-team.md b/_posts/blog/2021-12-16-how-we-handle-the-rapid-growth-of-the-project-team.md
index b6f50ed..c5d579f 100644
--- a/_posts/blog/2021-12-16-how-we-handle-the-rapid-growth-of-the-project-team.md
+++ b/_posts/blog/2021-12-16-how-we-handle-the-rapid-growth-of-the-project-team.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: How we handle the rapid growth of the project team
+segments:
+  - blog
 published: true
 date: 2021-12-16T11:02:10.123Z
 tags:
@@ -8,4 +10,4 @@ tags:
   - Interviews
   - Management
 ---
-I've been interviewed by my friend [@zubkka](https://www.instagram.com/zubkka/) about my current position at _The Expert_ team as an Engineering Manager. We have talked about my journey at [sudolabs](https://sudolabs.com) but also about my early years and how I've got into programming. Please, [go check out the interview](https://sudolabs.com/blog/how-we-handle-the-rapid-growth-of-the-project-team) and let me know what you think. Happy reading!
\ No newline at end of file
+I've been interviewed by my friend [@zubkka](https://www.instagram.com/zubkka/) about my current position at _The Expert_ team as an Engineering Manager. We have talked about my journey at [sudolabs](https://sudolabs.com) but also about my early years and how I've got into programming. Please, [go check out the interview](https://sudolabs.com/blog/how-we-handle-the-rapid-growth-of-the-project-team) and let me know what you think. Happy reading!
diff --git a/_posts/blog/2022-02-06-first-weekly.md b/_posts/blog/2022-02-06-first-weekly.md
index eba7b84..11d2597 100644
--- a/_posts/blog/2022-02-06-first-weekly.md
+++ b/_posts/blog/2022-02-06-first-weekly.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: First Weekly
+segments:
+  - blog
 published: true
 date: 2022-02-06T17:13:02.611Z
 tags:
diff --git a/_posts/blog/2022-02-13-ive-started-streaming-weekly-06-2022.md b/_posts/blog/2022-02-13-ive-started-streaming-weekly-06-2022.md
index 2129cd6..ebd6bc1 100644
--- a/_posts/blog/2022-02-13-ive-started-streaming-weekly-06-2022.md
+++ b/_posts/blog/2022-02-13-ive-started-streaming-weekly-06-2022.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: "I've started streaming - Weekly #06-2022 "
+segments:
+  - blog
 published: true
 date: 2022-02-13T19:39:33.578Z
 tags:
@@ -42,4 +44,4 @@ My next pick will be a [podcast *Lifespan* hosted by Dr. David Sinclair](https:/
 
 In our management course, we've been learning about different **person typologies**. That helped me to understand how I should treat other people and how to communicate better with them.
 
-That's it for this week. Thank you very much!
\ No newline at end of file
+That's it for this week. Thank you very much!
diff --git a/_posts/blog/2022-02-20-weekly-07-2022.md b/_posts/blog/2022-02-20-weekly-07-2022.md
index afdfd6b..318fb16 100644
--- a/_posts/blog/2022-02-20-weekly-07-2022.md
+++ b/_posts/blog/2022-02-20-weekly-07-2022.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: "Laptop battery got fat - Weekly #07-2022"
+segments:
+  - blog
 published: true
 date: 2022-02-20T17:50:56.214Z
 tags:
@@ -37,4 +39,4 @@ I have to also mention, that I've changed my theme to light [NeoSolarized](https
 
 Github is now able to parse [mermaid diagrams](https://github.com/mermaid-js/mermaid#readme). You can [check out the announcement](https://github.blog/2022-02-14-include-diagrams-markdown-files-mermaid/). It looks like I could be able to do that on my blog as well. I will put this into my to-do list and perhaps code it sometime during my stream ;)
 
-[State of JS](https://2021.stateofjs.com/en-US/) results for 2021 has been presented this week. I am very excited about the satisfaction rate of [@svelte/kit](https://github.com/sveltejs/kit).
\ No newline at end of file
+[State of JS](https://2021.stateofjs.com/en-US/) results for 2021 has been presented this week. I am very excited about the satisfaction rate of [@svelte/kit](https://github.com/sveltejs/kit).
diff --git a/_posts/blog/2022-02-28-error-handling-with-either-type.md b/_posts/blog/2022-02-28-error-handling-with-either-type.md
index 9ea99a9..91a0f5e 100644
--- a/_posts/blog/2022-02-28-error-handling-with-either-type.md
+++ b/_posts/blog/2022-02-28-error-handling-with-either-type.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: Error handling with Either<Type>
+segments:
+  - blog
 published: true
 date: 2022-02-28T11:30:54.195Z
 tags:
diff --git a/_posts/blog/2022-02-28-second-attempt-weekly-08-2022.md b/_posts/blog/2022-02-28-second-attempt-weekly-08-2022.md
index 520ff57..9629cb6 100644
--- a/_posts/blog/2022-02-28-second-attempt-weekly-08-2022.md
+++ b/_posts/blog/2022-02-28-second-attempt-weekly-08-2022.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: "Second attempt @ Weekly #08-2022"
+segments:
+  - blog
 published: true
 date: 2022-02-28T11:49:53.914Z
 tags:
@@ -28,4 +30,4 @@ I was very surprised that the mermaid is directly dependent on the browser to be
 
 I haven't finished it, yet. So **prepare for a new article** where I will present the solution. I will stream it on [my twitch](https://www.twitch.tv/michalvankodev) so if you're interested, **please follow me there**.
 
-Let's keep it short. Thank you!
\ No newline at end of file
+Let's keep it short. Thank you!
diff --git a/_posts/blog/2022-03-19-coming-from-devbreak-weekly-11-2022.md b/_posts/blog/2022-03-19-coming-from-devbreak-weekly-11-2022.md
index eec6771..26f8cd8 100644
--- a/_posts/blog/2022-03-19-coming-from-devbreak-weekly-11-2022.md
+++ b/_posts/blog/2022-03-19-coming-from-devbreak-weekly-11-2022.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: "Coming from DevBreak - Weekly #11-2022"
+segments:
+  - blog
 published: true
 date: 2022-03-19T21:22:35.128Z
 tags:
@@ -24,4 +26,4 @@ During the vacation time, I've stumbled upon a [great article about markdown by
 
 The next one is a simpler tutorial on [Hosting a React App with OpenFaaS](https://www.openfaas.com/blog/react-app/). I am an advocate for open-source software and I am glad to see [OpenFaaS](https://www.openfaas.com) being still developed and trying to be more accessible for typical use-cases.
 
-Be ready for the next one, Thank you!
\ No newline at end of file
+Be ready for the next one, Thank you!
diff --git a/_posts/blog/2022-04-17-happy-easter-weekly-15-2022.md b/_posts/blog/2022-04-17-happy-easter-weekly-15-2022.md
index c089b73..1eee476 100644
--- a/_posts/blog/2022-04-17-happy-easter-weekly-15-2022.md
+++ b/_posts/blog/2022-04-17-happy-easter-weekly-15-2022.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: "Happy Easter - Weekly #15-2022"
+segments:
+  - blog
 published: true
 date: 2022-04-17T08:05:05.489Z
 tags:
diff --git a/_posts/blog/2022-05-07-treasure-hunt-weekly-18-2022.md b/_posts/blog/2022-05-07-treasure-hunt-weekly-18-2022.md
index b84b4d6..f630dd4 100644
--- a/_posts/blog/2022-05-07-treasure-hunt-weekly-18-2022.md
+++ b/_posts/blog/2022-05-07-treasure-hunt-weekly-18-2022.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: 'Treasure hunt - Weekly #18-2022'
+segments:
+  - blog
 published: true
 date: 2022-05-07T08:35:51.818Z
 tags:
diff --git a/_posts/blog/2022-06-26-our-attempt-at-rusty-game-jam-weekly-25-2022.md b/_posts/blog/2022-06-26-our-attempt-at-rusty-game-jam-weekly-25-2022.md
index a7042ac..759a7cd 100644
--- a/_posts/blog/2022-06-26-our-attempt-at-rusty-game-jam-weekly-25-2022.md
+++ b/_posts/blog/2022-06-26-our-attempt-at-rusty-game-jam-weekly-25-2022.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: "Our attempt at Rusty game jam - Weekly #25-2022"
+segments:
+  - blog
 published: true
 date: 2022-06-26T20:02:47.419Z
 tags:
diff --git a/_posts/blog/2022-11-27-lovely-london-trip.md b/_posts/blog/2022-11-27-lovely-london-trip.md
index c39815a..4e6392e 100644
--- a/_posts/blog/2022-11-27-lovely-london-trip.md
+++ b/_posts/blog/2022-11-27-lovely-london-trip.md
@@ -1,6 +1,8 @@
 ---
 layout: blog
 title: Lovely London Trip
+segments:
+  - blog
 published: true
 date: 2022-11-27T19:49:09.204Z
 tags:
@@ -40,4 +42,4 @@ And next time we will take a laptop with us so we can watch movies or when we ac
 
 Credits for all pictures go to my wife [Marika](https://www.instagram.com/marika_vnk/). She says Hi!
 
-![Me and my wife on the Queens walk](/images/uploads/image2.jpeg "Me and my wife on the Queens walk")
\ No newline at end of file
+![Me and my wife on the Queens walk](/images/uploads/image2.jpeg "Me and my wife on the Queens walk")
diff --git a/_posts/blog/dev-2019-08-09-ide-to copy.md b/_posts/blog/dev-2019-08-09-ide-to copy.md
index 1f5c40e..fd9ca33 100644
--- a/_posts/blog/dev-2019-08-09-ide-to copy.md	
+++ b/_posts/blog/dev-2019-08-09-ide-to copy.md	
@@ -1,6 +1,10 @@
 ---
 layout: blog
 title: dev - Ide to ? copy
+segments:
+  - blog
+  - broadcasts
+  - cookbook
 published: true
 date: 2020-01-09T17:24:13.481Z
 thumbnail: /images/uploads/screenshot.gif
diff --git a/_posts/blog/dev-2019-08-09-ide-to.md b/_posts/blog/dev-2019-08-09-ide-to.md
index af75027..3b9c164 100644
--- a/_posts/blog/dev-2019-08-09-ide-to.md
+++ b/_posts/blog/dev-2019-08-09-ide-to.md
@@ -1,6 +1,10 @@
 ---
 layout: blog
 title: dev - Ide to ?
+segments:
+  - blog
+  - broadcasts
+  - cookbook
 published: true
 date: 2019-08-09T17:24:13.481Z
 thumbnail: /images/uploads/screenshot.gif
diff --git a/_posts/blog/dev-2019-11-03-anothert-one.md b/_posts/blog/dev-2019-11-03-anothert-one.md
index b5f2041..5b58f95 100644
--- a/_posts/blog/dev-2019-11-03-anothert-one.md
+++ b/_posts/blog/dev-2019-11-03-anothert-one.md
@@ -1,6 +1,10 @@
 ---
 layout: blog
 title: dev - Anothert one
+segments:
+  - blog
+  - broadcasts
+  - cookbook
 published: true
 date: 2019-11-03T11:01:32.621Z
 thumbnail: /images/uploads/responzio.png
diff --git a/_posts/blog/dev-2020-06-07-dev-template.md b/_posts/blog/dev-2020-06-07-dev-template.md
index 48945f1..b88db1e 100644
--- a/_posts/blog/dev-2020-06-07-dev-template.md
+++ b/_posts/blog/dev-2020-06-07-dev-template.md
@@ -1,6 +1,10 @@
 ---
 layout: blog
 title: New Title
+segments:
+  - blog
+  - broadcasts
+  - cookbook
 published: true
 date: 2020-05-11T05:38:18.797Z # TODO executable line for generating date
 tags:
diff --git a/src/lib/content/articleContentListing.ts b/src/lib/content/articleContentListing.ts
index 6f7baa2..e4b5626 100644
--- a/src/lib/content/articleContentListing.ts
+++ b/src/lib/content/articleContentListing.ts
@@ -52,6 +52,7 @@ export async function getBlogListing(paginationQuery: PaginationQuery) {
       }
     })
   )
+  console.log(paginationQuery);
   const filteredContents = pipe(
     sortBy<ArticleContent>(prop('date')),
     (items) => reverse(items),
diff --git a/src/lib/pagination/pagination.ts b/src/lib/pagination/pagination.ts
index 788128e..9f00104 100644
--- a/src/lib/pagination/pagination.ts
+++ b/src/lib/pagination/pagination.ts
@@ -34,6 +34,7 @@ export function filterAndCount<Item extends Record<string, any>>({
   ...dropTakeParams
 }: PaginationQuery) {
   return function (items: Item[]) {
+    console.log(filters);
     const filterFunction = filters
       ? filterByPropContains<Item>(filters)
       : identity
diff --git a/src/routes/articles/[...params].json/+server.ts b/src/routes/articles/[...params].json/+server.ts
index d35db25..863a619 100644
--- a/src/routes/articles/[...params].json/+server.ts
+++ b/src/routes/articles/[...params].json/+server.ts
@@ -8,6 +8,7 @@ import type { RequestHandler } from './$types'
 
 export const prerender = true
 export const GET = (async ({ params }) => {
+  console.log(params);
   const handledParams = params.params === 'index' ? '' : params.params
   const { page = 1, pageSize = 7, ...filters } = parseParams(handledParams)
   const paginationParams = getDropTakeFromPageParams(
diff --git a/src/routes/blog/[...params]/+page.ts b/src/routes/blog/[...params]/+page.ts
index f946b74..3b1d472 100644
--- a/src/routes/blog/[...params]/+page.ts
+++ b/src/routes/blog/[...params]/+page.ts
@@ -6,9 +6,8 @@ import type { PaginationResult } from '$lib/pagination/pagination'
 export const load = (async ({ fetch, params }) => {
   const { page = 1, pageSize = 7, ...filters } = parseParams(params.params)
   const articleResponse = await fetch(
-    `/articles/${params.params ? params.params : 'index'}.json`
+    `/articles/segments/blog${params.params ? `/${params.params}` : ''}.json`
   ).then((r) => r.json())
-
   return {
     posts: articleResponse.posts as PaginationResult<ArticleContent>,
     page: Number(page),
diff --git a/src/routes/broadcasts/[...params]/+page.ts b/src/routes/broadcasts/[...params]/+page.ts
index f946b74..8d87256 100644
--- a/src/routes/broadcasts/[...params]/+page.ts
+++ b/src/routes/broadcasts/[...params]/+page.ts
@@ -6,7 +6,7 @@ import type { PaginationResult } from '$lib/pagination/pagination'
 export const load = (async ({ fetch, params }) => {
   const { page = 1, pageSize = 7, ...filters } = parseParams(params.params)
   const articleResponse = await fetch(
-    `/articles/${params.params ? params.params : 'index'}.json`
+    `/articles/segments/broadcasts${params.params ? `/${params.params}` : ''}.json`
   ).then((r) => r.json())
 
   return {
diff --git a/static/admin/config.yml b/static/admin/config.yml
index c601c24..206c50f 100644
--- a/static/admin/config.yml
+++ b/static/admin/config.yml
@@ -19,6 +19,15 @@ collections:
     fields: # The fields for each document, usually in front matter
       - { label: 'Layout', name: 'layout', widget: 'hidden', default: 'blog' }
       - { label: 'Title', name: 'title', widget: 'string' }
+      - label: 'Segments'
+        name: 'segments'
+        widget: 'select'
+        multiple: true
+        options: 
+          - { label: 'Blog', value: 'blog' }
+          - { label: 'Broadcasts', value:  'Broadcasts' }
+          - { label: 'Cookbook', value: 'cookbook' }
+        default: ['blog']
       - {
           label: 'Published',
           name: 'published',

From 3640a5f13af7b6f46ee11842263ce11b6a3ab267 Mon Sep 17 00:00:00 2001
From: Michal Vanko <mklakakilli@gmail.com>
Date: Sat, 18 Feb 2023 06:41:07 +0100
Subject: [PATCH 4/8] Broadcasting section

---
 src/lib/articleContent/articleContent.ts      | 37 +++++++++++++++++++
 .../articleContentListing.ts                  | 24 +++---------
 src/{ => lib}/markdown/parse-markdown.ts      |  0
 src/{ => lib}/markdown/renderer-extension.ts  |  0
 .../styles/article/article.css.ts}            |  0
 .../articles/[...params].json/+server.ts      |  2 +-
 src/routes/blog/[...params]/+page.ts          |  4 +-
 .../blog/[slug=blogPage]/+page.server.ts      | 30 +--------------
 src/routes/blog/[slug=blogPage]/+page.svelte  |  2 +-
 src/routes/broadcasts/[...params]/+page.ts    |  4 +-
 .../[slug=blogPage]/+page.server.ts           |  9 +++++
 .../broadcasts/[slug=blogPage]/+page.svelte   | 18 +++++++++
 src/routes/portfolio/+page.server.ts          |  2 +-
 13 files changed, 79 insertions(+), 53 deletions(-)
 create mode 100644 src/lib/articleContent/articleContent.ts
 rename src/lib/{content => articleContent}/articleContentListing.ts (82%)
 rename src/{ => lib}/markdown/parse-markdown.ts (100%)
 rename src/{ => lib}/markdown/renderer-extension.ts (100%)
 rename src/{routes/blog/[slug=blogPage]/page.css.ts => lib/styles/article/article.css.ts} (100%)
 create mode 100644 src/routes/broadcasts/[slug=blogPage]/+page.server.ts
 create mode 100644 src/routes/broadcasts/[slug=blogPage]/+page.svelte

diff --git a/src/lib/articleContent/articleContent.ts b/src/lib/articleContent/articleContent.ts
new file mode 100644
index 0000000..0fa57fe
--- /dev/null
+++ b/src/lib/articleContent/articleContent.ts
@@ -0,0 +1,37 @@
+import { error } from "@sveltejs/kit";
+import fm from "front-matter";
+import { readFile } from "fs";
+import { parseField } from "$lib/markdown/parse-markdown";
+import { promisify } from "util";
+
+export interface ArticleAttributes {
+  slug: string
+  layout: string
+  title: string
+  published: boolean
+  date: string
+  thumbnail: string
+  tags: string[]
+  body: string
+}
+
+export async function getArticleContent(slug: string) {
+  let postSource: string
+  try {
+    postSource = await promisify(readFile)(`_posts/blog/${slug}.md`, 'utf-8')
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  } catch (e: any) {
+    if (e.code === 'ENOENT') {
+      throw error(404, 'Post not found \n' + e.toString())
+    }
+    throw e
+  }
+
+  const parsedPost = fm<ArticleAttributes>(postSource)
+
+  const post = parseField<ArticleAttributes>('body')({
+    ...parsedPost.attributes,
+    body: parsedPost.body,
+  })
+  return post
+}
diff --git a/src/lib/content/articleContentListing.ts b/src/lib/articleContent/articleContentListing.ts
similarity index 82%
rename from src/lib/content/articleContentListing.ts
rename to src/lib/articleContent/articleContentListing.ts
index e4b5626..b319f69 100644
--- a/src/lib/content/articleContentListing.ts
+++ b/src/lib/articleContent/articleContentListing.ts
@@ -8,24 +8,13 @@ import {
   filterAndCount,
   type PaginationQuery,
 } from '$lib/pagination/pagination'
+import type { ArticleAttributes } from './articleContent'
+
+export interface ArticlePreviewAttributes extends ArticleAttributes {
+  preview: string
+}
 
 const { NODE_ENV } = process.env
-
-export interface ArticleAttributes {
-  layout: string
-  title: string
-  published: boolean
-  date: string
-  thumbnail: string
-  tags: string[]
-}
-
-export interface ArticleContent extends ArticleAttributes {
-  preview: string
-  slug: string
-  published: boolean
-}
-
 export async function getBlogListing(paginationQuery: PaginationQuery) {
   const files = await promisify(readdir)(`_posts/blog/`, 'utf-8')
   const filteredFiles = filterDevelopmentFiles(files)
@@ -52,9 +41,8 @@ export async function getBlogListing(paginationQuery: PaginationQuery) {
       }
     })
   )
-  console.log(paginationQuery);
   const filteredContents = pipe(
-    sortBy<ArticleContent>(prop('date')),
+    sortBy<ArticlePreviewAttributes>(prop('date')),
     (items) => reverse(items),
     filter<(typeof contents)[0]>((article) => article.published),
     filterAndCount(paginationQuery)
diff --git a/src/markdown/parse-markdown.ts b/src/lib/markdown/parse-markdown.ts
similarity index 100%
rename from src/markdown/parse-markdown.ts
rename to src/lib/markdown/parse-markdown.ts
diff --git a/src/markdown/renderer-extension.ts b/src/lib/markdown/renderer-extension.ts
similarity index 100%
rename from src/markdown/renderer-extension.ts
rename to src/lib/markdown/renderer-extension.ts
diff --git a/src/routes/blog/[slug=blogPage]/page.css.ts b/src/lib/styles/article/article.css.ts
similarity index 100%
rename from src/routes/blog/[slug=blogPage]/page.css.ts
rename to src/lib/styles/article/article.css.ts
diff --git a/src/routes/articles/[...params].json/+server.ts b/src/routes/articles/[...params].json/+server.ts
index 863a619..2bc27fd 100644
--- a/src/routes/articles/[...params].json/+server.ts
+++ b/src/routes/articles/[...params].json/+server.ts
@@ -3,7 +3,7 @@ import {
   parseParams,
 } from '$lib/pagination/dropTakeParams'
 import { json } from '@sveltejs/kit'
-import { getBlogListing } from '$lib/content/articleContentListing'
+import { getBlogListing } from '$lib/articleContent/articleContentListing'
 import type { RequestHandler } from './$types'
 
 export const prerender = true
diff --git a/src/routes/blog/[...params]/+page.ts b/src/routes/blog/[...params]/+page.ts
index 3b1d472..a26029e 100644
--- a/src/routes/blog/[...params]/+page.ts
+++ b/src/routes/blog/[...params]/+page.ts
@@ -1,6 +1,6 @@
 import { parseParams } from '$lib/pagination/dropTakeParams'
 import type { PageLoad } from './$types'
-import type { ArticleContent } from '$lib/content/articleContentListing'
+import type { ArticlePreviewAttributes } from '$lib/articleContent/articleContentListing'
 import type { PaginationResult } from '$lib/pagination/pagination'
 
 export const load = (async ({ fetch, params }) => {
@@ -9,7 +9,7 @@ export const load = (async ({ fetch, params }) => {
     `/articles/segments/blog${params.params ? `/${params.params}` : ''}.json`
   ).then((r) => r.json())
   return {
-    posts: articleResponse.posts as PaginationResult<ArticleContent>,
+    posts: articleResponse.posts as PaginationResult<ArticlePreviewAttributes >,
     page: Number(page),
     pageSize,
     filters,
diff --git a/src/routes/blog/[slug=blogPage]/+page.server.ts b/src/routes/blog/[slug=blogPage]/+page.server.ts
index 96efddb..5636172 100644
--- a/src/routes/blog/[slug=blogPage]/+page.server.ts
+++ b/src/routes/blog/[slug=blogPage]/+page.server.ts
@@ -1,35 +1,9 @@
-import { readFile } from 'fs'
-import { promisify } from 'util'
-import fm from 'front-matter'
-import { parseField } from '../../../markdown/parse-markdown'
-import { error } from '@sveltejs/kit'
-import type { ArticleAttributes } from '$lib/content/articleContentListing'
 import type { PageServerLoad } from './$types'
+import { getArticleContent } from '$lib/articleContent/articleContent'
 
 export const prerender = true
 
-export interface SinglePost {
-  body: string
-}
-
 export const load = (async ({ params: { slug } }) => {
-  let postSource: string
-  try {
-    postSource = await promisify(readFile)(`_posts/blog/${slug}.md`, 'utf-8')
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  } catch (e: any) {
-    if (e.code === 'ENOENT') {
-      throw error(404, 'Post not found \n' + e.toString())
-    }
-    throw e
-  }
-
-  const parsedPost = fm<ArticleAttributes>(postSource)
-
-  const post = parseField<SinglePost>('body')({
-    ...parsedPost.attributes,
-    body: parsedPost.body,
-  })
-
+  const post = await getArticleContent(slug);
   return post
 }) satisfies PageServerLoad
diff --git a/src/routes/blog/[slug=blogPage]/+page.svelte b/src/routes/blog/[slug=blogPage]/+page.svelte
index accc5e5..99c40ca 100644
--- a/src/routes/blog/[slug=blogPage]/+page.svelte
+++ b/src/routes/blog/[slug=blogPage]/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import ArticleFooter from '$lib/components/articles/ArticlePreviewFooter/ArticlePreviewFooter.svelte'
   import type { PageData } from './$types'
-  import { contentClass } from './page.css'
+  import { contentClass } from '$lib/styles/article/article.css'
 
   export let data: PageData
 </script>
diff --git a/src/routes/broadcasts/[...params]/+page.ts b/src/routes/broadcasts/[...params]/+page.ts
index 8d87256..f20f5cf 100644
--- a/src/routes/broadcasts/[...params]/+page.ts
+++ b/src/routes/broadcasts/[...params]/+page.ts
@@ -1,6 +1,6 @@
 import { parseParams } from '$lib/pagination/dropTakeParams'
 import type { PageLoad } from './$types'
-import type { ArticleContent } from '$lib/content/articleContentListing'
+import type { ArticlePreviewAttributes } from '$lib/articleContent/articleContentListing'
 import type { PaginationResult } from '$lib/pagination/pagination'
 
 export const load = (async ({ fetch, params }) => {
@@ -10,7 +10,7 @@ export const load = (async ({ fetch, params }) => {
   ).then((r) => r.json())
 
   return {
-    posts: articleResponse.posts as PaginationResult<ArticleContent>,
+    posts: articleResponse.posts as PaginationResult<ArticlePreviewAttributes>,
     page: Number(page),
     pageSize,
     filters,
diff --git a/src/routes/broadcasts/[slug=blogPage]/+page.server.ts b/src/routes/broadcasts/[slug=blogPage]/+page.server.ts
new file mode 100644
index 0000000..5636172
--- /dev/null
+++ b/src/routes/broadcasts/[slug=blogPage]/+page.server.ts
@@ -0,0 +1,9 @@
+import type { PageServerLoad } from './$types'
+import { getArticleContent } from '$lib/articleContent/articleContent'
+
+export const prerender = true
+
+export const load = (async ({ params: { slug } }) => {
+  const post = await getArticleContent(slug);
+  return post
+}) satisfies PageServerLoad
diff --git a/src/routes/broadcasts/[slug=blogPage]/+page.svelte b/src/routes/broadcasts/[slug=blogPage]/+page.svelte
new file mode 100644
index 0000000..52ed140
--- /dev/null
+++ b/src/routes/broadcasts/[slug=blogPage]/+page.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+  import ArticleFooter from '$lib/components/articles/ArticlePreviewFooter/ArticlePreviewFooter.svelte'
+  import type { PageData } from './$types'
+  import { contentClass } from '$lib/styles/article/article.css'
+
+  export let data: PageData
+</script>
+
+<svelte:head>
+  <title>{data.title}</title>
+</svelte:head>
+
+<h1>{data.title}</h1>
+
+<div class="content {contentClass}">
+  {@html data.body}
+</div>
+<ArticleFooter article={data} segment="broadcasts" />
diff --git a/src/routes/portfolio/+page.server.ts b/src/routes/portfolio/+page.server.ts
index 1db109c..602e49e 100644
--- a/src/routes/portfolio/+page.server.ts
+++ b/src/routes/portfolio/+page.server.ts
@@ -3,7 +3,7 @@ import { promisify } from 'util'
 import fm from 'front-matter'
 // TODO Switch marked for unified
 import marked from 'marked'
-import { parseField } from '../../markdown/parse-markdown'
+import { parseField } from '$lib/markdown/parse-markdown'
 import type { PageServerLoad } from './$types'
 
 export const prerender = true

From 1ffefddd607da9a2077cbafdb5bd528a006fb566 Mon Sep 17 00:00:00 2001
From: Michal Vanko <mklakakilli@gmail.com>
Date: Sat, 18 Feb 2023 21:24:43 +0100
Subject: [PATCH 5/8] resolved how to run scripts in articles, added devbreak
 broadcasts

---
 .../2022-03-16-devbreak-1-state-of-js-2021.md | 19 +++++++++++++++++++
 ...k-2-stories-and-impressions-hack-kosice.md | 17 +++++++++++++++++
 ...06-14-devbreak-3-full-stack-development.md | 17 +++++++++++++++++
 .../2023-01-22-devbreak-4-state-of-js-2022.md | 18 ++++++++++++++++++
 ...oys-and-concerns-of-engineering-manager.md | 17 +++++++++++++++++
 src/lib/articleContent/onMountScripts.ts      | 11 +++++++++++
 src/lib/styles/article/article.css.ts         |  6 ++++++
 src/routes/blog/[slug=blogPage]/+page.svelte  | 10 ++++++++--
 .../broadcasts/[slug=blogPage]/+page.svelte   | 10 ++++++++--
 static/admin/config.yml                       |  2 +-
 10 files changed, 122 insertions(+), 5 deletions(-)
 create mode 100644 _posts/blog/2022-03-16-devbreak-1-state-of-js-2021.md
 create mode 100644 _posts/blog/2022-04-27-devbreak-2-stories-and-impressions-hack-kosice.md
 create mode 100644 _posts/blog/2022-06-14-devbreak-3-full-stack-development.md
 create mode 100644 _posts/blog/2023-01-22-devbreak-4-state-of-js-2022.md
 create mode 100644 _posts/blog/2023-02-04-devbreak-5-joys-and-concerns-of-engineering-manager.md
 create mode 100644 src/lib/articleContent/onMountScripts.ts

diff --git a/_posts/blog/2022-03-16-devbreak-1-state-of-js-2021.md b/_posts/blog/2022-03-16-devbreak-1-state-of-js-2021.md
new file mode 100644
index 0000000..9846e4d
--- /dev/null
+++ b/_posts/blog/2022-03-16-devbreak-1-state-of-js-2021.md
@@ -0,0 +1,19 @@
+---
+layout: blog
+title: "DevBreak #1 State of JS 2021 review with Lukáš Orgován"
+segments:
+  - broadcasts
+published: true
+date: 2022-03-16T22:22:21.191Z
+tags:
+  - DevBreak
+---
+
+The first episode of the [DevBreak talk show](/broadcasts/tags/DevBreak).
+I've invited my close friend and a tech lead [Lukáš Orgován](https://www.linkedin.com/in/lukasorgovan/) to talk about the opinions on the results of the [State of JS 2021 survey](https://2021.stateofjs.com/en-us/).
+
+This episode aired in 16th of March 2022 and is in Slovak language.
+
+<div class="video-embed">
+<iframe src="https://player.twitch.tv/?video=1427225407&parent=localhost&parent=michalvanko.dev" frameborder="0" allowfullscreen="true" scrolling="no" height="100%" width="100%" class="embed"></iframe>
+</div>
diff --git a/_posts/blog/2022-04-27-devbreak-2-stories-and-impressions-hack-kosice.md b/_posts/blog/2022-04-27-devbreak-2-stories-and-impressions-hack-kosice.md
new file mode 100644
index 0000000..891fb2c
--- /dev/null
+++ b/_posts/blog/2022-04-27-devbreak-2-stories-and-impressions-hack-kosice.md
@@ -0,0 +1,17 @@
+---
+layout: blog
+title: "DevBreak #2 Stories and impressions from Hack Kosice 2022"
+segments:
+  - broadcasts
+published: true
+date: 2022-04-16T22:22:21.191Z
+tags:
+  - DevBreak
+---
+
+At the last possible moment, I have been able to invite **Daniela, Samuel, and Filip** over to talk about stories and their impressions of the _Hack Kosice 2022_ event that took place last weekend.
+This episode aired in 27th of April 2022 and is in Slovak language.
+
+<div class="video-embed">
+<iframe src="https://player.twitch.tv/?video=1468441353&parent=localhost&parent=michalvanko.dev" frameborder="0" allowfullscreen="true" scrolling="no" height="100%" width="100%" class="embed"></iframe>
+</div>
diff --git a/_posts/blog/2022-06-14-devbreak-3-full-stack-development.md b/_posts/blog/2022-06-14-devbreak-3-full-stack-development.md
new file mode 100644
index 0000000..f6a9d4d
--- /dev/null
+++ b/_posts/blog/2022-06-14-devbreak-3-full-stack-development.md
@@ -0,0 +1,17 @@
+---
+layout: blog
+title: "DevBreak #3 Full-stack development with Dominik Štefan"
+segments:
+  - broadcasts
+published: true
+date: 2022-06-14T22:22:21.191Z
+tags:
+  - DevBreak
+---
+
+My friend and former collegue [Dominik Štefan](https://www.linkedin.com/in/dominik-%C5%A1tefan-167266180/) came by to talk about his experience working on full-stack web application development. We have talked about many different topics but most importantly we had a lot of fun.
+This episode aired in 14th of June 2022 and is in Slovak language.
+
+<div class="video-embed">
+<iframe src="https://player.twitch.tv/?video=1503339615&parent=localhost&parent=michalvanko.dev" frameborder="0" allowfullscreen="true" scrolling="no" height="100%" width="100%" class="embed"></iframe>
+</div>
diff --git a/_posts/blog/2023-01-22-devbreak-4-state-of-js-2022.md b/_posts/blog/2023-01-22-devbreak-4-state-of-js-2022.md
new file mode 100644
index 0000000..2595209
--- /dev/null
+++ b/_posts/blog/2023-01-22-devbreak-4-state-of-js-2022.md
@@ -0,0 +1,18 @@
+---
+layout: blog
+title: "DevBreak #4 State of JS 2022 review with Filip Seman"
+segments:
+  - broadcasts
+published: true
+date: 2023-01-22T22:22:21.191Z
+tags:
+  - DevBreak
+---
+
+After another year, the results for the [State of JS](https://2022.stateofjs.com/en-us/) survey has been published.
+I've invited my #1 fan and friend [Filip Seman](https://www.linkedin.com/in/xseman/).
+This episode aired in 22nd of January 2023 and is in Slovak language.
+
+<div class="video-embed">
+<iframe src="https://player.twitch.tv/?video=1715138585&parent=localhost&parent=michalvanko.dev" frameborder="0" allowfullscreen="true" scrolling="no" height="100%" width="100%" class="embed"></iframe>
+</div>
diff --git a/_posts/blog/2023-02-04-devbreak-5-joys-and-concerns-of-engineering-manager.md b/_posts/blog/2023-02-04-devbreak-5-joys-and-concerns-of-engineering-manager.md
new file mode 100644
index 0000000..705e8ad
--- /dev/null
+++ b/_posts/blog/2023-02-04-devbreak-5-joys-and-concerns-of-engineering-manager.md
@@ -0,0 +1,17 @@
+---
+layout: blog
+title: "DevBreak #5 Joys and concerns of Engineering manager with Pavol Dudrík"
+segments:
+  - broadcasts
+published: true
+date: 2023-02-04T22:22:21.191Z
+tags:
+  - DevBreak
+---
+
+This episode I've invited my friend [Pavol Dudrík](https://www.linkedin.com/in/pavol-dudr%C3%ADk-043100168/) to talk about what motivates us and makes us happy about the work of Engineering manager. This job combines two different views, and the transition from engineer to manager is often full of pitfalls. We would like to share our experience and dispel the misconceptions that are often associated with managerial positions in IT.
+This episode aired in 4th of February 2023 and is in Slovak language.
+
+<div class="video-embed">
+<iframe src="https://player.twitch.tv/?video=1728904048&parent=localhost&parent=michalvanko.dev" frameborder="0" allowfullscreen="true" scrolling="no" height="100%" width="100%" class="embed"></iframe>
+</div>
diff --git a/src/lib/articleContent/onMountScripts.ts b/src/lib/articleContent/onMountScripts.ts
new file mode 100644
index 0000000..7410763
--- /dev/null
+++ b/src/lib/articleContent/onMountScripts.ts
@@ -0,0 +1,11 @@
+declare global {
+  interface Window {
+    onMountScripts?: Array<() => void>
+  }
+}
+export function runOnMountScripts() {
+  window.onMountScripts?.forEach((fn) => {
+    fn()
+  })
+}
+
diff --git a/src/lib/styles/article/article.css.ts b/src/lib/styles/article/article.css.ts
index 5bd8a6c..f794fcb 100644
--- a/src/lib/styles/article/article.css.ts
+++ b/src/lib/styles/article/article.css.ts
@@ -19,3 +19,9 @@ globalStyle(`${contentClass} img:only-child`, {
   display: 'block',
   margin: '0 auto',
 })
+
+globalStyle(`${contentClass} .video-embed`, {
+  margin: '0 auto',
+  maxWidth: vars.width.image,
+  aspectRatio: vars.aspectRatio.monitor,
+})
diff --git a/src/routes/blog/[slug=blogPage]/+page.svelte b/src/routes/blog/[slug=blogPage]/+page.svelte
index 99c40ca..b5036bd 100644
--- a/src/routes/blog/[slug=blogPage]/+page.svelte
+++ b/src/routes/blog/[slug=blogPage]/+page.svelte
@@ -2,8 +2,14 @@
   import ArticleFooter from '$lib/components/articles/ArticlePreviewFooter/ArticlePreviewFooter.svelte'
   import type { PageData } from './$types'
   import { contentClass } from '$lib/styles/article/article.css'
+  import { onMount } from 'svelte'
+  import { runOnMountScripts } from '$lib/articleContent/onMountScripts'
 
   export let data: PageData
+
+  onMount(() => {
+    runOnMountScripts()
+  })
 </script>
 
 <svelte:head>
@@ -12,7 +18,7 @@
 
 <h1>{data.title}</h1>
 
-<div class="content {contentClass}">
+<article class="content {contentClass}">
   {@html data.body}
-</div>
+</article>
 <ArticleFooter article={data} segment="blog" />
diff --git a/src/routes/broadcasts/[slug=blogPage]/+page.svelte b/src/routes/broadcasts/[slug=blogPage]/+page.svelte
index 52ed140..78a50e2 100644
--- a/src/routes/broadcasts/[slug=blogPage]/+page.svelte
+++ b/src/routes/broadcasts/[slug=blogPage]/+page.svelte
@@ -2,8 +2,14 @@
   import ArticleFooter from '$lib/components/articles/ArticlePreviewFooter/ArticlePreviewFooter.svelte'
   import type { PageData } from './$types'
   import { contentClass } from '$lib/styles/article/article.css'
+  import { onMount } from 'svelte'
+  import { runOnMountScripts } from '$lib/articleContent/onMountScripts'
 
   export let data: PageData
+
+  onMount(() => {
+    runOnMountScripts()
+  })
 </script>
 
 <svelte:head>
@@ -12,7 +18,7 @@
 
 <h1>{data.title}</h1>
 
-<div class="content {contentClass}">
+<article class="content {contentClass}">
   {@html data.body}
-</div>
+</article>
 <ArticleFooter article={data} segment="broadcasts" />
diff --git a/static/admin/config.yml b/static/admin/config.yml
index 206c50f..446a536 100644
--- a/static/admin/config.yml
+++ b/static/admin/config.yml
@@ -25,7 +25,7 @@ collections:
         multiple: true
         options: 
           - { label: 'Blog', value: 'blog' }
-          - { label: 'Broadcasts', value:  'Broadcasts' }
+          - { label: 'Broadcasts', value:  'broadcasts' }
           - { label: 'Cookbook', value: 'cookbook' }
         default: ['blog']
       - {

From 6969858727801bd0c91209243b1f6847b877d451 Mon Sep 17 00:00:00 2001
From: Michal Vanko <mklakakilli@gmail.com>
Date: Mon, 20 Feb 2023 11:16:25 +0100
Subject: [PATCH 6/8] Grammarly and date check

---
 ...s-2021.md => 2022-03-15-devbreak-1-state-of-js-2021.md} | 5 ++---
 ...4-26-devbreak-2-stories-and-impressions-hack-kosice.md} | 4 ++--
 ....md => 2022-06-09-devbreak-3-full-stack-development.md} | 6 +++---
 ...s-2022.md => 2023-01-21-devbreak-4-state-of-js-2022.md} | 7 +++----
 ...-devbreak-5-joys-and-concerns-of-engineering-manager.md | 7 +++----
 5 files changed, 13 insertions(+), 16 deletions(-)
 rename _posts/blog/{2022-03-16-devbreak-1-state-of-js-2021.md => 2022-03-15-devbreak-1-state-of-js-2021.md} (86%)
 rename _posts/blog/{2022-04-27-devbreak-2-stories-and-impressions-hack-kosice.md => 2022-04-26-devbreak-2-stories-and-impressions-hack-kosice.md} (84%)
 rename _posts/blog/{2022-06-14-devbreak-3-full-stack-development.md => 2022-06-09-devbreak-3-full-stack-development.md} (50%)
 rename _posts/blog/{2023-01-22-devbreak-4-state-of-js-2022.md => 2023-01-21-devbreak-4-state-of-js-2022.md} (67%)

diff --git a/_posts/blog/2022-03-16-devbreak-1-state-of-js-2021.md b/_posts/blog/2022-03-15-devbreak-1-state-of-js-2021.md
similarity index 86%
rename from _posts/blog/2022-03-16-devbreak-1-state-of-js-2021.md
rename to _posts/blog/2022-03-15-devbreak-1-state-of-js-2021.md
index 9846e4d..a02ece4 100644
--- a/_posts/blog/2022-03-16-devbreak-1-state-of-js-2021.md
+++ b/_posts/blog/2022-03-15-devbreak-1-state-of-js-2021.md
@@ -4,15 +4,14 @@ title: "DevBreak #1 State of JS 2021 review with Lukáš Orgován"
 segments:
   - broadcasts
 published: true
-date: 2022-03-16T22:22:21.191Z
+date: 2022-03-15T20:22:21.191Z
 tags:
   - DevBreak
 ---
-
 The first episode of the [DevBreak talk show](/broadcasts/tags/DevBreak).
 I've invited my close friend and a tech lead [Lukáš Orgován](https://www.linkedin.com/in/lukasorgovan/) to talk about the opinions on the results of the [State of JS 2021 survey](https://2021.stateofjs.com/en-us/).
 
-This episode aired in 16th of March 2022 and is in Slovak language.
+This episode aired on the 15th of March 2022 and is in the Slovak language.
 
 <div class="video-embed">
 <iframe src="https://player.twitch.tv/?video=1427225407&parent=localhost&parent=michalvanko.dev" frameborder="0" allowfullscreen="true" scrolling="no" height="100%" width="100%" class="embed"></iframe>
diff --git a/_posts/blog/2022-04-27-devbreak-2-stories-and-impressions-hack-kosice.md b/_posts/blog/2022-04-26-devbreak-2-stories-and-impressions-hack-kosice.md
similarity index 84%
rename from _posts/blog/2022-04-27-devbreak-2-stories-and-impressions-hack-kosice.md
rename to _posts/blog/2022-04-26-devbreak-2-stories-and-impressions-hack-kosice.md
index 891fb2c..77a2f91 100644
--- a/_posts/blog/2022-04-27-devbreak-2-stories-and-impressions-hack-kosice.md
+++ b/_posts/blog/2022-04-26-devbreak-2-stories-and-impressions-hack-kosice.md
@@ -4,13 +4,13 @@ title: "DevBreak #2 Stories and impressions from Hack Kosice 2022"
 segments:
   - broadcasts
 published: true
-date: 2022-04-16T22:22:21.191Z
+date: 2022-04-26T20:22:21.191Z
 tags:
   - DevBreak
 ---
 
 At the last possible moment, I have been able to invite **Daniela, Samuel, and Filip** over to talk about stories and their impressions of the _Hack Kosice 2022_ event that took place last weekend.
-This episode aired in 27th of April 2022 and is in Slovak language.
+This episode aired on the 26th of April 2022 and is in the Slovak language.
 
 <div class="video-embed">
 <iframe src="https://player.twitch.tv/?video=1468441353&parent=localhost&parent=michalvanko.dev" frameborder="0" allowfullscreen="true" scrolling="no" height="100%" width="100%" class="embed"></iframe>
diff --git a/_posts/blog/2022-06-14-devbreak-3-full-stack-development.md b/_posts/blog/2022-06-09-devbreak-3-full-stack-development.md
similarity index 50%
rename from _posts/blog/2022-06-14-devbreak-3-full-stack-development.md
rename to _posts/blog/2022-06-09-devbreak-3-full-stack-development.md
index f6a9d4d..6ced5cf 100644
--- a/_posts/blog/2022-06-14-devbreak-3-full-stack-development.md
+++ b/_posts/blog/2022-06-09-devbreak-3-full-stack-development.md
@@ -4,13 +4,13 @@ title: "DevBreak #3 Full-stack development with Dominik Štefan"
 segments:
   - broadcasts
 published: true
-date: 2022-06-14T22:22:21.191Z
+date: 2022-06-09T20:22:21.191Z
 tags:
   - DevBreak
 ---
 
-My friend and former collegue [Dominik Štefan](https://www.linkedin.com/in/dominik-%C5%A1tefan-167266180/) came by to talk about his experience working on full-stack web application development. We have talked about many different topics but most importantly we had a lot of fun.
-This episode aired in 14th of June 2022 and is in Slovak language.
+My friend and former colleague [Dominik Štefan](https://www.linkedin.com/in/dominik-%C5%A1tefan-167266180/) came by to talk about his experience working on full-stack web application development. We talked about many different topics but most importantly we had a lot of fun.
+This episode aired on the 9th of June 2022 and is in the Slovak language.
 
 <div class="video-embed">
 <iframe src="https://player.twitch.tv/?video=1503339615&parent=localhost&parent=michalvanko.dev" frameborder="0" allowfullscreen="true" scrolling="no" height="100%" width="100%" class="embed"></iframe>
diff --git a/_posts/blog/2023-01-22-devbreak-4-state-of-js-2022.md b/_posts/blog/2023-01-21-devbreak-4-state-of-js-2022.md
similarity index 67%
rename from _posts/blog/2023-01-22-devbreak-4-state-of-js-2022.md
rename to _posts/blog/2023-01-21-devbreak-4-state-of-js-2022.md
index 2595209..43d15f8 100644
--- a/_posts/blog/2023-01-22-devbreak-4-state-of-js-2022.md
+++ b/_posts/blog/2023-01-21-devbreak-4-state-of-js-2022.md
@@ -4,14 +4,13 @@ title: "DevBreak #4 State of JS 2022 review with Filip Seman"
 segments:
   - broadcasts
 published: true
-date: 2023-01-22T22:22:21.191Z
+date: 2023-01-21T20:22:21.191Z
 tags:
   - DevBreak
 ---
-
-After another year, the results for the [State of JS](https://2022.stateofjs.com/en-us/) survey has been published.
+After another year, the results of the [State of JS](https://2022.stateofjs.com/en-us/) survey have been published.
 I've invited my #1 fan and friend [Filip Seman](https://www.linkedin.com/in/xseman/).
-This episode aired in 22nd of January 2023 and is in Slovak language.
+This episode aired on the 21st of January 2023 and is in the Slovak language.
 
 <div class="video-embed">
 <iframe src="https://player.twitch.tv/?video=1715138585&parent=localhost&parent=michalvanko.dev" frameborder="0" allowfullscreen="true" scrolling="no" height="100%" width="100%" class="embed"></iframe>
diff --git a/_posts/blog/2023-02-04-devbreak-5-joys-and-concerns-of-engineering-manager.md b/_posts/blog/2023-02-04-devbreak-5-joys-and-concerns-of-engineering-manager.md
index 705e8ad..c40bd72 100644
--- a/_posts/blog/2023-02-04-devbreak-5-joys-and-concerns-of-engineering-manager.md
+++ b/_posts/blog/2023-02-04-devbreak-5-joys-and-concerns-of-engineering-manager.md
@@ -4,13 +4,12 @@ title: "DevBreak #5 Joys and concerns of Engineering manager with Pavol Dudrík"
 segments:
   - broadcasts
 published: true
-date: 2023-02-04T22:22:21.191Z
+date: 2023-02-04T20:22:21.191Z
 tags:
   - DevBreak
 ---
-
-This episode I've invited my friend [Pavol Dudrík](https://www.linkedin.com/in/pavol-dudr%C3%ADk-043100168/) to talk about what motivates us and makes us happy about the work of Engineering manager. This job combines two different views, and the transition from engineer to manager is often full of pitfalls. We would like to share our experience and dispel the misconceptions that are often associated with managerial positions in IT.
-This episode aired in 4th of February 2023 and is in Slovak language.
+In this episode, I've invited my friend [Pavol Dudrík](https://www.linkedin.com/in/pavol-dudr%C3%ADk-043100168/) to talk about what motivates us and makes us happy about the work of the Engineering manager. This job combines two views, and the transition from engineer to manager is often full of pitfalls. We want to share our experience and dispel misconceptions often associated with managerial positions in IT.
+This episode aired on the 4th of February 2023 and is in the Slovak language.
 
 <div class="video-embed">
 <iframe src="https://player.twitch.tv/?video=1728904048&parent=localhost&parent=michalvanko.dev" frameborder="0" allowfullscreen="true" scrolling="no" height="100%" width="100%" class="embed"></iframe>

From 3b80a0602ff058b95f1c4532347ad0b1f6304477 Mon Sep 17 00:00:00 2001
From: Michal Vanko <mklakakilli@gmail.com>
Date: Tue, 21 Feb 2023 20:22:09 +0100
Subject: [PATCH 7/8] fix build

---
 src/lib/articleContent/articleContent.ts        | 11 ++++++-----
 src/lib/components/Footer.svelte                |  6 +++---
 src/lib/pagination/dropTakeParams.ts            |  6 +++---
 src/lib/pagination/pagination.ts                |  5 +++--
 src/routes/articles/[...params].json/+server.ts |  1 -
 src/routes/feed.ts                              |  2 +-
 6 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/lib/articleContent/articleContent.ts b/src/lib/articleContent/articleContent.ts
index 0fa57fe..7698f81 100644
--- a/src/lib/articleContent/articleContent.ts
+++ b/src/lib/articleContent/articleContent.ts
@@ -1,12 +1,13 @@
-import { error } from "@sveltejs/kit";
-import fm from "front-matter";
-import { readFile } from "fs";
-import { parseField } from "$lib/markdown/parse-markdown";
-import { promisify } from "util";
+import { error } from '@sveltejs/kit'
+import fm from 'front-matter'
+import { readFile } from 'fs'
+import { parseField } from '$lib/markdown/parse-markdown'
+import { promisify } from 'util'
 
 export interface ArticleAttributes {
   slug: string
   layout: string
+  segments: string[]
   title: string
   published: boolean
   date: string
diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
index 371c7ea..fc0e22b 100644
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { format } from 'date-fns'
-  import type { ArticleContent } from '$lib/content/articleContentListing'
+  import type { ArticlePreviewAttributes } from '$lib/articleContent/articleContentListing'
   import SvgIcon from './SvgIcon.svelte'
   import {
     boldClass,
@@ -22,7 +22,7 @@
     licenceText,
   } from './Footer.css'
 
-  export let latestPosts: ArticleContent[]
+  export let latestPosts: ArticlePreviewAttributes[]
 </script>
 
 <footer class="site-footer navigation-theme {siteFooterClass}">
@@ -61,7 +61,7 @@
       <ul class={listUlClass}>
         {#each latestPosts as post}
           <li class={listLiClass}>
-            <a rel="prefetch" href="/blog/{post.slug}">
+            <a rel="prefetch" href="/{post.segments[0]}/{post.slug}">
               <span>{post.title}</span>
               <time class="date {dateClass}" datetime={post.date}>
                 - {format(new Date(post.date), 'do MMM, yyyy')}
diff --git a/src/lib/pagination/dropTakeParams.ts b/src/lib/pagination/dropTakeParams.ts
index b231cae..6415f63 100644
--- a/src/lib/pagination/dropTakeParams.ts
+++ b/src/lib/pagination/dropTakeParams.ts
@@ -1,9 +1,9 @@
-import { splitEvery } from 'ramda'
+import { init, splitEvery } from 'ramda'
 
 export function parseParams(params: string) {
-  const splittedParams = params.split('/')
+  let splittedParams = params.split('/')
   if (splittedParams.length % 2 !== 0) {
-    return []
+    splittedParams = init(splittedParams)
   }
   const splits = splitEvery(2, splittedParams)
   return Object.fromEntries(splits)
diff --git a/src/lib/pagination/pagination.ts b/src/lib/pagination/pagination.ts
index 9f00104..e2c5b5c 100644
--- a/src/lib/pagination/pagination.ts
+++ b/src/lib/pagination/pagination.ts
@@ -18,7 +18,9 @@ export function dropAndTake<Item>({ offset = 0, limit = Infinity }) {
 }
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function filterByPropContains<Item extends Record<string, any>>(filters: Record<string, string>) {
+export function filterByPropContains<Item extends Record<string, any>>(
+  filters: Record<string, string>
+) {
   return function (items: Item[]) {
     return items.filter((item) => {
       return Object.entries(filters).every(([fieldName, value]) =>
@@ -34,7 +36,6 @@ export function filterAndCount<Item extends Record<string, any>>({
   ...dropTakeParams
 }: PaginationQuery) {
   return function (items: Item[]) {
-    console.log(filters);
     const filterFunction = filters
       ? filterByPropContains<Item>(filters)
       : identity
diff --git a/src/routes/articles/[...params].json/+server.ts b/src/routes/articles/[...params].json/+server.ts
index 2bc27fd..f836a3d 100644
--- a/src/routes/articles/[...params].json/+server.ts
+++ b/src/routes/articles/[...params].json/+server.ts
@@ -8,7 +8,6 @@ import type { RequestHandler } from './$types'
 
 export const prerender = true
 export const GET = (async ({ params }) => {
-  console.log(params);
   const handledParams = params.params === 'index' ? '' : params.params
   const { page = 1, pageSize = 7, ...filters } = parseParams(handledParams)
   const paginationParams = getDropTakeFromPageParams(
diff --git a/src/routes/feed.ts b/src/routes/feed.ts
index 00cb063..9866147 100644
--- a/src/routes/feed.ts
+++ b/src/routes/feed.ts
@@ -1,5 +1,5 @@
+import { getBlogListing } from '$lib/articleContent/articleContentListing'
 import { Feed } from 'feed'
-import { getBlogListing } from './blog/content'
 
 export async function getFeed() {
   const feed = new Feed({

From 0a9c666cff96fa6f8aa46d7fa9bec28bfb0aed96 Mon Sep 17 00:00:00 2001
From: Michal Vanko <mklakakilli@gmail.com>
Date: Tue, 21 Feb 2023 22:03:16 +0100
Subject: [PATCH 8/8] Rename daco to shownPages

---
 src/lib/components/paginator/paginatorUtils.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/paginator/paginatorUtils.ts b/src/lib/components/paginator/paginatorUtils.ts
index 58375dd..23d9dac 100644
--- a/src/lib/components/paginator/paginatorUtils.ts
+++ b/src/lib/components/paginator/paginatorUtils.ts
@@ -15,7 +15,9 @@ export function getPaginatorPages({
   const maxLinksLength = 7
   const linksAroundActive = 2
   const totalPages = Math.ceil(totalCount / pageSize)
-  const daco = range(1, totalPages + 1).reduce<(number | typeof Divider)[]>((acc, link) => {
+  const shownPages = range(1, totalPages + 1).reduce<
+    (number | typeof Divider)[]
+  >((acc, link) => {
     const isFirst = link === 1
     const isLast = link === totalPages
     const isPageOnStart = page <= 3 && link < maxLinksLength
@@ -36,7 +38,7 @@ export function getPaginatorPages({
     return [...acc, link]
   }, [])
 
-  return daco
+  return shownPages
 }
 
 export function createHref(