diff --git a/locales/en.json5 b/locales/en.json5
index c043f16..64435e6 100644
--- a/locales/en.json5
+++ b/locales/en.json5
@@ -1,7 +1,7 @@
 // The localization file for all text on the site
 {
 	global: {
-		download: 'Download for free',
+		download: 'Download',
 		learn_more: 'Learn more'
 	},
 	nav: {
diff --git a/package-lock.json b/package-lock.json
index 374d0d4..3e9981d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,9 +8,11 @@
 			"name": "hello-sveltekit",
 			"version": "0.0.1",
 			"dependencies": {
+				"@directus/sdk": "^10.1.1",
 				"accept-language-parser": "^1.5.0",
 				"cookie": "^0.4.1",
 				"rss-parser": "^3.12.0",
+				"sanitize-html": "^2.7.1",
 				"svelte-intl-precompile": "^0.11.1"
 			},
 			"devDependencies": {
@@ -24,6 +26,7 @@
 				"@types/accept-language-parser": "^1.5.3",
 				"@types/cookie": "^0.5.1",
 				"@types/feedparser": "^2.2.5",
+				"@types/sanitize-html": "^2.6.2",
 				"@typescript-eslint/eslint-plugin": "^5.27.0",
 				"@typescript-eslint/parser": "^5.27.0",
 				"eslint": "^8.16.0",
@@ -425,6 +428,14 @@
 			"integrity": "sha512-B1/plF62pt+H2IJHvApK8fdOJAVsvojvacuac8x8s+JIyqbropMyqNqHTKLm3YD8ZFLGwYeFTudU+PQ7vGvBdA==",
 			"dev": true
 		},
+		"node_modules/@directus/sdk": {
+			"version": "10.1.1",
+			"resolved": "https://registry.npmjs.org/@directus/sdk/-/sdk-10.1.1.tgz",
+			"integrity": "sha512-b3QHLBSyRLp5ji2b2MfFRDveoSqhZyJ0+ZU8t6HYVMLnIYEVw2zsqA1Iwvjc1YV7zH6D0xJ4NifIxwApvxlUvQ==",
+			"dependencies": {
+				"axios": "^0.27.2"
+			}
+		},
 		"node_modules/@eslint/eslintrc": {
 			"version": "1.3.0",
 			"resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.0.tgz",
@@ -765,12 +776,12 @@
 			}
 		},
 		"node_modules/@sveltejs/kit": {
-			"version": "1.0.0-next.372",
-			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.0.0-next.372.tgz",
-			"integrity": "sha512-pcnDfV8YQwj7d/SCaKWT7yPBrmgkPH9Dc4UIeX8yTLXDu8IPzI5kukEOy4xf6LjyJsuSGPy1Ch91ULugtVIdAQ==",
+			"version": "1.0.0-next.396",
+			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.0.0-next.396.tgz",
+			"integrity": "sha512-bKFpuzp9QxPkOIOEIeNeedvxEMORNqBPxUmoJXDP/Se7MrSfcxYiamjBcKrG+bgGNWmV39nD3EvUox+CXno/Ig==",
 			"dev": true,
 			"dependencies": {
-				"@sveltejs/vite-plugin-svelte": "1.0.0-next.49",
+				"@sveltejs/vite-plugin-svelte": "^1.0.1",
 				"chokidar": "^3.5.3",
 				"sade": "^1.8.1"
 			},
@@ -782,29 +793,29 @@
 			},
 			"peerDependencies": {
 				"svelte": "^3.44.0",
-				"vite": "^2.9.10"
+				"vite": "^3.0.0"
 			}
 		},
-		"node_modules/@sveltejs/kit/node_modules/@sveltejs/vite-plugin-svelte": {
-			"version": "1.0.0-next.49",
-			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-1.0.0-next.49.tgz",
-			"integrity": "sha512-AKh0Ka8EDgidnxWUs8Hh2iZLZovkETkefO99XxZ4sW4WGJ7VFeBx5kH/NIIGlaNHLcrIvK3CK0HkZwC3Cici0A==",
+		"node_modules/@sveltejs/vite-plugin-svelte": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-1.0.1.tgz",
+			"integrity": "sha512-PorCgUounn0VXcpeJu+hOweZODKmGuLHsLomwqSj+p26IwjjGffmYQfVHtiTWq+NqaUuuHWWG7vPge6UFw4Aeg==",
 			"dev": true,
 			"dependencies": {
 				"@rollup/pluginutils": "^4.2.1",
 				"debug": "^4.3.4",
 				"deepmerge": "^4.2.2",
-				"kleur": "^4.1.4",
+				"kleur": "^4.1.5",
 				"magic-string": "^0.26.2",
 				"svelte-hmr": "^0.14.12"
 			},
 			"engines": {
-				"node": "^14.13.1 || >= 16"
+				"node": "^14.18.0 || >= 16"
 			},
 			"peerDependencies": {
 				"diff-match-patch": "^1.0.5",
 				"svelte": "^3.44.0",
-				"vite": "^2.9.0"
+				"vite": "^3.0.0"
 			},
 			"peerDependenciesMeta": {
 				"diff-match-patch": {
@@ -852,6 +863,15 @@
 			"integrity": "sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==",
 			"dev": true
 		},
+		"node_modules/@types/sanitize-html": {
+			"version": "2.6.2",
+			"resolved": "https://registry.npmjs.org/@types/sanitize-html/-/sanitize-html-2.6.2.tgz",
+			"integrity": "sha512-7Lu2zMQnmHHQGKXVvCOhSziQMpa+R2hMHFefzbYoYMHeaXR0uXqNeOc3JeQQQ8/6Xa2Br/P1IQTLzV09xxAiUQ==",
+			"dev": true,
+			"dependencies": {
+				"htmlparser2": "^6.0.0"
+			}
+		},
 		"node_modules/@types/sass": {
 			"version": "1.43.1",
 			"resolved": "https://registry.npmjs.org/@types/sass/-/sass-1.43.1.tgz",
@@ -1205,6 +1225,20 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/asynckit": {
+			"version": "0.4.0",
+			"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+			"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+		},
+		"node_modules/axios": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz",
+			"integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==",
+			"dependencies": {
+				"follow-redirects": "^1.14.9",
+				"form-data": "^4.0.0"
+			}
+		},
 		"node_modules/babel-plugin-precompile-intl": {
 			"version": "0.5.1",
 			"resolved": "https://registry.npmjs.org/babel-plugin-precompile-intl/-/babel-plugin-precompile-intl-0.5.1.tgz",
@@ -1412,6 +1446,17 @@
 				"color-support": "bin.js"
 			}
 		},
+		"node_modules/combined-stream": {
+			"version": "1.0.8",
+			"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+			"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+			"dependencies": {
+				"delayed-stream": "~1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.8"
+			}
+		},
 		"node_modules/concat-map": {
 			"version": "0.0.1",
 			"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -1518,11 +1563,18 @@
 			"version": "4.2.2",
 			"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
 			"integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
-			"dev": true,
 			"engines": {
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/delayed-stream": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+			"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+			"engines": {
+				"node": ">=0.4.0"
+			}
+		},
 		"node_modules/delegates": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
@@ -1571,6 +1623,57 @@
 				"node": ">=6.0.0"
 			}
 		},
+		"node_modules/dom-serializer": {
+			"version": "1.4.1",
+			"resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+			"integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+			"dependencies": {
+				"domelementtype": "^2.0.1",
+				"domhandler": "^4.2.0",
+				"entities": "^2.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+			}
+		},
+		"node_modules/domelementtype": {
+			"version": "2.3.0",
+			"resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+			"integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/fb55"
+				}
+			]
+		},
+		"node_modules/domhandler": {
+			"version": "4.3.1",
+			"resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+			"integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+			"dependencies": {
+				"domelementtype": "^2.2.0"
+			},
+			"engines": {
+				"node": ">= 4"
+			},
+			"funding": {
+				"url": "https://github.com/fb55/domhandler?sponsor=1"
+			}
+		},
+		"node_modules/domutils": {
+			"version": "2.8.0",
+			"resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+			"integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+			"dependencies": {
+				"dom-serializer": "^1.0.1",
+				"domelementtype": "^2.2.0",
+				"domhandler": "^4.2.0"
+			},
+			"funding": {
+				"url": "https://github.com/fb55/domutils?sponsor=1"
+			}
+		},
 		"node_modules/electron-to-chromium": {
 			"version": "1.4.189",
 			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.189.tgz",
@@ -1963,7 +2066,6 @@
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
 			"integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-			"dev": true,
 			"engines": {
 				"node": ">=10"
 			},
@@ -2319,7 +2421,6 @@
 			"version": "1.15.1",
 			"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.1.tgz",
 			"integrity": "sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA==",
-			"dev": true,
 			"funding": [
 				{
 					"type": "individual",
@@ -2335,6 +2436,19 @@
 				}
 			}
 		},
+		"node_modules/form-data": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+			"integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+			"dependencies": {
+				"asynckit": "^0.4.0",
+				"combined-stream": "^1.0.8",
+				"mime-types": "^2.1.12"
+			},
+			"engines": {
+				"node": ">= 6"
+			}
+		},
 		"node_modules/form-urlencoded": {
 			"version": "2.0.9",
 			"resolved": "https://registry.npmjs.org/form-urlencoded/-/form-urlencoded-2.0.9.tgz",
@@ -2609,6 +2723,24 @@
 			"integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
 			"dev": true
 		},
+		"node_modules/htmlparser2": {
+			"version": "6.1.0",
+			"resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
+			"integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==",
+			"funding": [
+				"https://github.com/fb55/htmlparser2?sponsor=1",
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/fb55"
+				}
+			],
+			"dependencies": {
+				"domelementtype": "^2.0.1",
+				"domhandler": "^4.0.0",
+				"domutils": "^2.5.2",
+				"entities": "^2.0.0"
+			}
+		},
 		"node_modules/https-proxy-agent": {
 			"version": "5.0.1",
 			"resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
@@ -2968,6 +3100,25 @@
 				"node": ">=8.6"
 			}
 		},
+		"node_modules/mime-db": {
+			"version": "1.52.0",
+			"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+			"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
+		"node_modules/mime-types": {
+			"version": "2.1.35",
+			"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+			"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+			"dependencies": {
+				"mime-db": "1.52.0"
+			},
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
 		"node_modules/mimic-response": {
 			"version": "3.1.0",
 			"resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
@@ -3077,7 +3228,6 @@
 			"version": "3.3.4",
 			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
 			"integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
-			"dev": true,
 			"bin": {
 				"nanoid": "bin/nanoid.cjs"
 			},
@@ -3225,6 +3375,11 @@
 			"integrity": "sha512-ft3iAoLOB/MlwbNXgzy43SWGP6sQki2jQvAyBg/zDFAgr9bfNWZIUj42Kw2eJIl8kEi4PbgE6U1Zau/HwI75HA==",
 			"dev": true
 		},
+		"node_modules/parse-srcset": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/parse-srcset/-/parse-srcset-1.0.2.tgz",
+			"integrity": "sha512-/2qh0lav6CmI15FzA3i/2Bzk2zCgQhGMkvhOhKNcBVQ1ldgpbfiNTVslmooUmWJcADi1f1kIeynbDRVzNlfR6Q=="
+		},
 		"node_modules/path-is-absolute": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
@@ -3299,7 +3454,6 @@
 			"version": "8.4.14",
 			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz",
 			"integrity": "sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==",
-			"dev": true,
 			"funding": [
 				{
 					"type": "opencollective",
@@ -3658,6 +3812,27 @@
 				"rimraf": "bin.js"
 			}
 		},
+		"node_modules/sanitize-html": {
+			"version": "2.7.1",
+			"resolved": "https://registry.npmjs.org/sanitize-html/-/sanitize-html-2.7.1.tgz",
+			"integrity": "sha512-oOpe8l4J8CaBk++2haoN5yNI5beekjuHv3JRPKUx/7h40Rdr85pemn4NkvUB3TcBP7yjat574sPlcMAyv4UQig==",
+			"dependencies": {
+				"deepmerge": "^4.2.2",
+				"escape-string-regexp": "^4.0.0",
+				"htmlparser2": "^6.0.0",
+				"is-plain-object": "^5.0.0",
+				"parse-srcset": "^1.0.2",
+				"postcss": "^8.3.11"
+			}
+		},
+		"node_modules/sanitize-html/node_modules/is-plain-object": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+			"integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
 		"node_modules/sass": {
 			"version": "1.53.0",
 			"resolved": "https://registry.npmjs.org/sass/-/sass-1.53.0.tgz",
@@ -3782,7 +3957,6 @@
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
 			"integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
-			"dev": true,
 			"engines": {
 				"node": ">=0.10.0"
 			}
@@ -4703,6 +4877,14 @@
 			"integrity": "sha512-B1/plF62pt+H2IJHvApK8fdOJAVsvojvacuac8x8s+JIyqbropMyqNqHTKLm3YD8ZFLGwYeFTudU+PQ7vGvBdA==",
 			"dev": true
 		},
+		"@directus/sdk": {
+			"version": "10.1.1",
+			"resolved": "https://registry.npmjs.org/@directus/sdk/-/sdk-10.1.1.tgz",
+			"integrity": "sha512-b3QHLBSyRLp5ji2b2MfFRDveoSqhZyJ0+ZU8t6HYVMLnIYEVw2zsqA1Iwvjc1YV7zH6D0xJ4NifIxwApvxlUvQ==",
+			"requires": {
+				"axios": "^0.27.2"
+			}
+		},
 		"@eslint/eslintrc": {
 			"version": "1.3.0",
 			"resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.0.tgz",
@@ -4995,30 +5177,28 @@
 			}
 		},
 		"@sveltejs/kit": {
-			"version": "1.0.0-next.372",
-			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.0.0-next.372.tgz",
-			"integrity": "sha512-pcnDfV8YQwj7d/SCaKWT7yPBrmgkPH9Dc4UIeX8yTLXDu8IPzI5kukEOy4xf6LjyJsuSGPy1Ch91ULugtVIdAQ==",
+			"version": "1.0.0-next.396",
+			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.0.0-next.396.tgz",
+			"integrity": "sha512-bKFpuzp9QxPkOIOEIeNeedvxEMORNqBPxUmoJXDP/Se7MrSfcxYiamjBcKrG+bgGNWmV39nD3EvUox+CXno/Ig==",
 			"dev": true,
 			"requires": {
-				"@sveltejs/vite-plugin-svelte": "1.0.0-next.49",
+				"@sveltejs/vite-plugin-svelte": "^1.0.1",
 				"chokidar": "^3.5.3",
 				"sade": "^1.8.1"
-			},
-			"dependencies": {
-				"@sveltejs/vite-plugin-svelte": {
-					"version": "1.0.0-next.49",
-					"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-1.0.0-next.49.tgz",
-					"integrity": "sha512-AKh0Ka8EDgidnxWUs8Hh2iZLZovkETkefO99XxZ4sW4WGJ7VFeBx5kH/NIIGlaNHLcrIvK3CK0HkZwC3Cici0A==",
-					"dev": true,
-					"requires": {
-						"@rollup/pluginutils": "^4.2.1",
-						"debug": "^4.3.4",
-						"deepmerge": "^4.2.2",
-						"kleur": "^4.1.4",
-						"magic-string": "^0.26.2",
-						"svelte-hmr": "^0.14.12"
-					}
-				}
+			}
+		},
+		"@sveltejs/vite-plugin-svelte": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-1.0.1.tgz",
+			"integrity": "sha512-PorCgUounn0VXcpeJu+hOweZODKmGuLHsLomwqSj+p26IwjjGffmYQfVHtiTWq+NqaUuuHWWG7vPge6UFw4Aeg==",
+			"dev": true,
+			"requires": {
+				"@rollup/pluginutils": "^4.2.1",
+				"debug": "^4.3.4",
+				"deepmerge": "^4.2.2",
+				"kleur": "^4.1.5",
+				"magic-string": "^0.26.2",
+				"svelte-hmr": "^0.14.12"
 			}
 		},
 		"@types/accept-language-parser": {
@@ -5061,6 +5241,15 @@
 			"integrity": "sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==",
 			"dev": true
 		},
+		"@types/sanitize-html": {
+			"version": "2.6.2",
+			"resolved": "https://registry.npmjs.org/@types/sanitize-html/-/sanitize-html-2.6.2.tgz",
+			"integrity": "sha512-7Lu2zMQnmHHQGKXVvCOhSziQMpa+R2hMHFefzbYoYMHeaXR0uXqNeOc3JeQQQ8/6Xa2Br/P1IQTLzV09xxAiUQ==",
+			"dev": true,
+			"requires": {
+				"htmlparser2": "^6.0.0"
+			}
+		},
 		"@types/sass": {
 			"version": "1.43.1",
 			"resolved": "https://registry.npmjs.org/@types/sass/-/sass-1.43.1.tgz",
@@ -5289,6 +5478,20 @@
 			"integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
 			"dev": true
 		},
+		"asynckit": {
+			"version": "0.4.0",
+			"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+			"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+		},
+		"axios": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz",
+			"integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==",
+			"requires": {
+				"follow-redirects": "^1.14.9",
+				"form-data": "^4.0.0"
+			}
+		},
 		"babel-plugin-precompile-intl": {
 			"version": "0.5.1",
 			"resolved": "https://registry.npmjs.org/babel-plugin-precompile-intl/-/babel-plugin-precompile-intl-0.5.1.tgz",
@@ -5426,6 +5629,14 @@
 			"integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
 			"dev": true
 		},
+		"combined-stream": {
+			"version": "1.0.8",
+			"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+			"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+			"requires": {
+				"delayed-stream": "~1.0.0"
+			}
+		},
 		"concat-map": {
 			"version": "0.0.1",
 			"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -5510,8 +5721,12 @@
 		"deepmerge": {
 			"version": "4.2.2",
 			"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
-			"integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
-			"dev": true
+			"integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg=="
+		},
+		"delayed-stream": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+			"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
 		},
 		"delegates": {
 			"version": "1.0.0",
@@ -5549,6 +5764,39 @@
 				"esutils": "^2.0.2"
 			}
 		},
+		"dom-serializer": {
+			"version": "1.4.1",
+			"resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+			"integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+			"requires": {
+				"domelementtype": "^2.0.1",
+				"domhandler": "^4.2.0",
+				"entities": "^2.0.0"
+			}
+		},
+		"domelementtype": {
+			"version": "2.3.0",
+			"resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+			"integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw=="
+		},
+		"domhandler": {
+			"version": "4.3.1",
+			"resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+			"integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+			"requires": {
+				"domelementtype": "^2.2.0"
+			}
+		},
+		"domutils": {
+			"version": "2.8.0",
+			"resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+			"integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+			"requires": {
+				"dom-serializer": "^1.0.1",
+				"domelementtype": "^2.2.0",
+				"domhandler": "^4.2.0"
+			}
+		},
 		"electron-to-chromium": {
 			"version": "1.4.189",
 			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.189.tgz",
@@ -5747,8 +5995,7 @@
 		"escape-string-regexp": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-			"integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-			"dev": true
+			"integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="
 		},
 		"eslint": {
 			"version": "8.19.0",
@@ -6025,8 +6272,17 @@
 		"follow-redirects": {
 			"version": "1.15.1",
 			"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.1.tgz",
-			"integrity": "sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA==",
-			"dev": true
+			"integrity": "sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA=="
+		},
+		"form-data": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+			"integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+			"requires": {
+				"asynckit": "^0.4.0",
+				"combined-stream": "^1.0.8",
+				"mime-types": "^2.1.12"
+			}
 		},
 		"form-urlencoded": {
 			"version": "2.0.9",
@@ -6260,6 +6516,17 @@
 			"integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
 			"dev": true
 		},
+		"htmlparser2": {
+			"version": "6.1.0",
+			"resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
+			"integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==",
+			"requires": {
+				"domelementtype": "^2.0.1",
+				"domhandler": "^4.0.0",
+				"domutils": "^2.5.2",
+				"entities": "^2.0.0"
+			}
+		},
 		"https-proxy-agent": {
 			"version": "5.0.1",
 			"resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
@@ -6530,6 +6797,19 @@
 				"picomatch": "^2.3.1"
 			}
 		},
+		"mime-db": {
+			"version": "1.52.0",
+			"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+			"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
+		},
+		"mime-types": {
+			"version": "2.1.35",
+			"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+			"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+			"requires": {
+				"mime-db": "1.52.0"
+			}
+		},
 		"mimic-response": {
 			"version": "3.1.0",
 			"resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
@@ -6611,8 +6891,7 @@
 		"nanoid": {
 			"version": "3.3.4",
 			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
-			"integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
-			"dev": true
+			"integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw=="
 		},
 		"natural-compare": {
 			"version": "1.4.0",
@@ -6717,6 +6996,11 @@
 			"integrity": "sha512-ft3iAoLOB/MlwbNXgzy43SWGP6sQki2jQvAyBg/zDFAgr9bfNWZIUj42Kw2eJIl8kEi4PbgE6U1Zau/HwI75HA==",
 			"dev": true
 		},
+		"parse-srcset": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/parse-srcset/-/parse-srcset-1.0.2.tgz",
+			"integrity": "sha512-/2qh0lav6CmI15FzA3i/2Bzk2zCgQhGMkvhOhKNcBVQ1ldgpbfiNTVslmooUmWJcADi1f1kIeynbDRVzNlfR6Q=="
+		},
 		"path-is-absolute": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
@@ -6767,7 +7051,6 @@
 			"version": "8.4.14",
 			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz",
 			"integrity": "sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==",
-			"dev": true,
 			"requires": {
 				"nanoid": "^3.3.4",
 				"picocolors": "^1.0.0",
@@ -7008,6 +7291,26 @@
 				}
 			}
 		},
+		"sanitize-html": {
+			"version": "2.7.1",
+			"resolved": "https://registry.npmjs.org/sanitize-html/-/sanitize-html-2.7.1.tgz",
+			"integrity": "sha512-oOpe8l4J8CaBk++2haoN5yNI5beekjuHv3JRPKUx/7h40Rdr85pemn4NkvUB3TcBP7yjat574sPlcMAyv4UQig==",
+			"requires": {
+				"deepmerge": "^4.2.2",
+				"escape-string-regexp": "^4.0.0",
+				"htmlparser2": "^6.0.0",
+				"is-plain-object": "^5.0.0",
+				"parse-srcset": "^1.0.2",
+				"postcss": "^8.3.11"
+			},
+			"dependencies": {
+				"is-plain-object": {
+					"version": "5.0.0",
+					"resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+					"integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q=="
+				}
+			}
+		},
 		"sass": {
 			"version": "1.53.0",
 			"resolved": "https://registry.npmjs.org/sass/-/sass-1.53.0.tgz",
@@ -7093,8 +7396,7 @@
 		"source-map-js": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-			"integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
-			"dev": true
+			"integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
 		},
 		"sourcemap-codec": {
 			"version": "1.4.8",
diff --git a/package.json b/package.json
index 09b963f..afc0b85 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
 		"@types/accept-language-parser": "^1.5.3",
 		"@types/cookie": "^0.5.1",
 		"@types/feedparser": "^2.2.5",
+		"@types/sanitize-html": "^2.6.2",
 		"@typescript-eslint/eslint-plugin": "^5.27.0",
 		"@typescript-eslint/parser": "^5.27.0",
 		"eslint": "^8.16.0",
@@ -41,9 +42,11 @@
 	},
 	"type": "module",
 	"dependencies": {
+		"@directus/sdk": "^10.1.1",
 		"accept-language-parser": "^1.5.0",
 		"cookie": "^0.4.1",
 		"rss-parser": "^3.12.0",
+		"sanitize-html": "^2.7.1",
 		"svelte-intl-precompile": "^0.11.1"
 	}
 }
diff --git a/src/lib/components/ArticleCard.svelte b/src/lib/components/ArticleCard.svelte
index eca9c30..fec3f84 100644
--- a/src/lib/components/ArticleCard.svelte
+++ b/src/lib/components/ArticleCard.svelte
@@ -1,10 +1,9 @@
 <script>
-	import Snippet from '$components/Snippet.svelte';
 	import Link from '$components/Link.svelte';
 
 	export let title = '';
 	export let slug = '';
-	export let body = [];
+	export let snippet = '';
 	export let publishedAt = '';
 	$: date = new Date(publishedAt).toLocaleDateString(undefined, {
 		month: 'short',
@@ -13,7 +12,6 @@
 	});
 </script>
 
-<!-- TODO: Replace href with slug -->
 <Link type="raw" class="article-card" href={`/news/${slug}`}>
 	<div class="meta">
 		{#if date}
@@ -25,8 +23,8 @@
 		<h3>{title}</h3>
 	{/if}
 
-	{#if body}
-		<Snippet content={body} />
+	{#if snippet}
+		<p>{snippet}</p>
 	{/if}
 </Link>
 
diff --git a/src/lib/components/ArticleCarousel.svelte b/src/lib/components/ArticleCarousel.svelte
index dd03cae..e1c6574 100644
--- a/src/lib/components/ArticleCarousel.svelte
+++ b/src/lib/components/ArticleCarousel.svelte
@@ -1,10 +1,12 @@
-<script lang="ts">
+<script>
 	import ArticleCard from './ArticleCard.svelte';
 	import Carousel from './Carousel.svelte';
 
 	export let supertext = '';
 	export let title = '';
-	export let posts: Post[] = [];
+	export let posts = [];
+
+	$: sorted = posts.sort((a, b) => new Date(b.publishedAt) - new Date(a.publishedAt));
 </script>
 
 <Carousel {supertext} {title}>
diff --git a/src/lib/components/ScaledGraphic.svelte b/src/lib/components/ScaledGraphic.svelte
new file mode 100644
index 0000000..b205deb
--- /dev/null
+++ b/src/lib/components/ScaledGraphic.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	export let width = 0;
+	// export let height = 300;
+	// $: ratio = width / height;
+
+	let containerWidth = 0;
+	$: scale = containerWidth / width;
+</script>
+
+<div class="container" style:transform={`scale(${scale})`} bind:clientWidth={containerWidth}>
+	<slot />
+</div>
+
+<style>
+	.container {
+		width: 100%;
+	}
+</style>
diff --git a/src/lib/components/Snippet.svelte b/src/lib/components/Snippet.svelte
deleted file mode 100644
index 17ffff3..0000000
--- a/src/lib/components/Snippet.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script>
-	import { toPlainText } from '@portabletext/svelte';
-	export let content = [];
-	export let maxLength = 200;
-	$: plainText = toPlainText(content).slice(0, maxLength) + '...';
-</script>
-
-<p>
-	{plainText}
-</p>
diff --git a/src/lib/components/SponsorList.svelte b/src/lib/components/SponsorList.svelte
index 1ae9795..39a4c7d 100644
--- a/src/lib/components/SponsorList.svelte
+++ b/src/lib/components/SponsorList.svelte
@@ -1,27 +1,63 @@
 <script lang="ts">
-	export let sponsors = [];
+	const sponsors = [
+		{
+			name: 'Gamblify',
+			src: 'https://godotengine.org/themes/godotengine/assets/home/sponsors/gamblify.png'
+		},
+		{
+			name: 'Spliffcode',
+			src: 'https://godotengine.org/themes/godotengine/assets/home/sponsors/spiffcode.png'
+		},
+		{
+			name: 'Affray Interactive',
+			src: 'https://godotengine.org/themes/godotengine/assets/home/sponsors/affray-interactive.png'
+		},
+		{
+			name: 'Asifa Hollywood',
+			src: 'https://godotengine.org/themes/godotengine/assets/home/sponsors/asifa-hollywood.png'
+		},
+		{
+			name: 'Playful Studios',
+			src: 'https://godotengine.org/themes/godotengine/assets/home/sponsors/playful-studios.png'
+		},
+		{
+			name: 'Robot Gentlemen',
+			src: 'https://godotengine.org/themes/godotengine/assets/home/sponsors/robot-gentleman.png'
+		}
+	];
 </script>
 
 <div class="sponsors">
 	<h2>Sponsors</h2>
-	{#each sponsors as sponsor}
-		<div class="sponsor">
-			<img src={sponsor.logo} alt={sponsor.name} />
-		</div>
-	{/each}
+	<div class="sponsor-grid">
+		{#each sponsors as sponsor}
+			<div class="sponsor">
+				<img src={sponsor.src} alt={sponsor.name} />
+			</div>
+		{/each}
+	</div>
 </div>
 
 <style>
-	.sponsors {
-		display: block;
-		flex-direction: column;
+	h2 {
+		color: var(--text-color);
+	}
+
+	.sponsor-grid {
+		gap: 20px;
+		display: flex;
+		flex-direction: row;
 		flex-wrap: wrap;
+		justify-content: space-around;
+		align-items: center;
 	}
+
 	.sponsor {
-		width: 25%;
-		background: var(--blue-700);
-		padding: var(--spacing-12);
+		width: 20%;
+		max-width: 250px;
+		max-height: 200px;
 	}
+
 	img {
 		width: 100%;
 		height: 100%;
diff --git a/src/lib/languageConfig.js b/src/lib/languageConfig.js
index 91de5ff..005e48f 100644
--- a/src/lib/languageConfig.js
+++ b/src/lib/languageConfig.js
@@ -1,3 +1,3 @@
-// This file is intentionally a js file, since it is used in the config file
+// This file is intentionally a js file since it is used in the svelte.config.js file
 export const DEFAULT_LANGUAGE = 'en';
 export const SUPPORTED_LANGUAGES = ['en', 'es'];
diff --git a/src/lib/providers/directusProvider.ts b/src/lib/providers/directusProvider.ts
new file mode 100644
index 0000000..53c4d94
--- /dev/null
+++ b/src/lib/providers/directusProvider.ts
@@ -0,0 +1,95 @@
+import sanitizeHtml from 'sanitize-html';
+import { Directus } from '@directus/sdk';
+
+import { DEFAULT_LANGUAGE } from '$lib/languageConfig';
+
+type ResponseImage = {
+	id: string;
+	storage: string;
+	filename_disk: string;
+	filename_download: string;
+	title: string;
+	type: string;
+	folder: string | null;
+	uploaded_by: string | null;
+	uploaded_on: string | null;
+	modified_by: string | null;
+	modified_on: string | null;
+	charset: string | null;
+	filesize: number;
+	width: number;
+	height: number;
+	description: string | null;
+	metadata: Record<string, string | boolean | number> | null;
+};
+
+type ResponseTranslatedFields<T> = Array<{ languages_id: string } & T>;
+
+type ResponseContributor = {
+	full_name: string;
+	id: number;
+	sort: number | null;
+};
+
+type ResponsePost = {
+	id: number;
+	author: ResponseContributor;
+	image?: ResponseImage;
+	publish_date: string;
+	slug: string;
+	translations: ResponseTranslatedFields<{ title: string; body?: string }>;
+};
+
+type Schema = {
+	Posts: ResponsePost;
+};
+
+const HOST = 'https://ym36dcoe.directus.app';
+
+export default class DirectusProvider {
+	client: Directus<Schema>;
+
+	constructor() {
+		this.client = new Directus(HOST);
+	}
+
+	async getPosts(
+		options: { limit: number; page: number; language: string } = {
+			limit: 25,
+			page: 1,
+			language: DEFAULT_LANGUAGE
+		}
+	): Promise<Post[]> {
+		const posts = this.client.items('Posts');
+		const responsePosts = await posts.readByQuery({
+			fields: '*.*',
+			limit: options.limit,
+			page: options.page
+		});
+
+		return responsePosts.data.map((post) => {
+			// TODO: Return fields of current page's locale
+			const translations = this.getTranslatedFieldLanguage(post.translations, options.language);
+			const sanitized = sanitizeHtml(translations.body, {
+				allowedTags: [],
+				allowedAttributes: {}
+			});
+
+			return {
+				slug: post.slug,
+				publishedAt: post.publish_date,
+				title: translations.title,
+				image: post.image && `${HOST}/assets/${post.image.id}`,
+				body: translations.body,
+				snippet: sanitized.slice(0, 200) + '...'
+			};
+		});
+	}
+
+	getTranslatedFieldLanguage<T extends ResponseTranslatedFields<any>>(
+		languages: T,
+		language: string
+	): T[number] {
+		return languages.find((fields) => fields.languages_id === language);
+	}
+}
diff --git a/src/routes/[lang=languageCode]/index.svelte b/src/routes/[lang=languageCode]/index.svelte
index 7185d28..3f9a664 100644
--- a/src/routes/[lang=languageCode]/index.svelte
+++ b/src/routes/[lang=languageCode]/index.svelte
@@ -6,7 +6,6 @@
 	import Column from '$components/layout/Column.svelte';
 	import Row from '$components/layout/Row.svelte';
 	import Link from '$components/Link.svelte';
-	import WideCard from '$components/WideCard.svelte';
 	import ArticleCarousel from '$components/ArticleCarousel.svelte';
 	import Image from '$components/Image.svelte';
 	import InteractiveEditor from '$components/InteractiveEditor/InteractiveEditor.svelte';
@@ -15,9 +14,9 @@
 	import image3D from '$assets/images/3d.jpg';
 	import imageLanguage from '$assets/images/language.png';
 	import SponsorList from '$components/SponsorList.svelte';
+	import ScaledGraphic from '$components/ScaledGraphic.svelte';
 
 	export let posts = [];
-	export let sponsors = [];
 </script>
 
 <svelte:head>
@@ -36,7 +35,9 @@
 <Section>
 	<Row>
 		<Column cols="1 / span 2">
-			<InteractiveEditor />
+			<ScaledGraphic width={640}>
+				<InteractiveEditor />
+			</ScaledGraphic>
 		</Column>
 		<Column cols="3 / span 2">
 			<CopyBlock
@@ -134,10 +135,10 @@
 	</Row>
 </Section>
 
-<!--<Section>-->
-<!--	<Row>-->
-<!--		<Column cols="1/span 4">-->
-<!--			<SponsorList {sponsors} />-->
-<!--		</Column>-->
-<!--	</Row>-->
-<!--</Section>-->
+<Section>
+	<Row>
+		<Column cols="1/span 4">
+			<SponsorList />
+		</Column>
+	</Row>
+</Section>
diff --git a/src/routes/[lang=languageCode]/index.ts b/src/routes/[lang=languageCode]/index.ts
index 83d2148..469a79d 100644
--- a/src/routes/[lang=languageCode]/index.ts
+++ b/src/routes/[lang=languageCode]/index.ts
@@ -1,15 +1,20 @@
-import SanityProvider from '$lib/providers/sanityProvider';
+import DirectusProvider from '$lib/providers/directusProvider';
 
 /**
  * Fetches RSS content from website and injects the content to the
  * homepage. This is for demonstration, not be shipped to prod
  */
-export async function get() {
-	const sanity = new SanityProvider();
-	const posts = await sanity.getPosts();
-	const sponsors = await sanity.getSponsors();
-	return {
-		status: 200,
-		body: { posts, sponsors }
-	};
+export async function GET() {
+	const database = new DirectusProvider();
+	try {
+		const posts = await database.getPosts();
+		return {
+			status: 200,
+			body: { posts }
+		};
+	} catch (e) {
+		return {
+			status: 200
+		};
+	}
 }
diff --git a/src/routes/[lang=languageCode]/news.ts b/src/routes/[lang=languageCode]/news.ts
index 3dc85e6..e2fe50e 100644
--- a/src/routes/[lang=languageCode]/news.ts
+++ b/src/routes/[lang=languageCode]/news.ts
@@ -1,12 +1,13 @@
-import SanityProvider from '$lib/providers/sanityProvider';
+import DirectusProvider from '$lib/providers/directusProvider';
 
 /**
  * Fetches RSS content from website and injects the content to the
  * homepage. This is for demonstration, not be shipped to prod
  */
-export async function get() {
-	const sanity = new SanityProvider();
-	const posts = await sanity.getPosts();
+export async function GET() {
+	const database = new DirectusProvider();
+	const posts = await database.getPosts();
+	// const sponsors = await sanity.getSponsors();
 	return {
 		status: 200,
 		body: { posts }
diff --git a/src/routes/[lang=languageCode]/news/[slug].svelte b/src/routes/[lang=languageCode]/news/[slug].svelte
new file mode 100644
index 0000000..eb374a4
--- /dev/null
+++ b/src/routes/[lang=languageCode]/news/[slug].svelte
@@ -0,0 +1,19 @@
+<script context="module">
+	/** @type {import('./__types/[slug]').Load} */
+	export async function load({ params }) {
+		return {
+			status: 200,
+			props: {
+				slug: params.slug
+			}
+		};
+	}
+</script>
+
+<script>
+	export let slug;
+</script>
+
+<h1>
+	{slug}
+</h1>
diff --git a/src/routes/index.ts b/src/routes/index.ts
index b2ae908..15d8c5d 100644
--- a/src/routes/index.ts
+++ b/src/routes/index.ts
@@ -3,7 +3,7 @@ import { base } from '$app/paths';
 import type { RequestEvent, RequestHandlerOutput } from '@sveltejs/kit';
 import { DEFAULT_LANGUAGE, SUPPORTED_LANGUAGES } from '$lib/languageConfig.js';
 
-export function get({ request }: RequestEvent): RequestHandlerOutput {
+export function GET({ request }: RequestEvent): RequestHandlerOutput {
 	const languageHeader = request.headers.get('Accept-Language');
 	// Default to english if no redirect headers provided
 	let redirectLanguage = DEFAULT_LANGUAGE;
diff --git a/src/styles/colors.css b/src/styles/colors.css
index 123dde7..b916712 100644
--- a/src/styles/colors.css
+++ b/src/styles/colors.css
@@ -8,7 +8,7 @@
 	--cyan-300: #78e5f6;
 	--blue-100: #c4dffa;
 	--blue-200: #6bb1ee;
-	--blue-300: #3d8fcc;
+	--blue-300: #359af8;
 	--blue-700: #333f67;
 	--blue-800: #101726;
 	--blue-900: #060a15;
diff --git a/svelte.config.js b/svelte.config.js
index df60eeb..3663298 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -22,9 +22,9 @@ const config = {
 		trailingSlash: 'always'
 	},
 
-	experimental: {
-		useVitePreprocess: true
-	}
+	// experimental: {
+	// 	useVitePreprocess: true
+	// }
 };
 
 export default config;