All pages done, build successful, images not working

package.json

@@ -10,7 +10,7 @@
     "preview": "vite preview",
     "start": "svelte-kit start",
     "test": "vitest",
-    "svgstore": "svgstore -o static/build/icons-sprite.svg src/svg/**.svg",
+    "svgstore": "svgstore -o src/svg/build/icons-sprite.svg src/svg/**.svg",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "lint": "prettier --plugin-search-dir . --check . && eslint .",

src/components/SvgIcon.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import svgSprite from '/static/build/icons-sprite.svg'
+  import svgSprite from '../svg/build/icons-sprite.svg'
   export let className: string
   export let name: string
 </script>

src/components/portfolio/presentation.svelte

@@ -26,7 +26,7 @@
 
   <section class="preview">
     <div class={presentationPreviewLinksClass}>
-      <a href="#presentation" on:click|preventDefault={togglePreviewVisible}
+      <a href="#presentations" on:click|preventDefault={togglePreviewVisible}
         >{previewVisible ? 'Close' : 'Open'} preview</a
       >
     </div>

src/routes/+layout.ts

@@ -1,7 +1,8 @@
 import type { LayoutLoad } from './$types'
+export const prerender = true
 
 export const load = (async ({ fetch }) => {
-  const blogPostsResponse = await fetch(`/blog/articles/pageSize/5`)
+  const blogPostsResponse = await fetch(`/blog/articles/pageSize/5.json`)
   const blogPostsContent = await blogPostsResponse.json()
 
   return {

src/routes/+page.svelte

@@ -21,16 +21,16 @@
     <picture>
       <source
         media="(max-width: 550px)"
-        srcset={generateSrcSet('images/profile-portugal-portrait.jpg', {
+        srcset={generateSrcSet('/images/profile-portugal-portrait.jpg', {
           width: 500,
         })}
       />
       <img
         alt="Portrait"
-        srcset={generateSrcSet('images/profile-portugal-landscape.jpg', {
+        srcset={generateSrcSet('/images/profile-portugal-landscape.jpg', {
           width: 800,
         })}
-        src={getNFResize('images/profile-portugal-landscape.jpg', {
+        src={getNFResize('/images/profile-portugal-landscape.jpg', {
           width: 800,
         })}
       />

src/routes/blog/[...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(
-    `/blog/articles/${params.params ? params.params : 'index'}`
+    `/blog/articles/${params.params ? params.params : 'index'}.json`
   ).then((r) => r.json())
 
   return {

src/routes/blog/[slug=blogPage]/+page.server.ts

@@ -6,6 +6,8 @@ import { error, json } from '@sveltejs/kit'
 import type { PostAttributes } from '../content'
 import type { PageServerLoad } from './$types'
 
+export const prerender = true
+
 export interface SinglePost {
   body: string
 }

src/routes/blog/articles/[...params].json/+server.ts

@@ -6,6 +6,7 @@ import { json } from '@sveltejs/kit'
 import { getBlogListing } from '../../content'
 import type { RequestHandler } from './$types'
 
+export const prerender = true
 export const GET = (async ({ params }) => {
   const handledParams = params.params === 'index' ? '' : params.params
   const { page = 1, pageSize = 7, ...filters } = parseParams(handledParams)

src/routes/feed.json/+server.ts

@@ -1,6 +1,7 @@
 import type { RequestHandler } from '@sveltejs/kit'
 import { getFeed } from '../feed'
 
+export const prerender = true
 export const GET = (async ({ setHeaders }) => {
   const feed = await getFeed()
 

src/routes/feed.xml/+server.ts

@@ -1,6 +1,7 @@
 import type { RequestHandler } from '@sveltejs/kit'
 import { getFeed } from '../feed'
 
+export const prerender = true
 export const GET = (async ({ setHeaders }) => {
   const feed = await getFeed()
 

src/routes/portfolio/+page.server.ts

@@ -5,6 +5,8 @@ import marked from 'marked'
 import { parseField } from '../../markdown/parse-markdown'
 import type { PageServerLoad } from './$types'
 
+export const prerender = true
+
 export interface RecordAttributes {
   name: string
   description: string
@@ -78,5 +80,5 @@ export const load = (async () => {
     presentations,
   }
 
-  return response;
+  return response
 }) satisfies PageServerLoad

src/routes/portfolio/not-neede.ts

@@ -1,9 +0,0 @@
-import type { PageLoad } from './$types'
-
-export const load = (async () => {
-  const res = await fetch('/portfolio.json')
-  const content = await res.json()
-  return {
-    content,
-  }
-}) satisfies PageLoad

src/svg/build/icons-sprite.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style>.cls-1{fill:#4d4d4d;}</style></defs><symbol id="github" viewBox="0 0 24 24"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></symbol><symbol id="instagram" viewBox="0 0 56.7 56.7">
+<g>
+	<path d="M28.2,16.7c-7,0-12.8,5.7-12.8,12.8s5.7,12.8,12.8,12.8S41,36.5,41,29.5S35.2,16.7,28.2,16.7z M28.2,37.7
+		c-4.5,0-8.2-3.7-8.2-8.2s3.7-8.2,8.2-8.2s8.2,3.7,8.2,8.2S32.7,37.7,28.2,37.7z"/>
+	<circle cx="41.5" cy="16.4" r="2.9"/>
+	<path d="M49,8.9c-2.6-2.7-6.3-4.1-10.5-4.1H17.9c-8.7,0-14.5,5.8-14.5,14.5v20.5c0,4.3,1.4,8,4.2,10.7c2.7,2.6,6.3,3.9,10.4,3.9
+		h20.4c4.3,0,7.9-1.4,10.5-3.9c2.7-2.6,4.1-6.3,4.1-10.6V19.3C53,15.1,51.6,11.5,49,8.9z M48.6,39.9c0,3.1-1.1,5.6-2.9,7.3
+		s-4.3,2.6-7.3,2.6H18c-3,0-5.5-0.9-7.3-2.6C8.9,45.4,8,42.9,8,39.8V19.3c0-3,0.9-5.5,2.7-7.3c1.7-1.7,4.3-2.6,7.3-2.6h20.6
+		c3,0,5.5,0.9,7.3,2.7c1.7,1.8,2.7,4.3,2.7,7.2V39.9L48.6,39.9z"/>
+</g>
+</symbol><symbol id="json-feed" viewBox="0 0 140 140">
+
+  
+  <g id="Page-1">
+    <g transform="translate(-4,-14)" id="icon">
+      <rect style="fill:none;stroke-width:0" height="0" width="140" y="1000014" x="-74" id="background"/>
+      <g transform="rotate(-45,91.330213,37.830213)" id="elements">
+        <path d="m 7,64.983598 v 0.206832 c 8.251953,0 10.917969,3.300781 10.917969,13.266601 v 15.742188 c 0,16.376951 8.061523,23.613281 26.342773,23.613281 h 5.585938 v -11.87012 h -2.856446 c -10.346679,0 -14.02832,-3.55469 -14.02832,-13.457028 v -18.47168 c 0,-9.521485 -4.25293,-14.726563 -12.568359,-15.488281 V 56.748047 C 28.962891,55.922852 32.961914,51.162109 32.961914,41.958008 V 25.390625 c 0,-10.092773 3.554688,-13.583984 14.02832,-13.583984 H 49.84668 V 0 H 44.260742 C 25.916016,0 17.917969,6.9824219 17.917969,22.978516 v 13.647461 c 0,9.96582 -2.729492,13.330078 -10.917969,13.330078 v 0.06035 C 3.0909841,50.273695 0,53.525879 0,57.5 c 0,3.974121 3.0909841,7.226305 7,7.483598 z"/>
+        <g transform="translate(42,50)" id="dots-@-15pt">
+          <circle r="7.5" cy="7.5" cx="7.5" id="Oval-1"/>
+          <circle r="7.5" cy="7.5" cx="32.5" id="Oval-2"/>
+          <circle r="7.5" cy="7.5" cx="57.5" id="Oval-3"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</symbol><symbol id="linkedin" viewBox="0 0 32 32"><title/><path class="cls-1" d="M9,11H4a1,1,0,0,0-1,1V27.9a1,1,0,0,0,1,1H9a1,1,0,0,0,1-1V12A1,1,0,0,0,9,11ZM8,26.9H5V13H8Z"/><path class="cls-1" d="M6.5,3.5A3.5,3.5,0,1,0,10,7,3.5,3.5,0,0,0,6.5,3.5Zm0,5A1.5,1.5,0,1,1,8,7,1.5,1.5,0,0,1,6.5,8.5Z"/><path class="cls-1" d="M23,11a8.28,8.28,0,0,0-4,1,1,1,0,0,0-1-1H13a1,1,0,0,0-1,1V28a1,1,0,0,0,1,1h5a1,1,0,0,0,1-1V20c0-1,.56-2,1.5-2S22,19,22,20v8a1,1,0,0,0,1,1h5a1,1,0,0,0,1-1V18C29,16.18,27.9,11,23,11Zm4,16H24V20a3.74,3.74,0,0,0-3.5-4A3.74,3.74,0,0,0,17,20v7H14V13h3v1a1,1,0,0,0,1.79.61A5.38,5.38,0,0,1,23,13c3.83,0,4,4.95,4,5Z"/></symbol><symbol id="mail" viewBox="0 0 32 32"><g data-name="Layer 2" id="Layer_2"><path d="M24,6H8a5,5,0,0,0-5,5V21a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V11A5,5,0,0,0,24,6ZM8,8H24a3,3,0,0,1,2.7,1.72L16.6,17.3a1,1,0,0,1-1.2,0L5.3,9.72A3,3,0,0,1,8,8ZM24,24H8a3,3,0,0,1-3-3V12l9.2,6.9a3,3,0,0,0,3.6,0L27,12v9A3,3,0,0,1,24,24Z"/></g></symbol><symbol id="rss" viewBox="0 0 512 512"><g><path d="M119.9,336.1c-30.8,0-55.9,25.1-55.9,55.8c0,30.8,25.1,55.6,55.9,55.6c30.9,0,55.9-24.9,55.9-55.6   C175.8,361.2,150.8,336.1,119.9,336.1z"/><path d="M64,192v79.9c48,0,94.1,14.2,128,48.1c33.9,33.9,48,79.9,48,128h80C320,308.1,204,192,64,192z"/><path d="M64,64v79.9c171,0,303.9,133,303.9,304.1H448C448,236.3,276,64,64,64z"/></g></symbol><symbol id="twitch" viewBox="0 0 30 30"><g id="_x7C___x7C_"><path clip-rule="evenodd" d="M21,26h-6l-3,4H8v-4H1V5.132L3,0h26v18L21,26z M26,17V3H5v19h6v4l4-4   h6L26,17z" fill-rule="evenodd" id="Dialog"/><rect clip-rule="evenodd" fill-rule="evenodd" height="8" id="_x7C_" width="3" x="18" y="8"/><rect clip-rule="evenodd" fill-rule="evenodd" height="8" id="_x7C__1_" width="3" x="12" y="8"/></g></symbol><symbol id="twitter" viewBox="0 0 64 64"><title/><path d="M19.55,55.08c-7.37,0-13.37-1.58-16.54-3.24A1,1,0,0,1,3.43,50a38.37,38.37,0,0,0,15.86-4.44c-4.41-1.19-8.9-4.34-9.79-8.41a1,1,0,0,1,1.27-1.17,4.33,4.33,0,0,0,1.26.12A15.68,15.68,0,0,1,4.59,23.44a1,1,0,0,1,1.7-.76l0,0q.72.6,1.49,1.13a16.6,16.6,0,0,1-.6-12.94,1,1,0,0,1,1.69-.28C16,18.9,26.08,22.7,31.2,22.53a12.11,12.11,0,0,1-.2-2.2A12.35,12.35,0,0,1,43.34,8a14.33,14.33,0,0,1,8.93,3.42,19.86,19.86,0,0,0,2-.57A23.11,23.11,0,0,0,58,9.23a1,1,0,0,1,1.32,1.42,40.24,40.24,0,0,1-3.8,4.69A37.34,37.34,0,0,0,60.12,14a1,1,0,0,1,1.21,1.51,26.09,26.09,0,0,1-4.91,5c-.15,4.75-3.85,26.26-21.48,32.28l-.11,0A52.51,52.51,0,0,1,19.55,55.08ZM7.67,51.51a48.65,48.65,0,0,0,26.64-.63h0C51.31,45,54.55,23,54.42,20a1,1,0,0,1,.4-.85A23.91,23.91,0,0,0,57.39,17c-1.55.44-3.11.74-3.52.33a1,1,0,0,1-.23-.36,9.72,9.72,0,0,0-.49-1.08,1,1,0,0,1,.31-1.27,20.16,20.16,0,0,0,1.86-2l-.42.14a22.27,22.27,0,0,1-2.77.76,1,1,0,0,1-1-.35C49.93,11.67,46.33,10,43.34,10A10.31,10.31,0,0,0,33.4,23.14a1,1,0,0,1-.79,1.26c-5,.88-15.9-2.55-24.07-11.18-1.24,5,.65,10.69,3.47,13a1,1,0,0,1-1,1.68,26.14,26.14,0,0,1-4.08-2.29c.93,4.33,4,7.93,8.66,10.08a1,1,0,0,1-.09,1.85,12.93,12.93,0,0,1-3.48.5c1.63,3.1,6.15,5.52,9.87,5.91a1,1,0,0,1,.61,1.7C20.32,47.83,14,50.45,7.67,51.51ZM5.58,23.4h0Z"/></symbol></svg>

static/m-wide-cam-bg.svg

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1920mm"
+   height="1080mm"
+   viewBox="0 0 1920 1080"
+   version="1.1"
+   id="svg3084"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="m-wide-cam-bg.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview3086"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="0.11436325"
+     inkscape:cx="3160.9805"
+     inkscape:cy="1346.5864"
+     inkscape:window-width="1274"
+     inkscape:window-height="1363"
+     inkscape:window-x="26"
+     inkscape:window-y="23"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs3081" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       d="m 1901.3091,543.53235 c 0,133.38268 -0.028,232.61472 -14.8537,306.82287 -14.8453,74.27915 -44.2126,121.40232 -99.8281,152.18998 -55.6199,30.7853 -140.4706,46.8862 -274.0613,54.772 -133.4629,7.8768 -311.832,7.3929 -551.58605,6.7232 -239.75415,-0.6694 -418.12311,-1.182 -551.58604,-9.8041 -133.5902,-8.6321 -218.4432,-25.2068 -274.05964,-56.3028 C 79.717814,966.83505 50.348508,919.54791 35.505353,845.18586 20.675793,770.89493 20.650681,671.66268 20.650681,538.28012 c 0,-133.38275 0.02833,-232.6148 14.854672,-306.82295 C 50.348508,157.17831 79.717814,110.05403 135.33427,79.268184 190.95071,48.482344 275.80371,32.380256 409.39391,24.495622 542.85684,16.618241 721.2258,17.102396 960.97995,17.772018 c 239.75405,0.669315 418.12315,1.181673 551.58605,9.804599 133.5907,8.630793 218.4414,25.206816 274.0613,56.303302 55.6155,31.096381 84.9828,78.384781 99.8281,152.746611 14.8282,74.29091 14.8537,173.52318 14.8537,306.90582 z"
+       fill="#d8f6ff"
+       stroke="#32a8eb"
+       stroke-width="7.50532"
+       stroke-linejoin="round"
+       id="path2"
+       inkscape:label="path2"
+       style="fill:#ffffff;fill-opacity:1;stroke-width:31.092;stroke-linecap:butt;stroke-linejoin:bevel;stroke-dasharray:none;paint-order:normal" />
+  </g>
+</svg>

vite.config.ts

@@ -1,9 +1,9 @@
 import { sveltekit } from '@sveltejs/kit/vite'
-import { UserConfig } from 'vite'
+import type { UserConfig } from 'vite'
 import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin'
 
 const config: UserConfig = {
-  plugins: [sveltekit(), vanillaExtractPlugin()],
+  plugins: [vanillaExtractPlugin(), sveltekit()],
   test: {
     include: ['src/**/*.{test,spec}.{js,ts}'],
   },