diff --git a/package.json b/package.json
index 712e04c..071aaa1 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,6 @@
     "@astrojs/node": "^8.3.3",
     "@astrojs/rss": "^4.0.7",
     "@astrojs/sitemap": "^3.1.6",
-    "@ayco/astro-resume": "^0.4.2",
     "@ayco/astro-sw": "^0.8.8",
     "@extractus/article-extractor": "^8.0.10",
     "@fastify/middie": "^8.3.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 37c968f..2da4fae 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -23,9 +23,6 @@ importers:
       '@astrojs/sitemap':
         specifier: ^3.1.6
         version: 3.1.6
-      '@ayco/astro-resume':
-        specifier: ^0.4.2
-        version: 0.4.2(astro@4.15.1(@types/node@22.5.2)(rollup@4.21.2)(sass@1.77.8)(typescript@5.5.4))
       '@ayco/astro-sw':
         specifier: ^0.8.8
         version: 0.8.8
@@ -124,11 +121,6 @@ packages:
   '@astrojs/yaml2ts@0.2.1':
     resolution: {integrity: sha512-CBaNwDQJz20E5WxzQh4thLVfhB3JEEGz72wRA+oJp6fQR37QLAqXZJU0mHC+yqMOQ6oj0GfRPJrz6hjf+zm6zA==}
 
-  '@ayco/astro-resume@0.4.2':
-    resolution: {integrity: sha512-blbFmMxkvLqZ0Fw78ySrfeysdhTlaOIsR7V2Fqd1F20Q0B3SCxFomcNvRMw1j45+tBovxeS44XBtEarhBoQXfw==}
-    peerDependencies:
-      astro: ^4.12.2
-
   '@ayco/astro-sw@0.8.8':
     resolution: {integrity: sha512-0wHLwfT5r45ZjO3kqh2dRTDDlFYjQq/SWSrmtSddZXcV3oqRN0C69LpzohPvwG2Yjfizmt6/IX7aH9LbWP/gbQ==}
     engines: {node: '>=18.0.0'}
@@ -3074,10 +3066,6 @@ snapshots:
     dependencies:
       yaml: 2.5.0
 
-  '@ayco/astro-resume@0.4.2(astro@4.15.1(@types/node@22.5.2)(rollup@4.21.2)(sass@1.77.8)(typescript@5.5.4))':
-    dependencies:
-      astro: 4.15.1(@types/node@22.5.2)(rollup@4.21.2)(sass@1.77.8)(typescript@5.5.4)
-
   '@ayco/astro-sw@0.8.8':
     dependencies:
       esbuild: 0.23.1
diff --git a/public/favicon.svg b/public/favicon.svg
index 25dbaee..348ba5a 100644
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -1,10 +1,53 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
 
-<svg width="800px" height="800px" viewBox="0 0 72 72" id="emoji" xmlns="http://www.w3.org/2000/svg">
-  <g id="color">
-    <circle cx="36" cy="36.0001" r="28"/>
+<svg
+   width="500"
+   height="500"
+   viewBox="0 0 132.29166 132.29167"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
+   sodipodi:docname="logo.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="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="1.0280428"
+     inkscape:cx="187.24901"
+     inkscape:cy="249.98959"
+     inkscape:window-width="1452"
+     inkscape:window-height="752"
+     inkscape:window-x="1567"
+     inkscape:window-y="188"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <circle
+       style="fill:#ffffff;stroke-width:0.275733"
+       id="path1"
+       cx="66.32341"
+       cy="66.615196"
+       r="65.904121" />
+    <path
+       d="m 94.18155,62.84604 q 5.319924,0 8.53988,5.739918 3.35995,5.59992 3.35995,15.119784 0,16.519768 -9.939858,25.759628 -9.79986,9.09987 -27.439608,9.09987 -20.859703,0 -32.199541,-13.15981 -11.19984,-13.15981 -11.19984,-37.799458 0,-12.319824 2.79996,-22.119684 2.939958,-9.79986 8.259882,-16.659762 5.459922,-6.9999 13.159812,-10.639848 7.69989,-3.779946 17.359753,-3.779946 6.9999,0 12.59982,1.959972 5.739918,1.959972 9.79986,5.59992 4.059942,3.49995 6.159912,8.539878 2.239968,4.89993 2.239968,11.059842 0,4.339938 -1.119984,7.979886 -0.979986,3.639948 -2.79996,6.29991 -1.819974,2.659962 -4.479936,4.19994 -2.519964,1.39998 -5.459922,1.39998 -4.619934,0 -7.559892,-3.359952 -2.939958,-3.49995 -2.939958,-8.819874 0,-2.379966 -0.69999,-4.619934 -0.559992,-2.239968 -1.539978,-3.919944 -0.979986,-1.679976 -2.379966,-2.659962 -1.259982,-0.979986 -2.79996,-0.979986 -1.819974,0 -3.49995,1.679976 -1.679977,1.539978 -2.939959,4.479936 -1.259982,2.79996 -2.09997,6.579906 -0.69999,3.639948 -0.69999,7.839888 0,8.259882 2.79996,12.739818 2.939959,4.479936 8.259883,4.479936 3.639948,0 6.9999,-1.819974 3.359952,-1.959972 6.579906,-4.19994 3.219954,-2.239968 6.439908,-4.059942 3.219954,-1.959972 6.439908,-1.959972 z"
+       id="text1"
+       style="font-size:139.998px;font-family:'Super Frog';-inkscape-font-specification:'Super Frog';stroke-width:0.729151"
+       aria-label="C" />
   </g>
-  <g id="line">
-    <circle cx="36" cy="36.0001" r="28" fill="none" stroke="#000000" stroke-linejoin="round" stroke-width="2"/>
-  </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/components/AddressBar.astro b/src/components/AddressBar.astro
deleted file mode 100644
index deea1ec..0000000
--- a/src/components/AddressBar.astro
+++ /dev/null
@@ -1,159 +0,0 @@
----
-import Icon from "astro-iconify";
-import SettingsPopover from "./SettingsPopover.astro";
-
-export interface Props {
-  url: string | null;
-}
-
-const placeholder = "Type the article URL here";
-const { url } = Astro.props;
----
-
-<div class="address-bar">
-  <form>
-    <button
-      aria-label="Back"
-      class="btn left-buttons"
-      type="button"
-      id="app-back"
-      name="app-back"
-      onclick="history.go(-1); return false;"
-    >
-      <Icon name="ic:round-arrow-back-ios" />
-    </button>
-    <input
-      type="url"
-      id="app-url"
-      name="url"
-      value={url ?? ""}
-      placeholder={placeholder}
-      required
-    />
-    <button
-      aria-label="Submit"
-      class="btn right-buttons"
-      type="submit"
-      id="submit"
-    >
-      <Icon name="ri:ai-generate" />
-    </button>
-    <a
-      aria-label="Home"
-      class="btn right-buttons"
-      type="button"
-      id="app-home"
-      href="/"
-    >
-      <Icon name="mdi:home" />
-    </a>
-    <div aria-label="Settings" id="app-settings" class="btn right-buttons">
-      <input type="checkbox" id="settings-toggle" hidden />
-      <label for="settings-toggle"><Icon name="mdi:cog" /></label>
-    </div>
-  </form>
-  <SettingsPopover toggle="settings-toggle" />
-</div>
-
-<script>
-  import { deserialize } from "@ayco/astro-resume";
-  import type { AppConfig } from "../pages/index.astro";
-  import { renderPost } from "../utils/library";
-  const backLink = document.querySelector<HTMLButtonElement>("#app-back");
-  const submitBtn = document.querySelector<HTMLButtonElement>("#submit");
-  const urlInput = document.querySelector<HTMLInputElement>("#app-url");
-  const settings = document.querySelector<HTMLDivElement>("#app-settings");
-  const homeLink = document.querySelector<HTMLAnchorElement>("#app-home");
-  const { routerOutlet } = deserialize<AppConfig>('app-config');
-
-  homeLink?.addEventListener('click', (e) => {
-    e.preventDefault();
-    renderPost(null, '/', routerOutlet)
-  })
-
-  // if js is enabled, show the back and settings button
-  backLink?.setAttribute("style", "display: block");
-  settings?.setAttribute("style", "display: block");
-
-  if (urlInput?.value === "") {
-    backLink?.setAttribute("disabled", "true");
-    submitBtn?.setAttribute("disabled", "true");
-  }
-
-  urlInput?.addEventListener("input", (e) => {
-    const target = e.target as HTMLInputElement;
-    if (target.value === "") {
-      submitBtn?.setAttribute("disabled", "true");
-    } else {
-      submitBtn?.removeAttribute("disabled");
-    }
-  });
-</script>
-
-<style>
-  .address-bar {
-    width: 100%;
-    position: relative;
-  }
-
-  form {
-    width: 100%;
-    border: 0px;
-    padding: 0.5rem;
-    text-align: center;
-    border-radius: 5px;
-    border: 1px solid #ccc;
-    background-color: #f5f5f5;
-    box-shadow: 0 1px 3px 1px #eee;
-    display: flex;
-
-    input[type="url"] {
-      flex: 3;
-      background-color: white;
-      border-radius: 5px;
-      border: 1px solid #eee;
-      font-size: normal;
-      padding: 0.5rem;
-      color: #555;
-    }
-
-    #app-back,
-    #app-settings {
-      display: none;
-    }
-
-    .btn {
-      display: block;
-      border: 0px;
-      height: 100%;
-      vertical-align: middle;
-      background-color: transparent;
-      padding: 0.5rem 0;
-      color: black;
-
-      svg {
-        border: 0px;
-        background-color: transparent;
-        width: 24px;
-        height: 24px;
-        cursor: pointer;
-      }
-    }
-
-    .left-buttons {
-      margin-right: 0.5rem;
-    }
-    .right-buttons {
-      margin-left: 0.5rem;
-    }
-
-    .btn svg:hover {
-      color: blue !important;
-    }
-
-    .btn[disabled="true"] svg {
-      color: #ccc !important;
-      cursor: default !important;
-    }
-  }
-</style>
diff --git a/src/components/Library.astro b/src/components/Library.astro
index b34e8c1..ab7780f 100644
--- a/src/components/Library.astro
+++ b/src/components/Library.astro
@@ -1,20 +1,15 @@
 ---
-import Serialize from '@ayco/astro-resume';
 export interface Props {
   skipSave?: boolean
 }
 ---
-<div id="library">
+<div id="library" data-preferences={JSON.stringify(Astro.props)}>
   <span id="heading"></span>
   <ul id="post-list"></ul>
 </div>
 
-<Serialize id="preferences" data={{...Astro.props}} />
 
 <script>
-  import { deserialize } from '@ayco/astro-resume';
-  import type { Props } from './Library.astro';
-  import type { AppConfig } from '../pages/index.astro';
   import { getPostCard, renderPost } from '../utils/library'
   import { cozify } from '../utils/sanitizer';
   import { logError, logInfo } from '../utils/logger';
@@ -26,8 +21,12 @@ export interface Props {
   if (urlParam) {
     url = new URL(`${url.origin}/?url=${urlParam}`);
   }
-  const { skipSave } = deserialize<Props>('preferences');
-  const { routerOutlet } = deserialize<AppConfig>('app-config');
+
+  const preferencesEl = document.querySelector('[data-preferences]') as HTMLElement;
+  const preferencesStr = preferencesEl?.dataset.preferences ?? '';
+  const { skipSave } = JSON.parse(preferencesStr);
+
+  const routerOutlet = 'router-outlet';
   const includesAppURL = urlParam?.includes(baseUrl) ?? false;
 
   try {
diff --git a/src/components/SettingsPopover.astro b/src/components/SettingsPopover.astro
deleted file mode 100644
index bf161df..0000000
--- a/src/components/SettingsPopover.astro
+++ /dev/null
@@ -1,91 +0,0 @@
----
-import Serialize from "@ayco/astro-resume";
-import Icon from "astro-iconify";
-import { featureFlags } from "../utils/feature-flags";
-export interface Props {
-  toggle: string;
-}
-
-const enabledSettings = Object.keys(featureFlags).filter(
-  (key) => featureFlags[key]
-);
-
-const { toggle } = Astro.props;
----
-
-<form id="settings-form" hidden>
-  <div id="toolbar">
-    <h2>Settings</h2>
-    <label for={toggle}>
-      <Icon name="mdi:close" />
-    </label>
-  </div>
-  {
-    enabledSettings.map(
-      (settings, index) =>
-        settings !== "" && (
-          <div class="field">
-            <input
-              type="checkbox"
-              id={`settings-${index}`}
-              name={`settings-${index}`}
-            />
-            <label for={`settings-${index}`}>{settings}</label>
-          </div>
-        )
-    )
-  }
-  <small>This is where feature flags will be set once made available. <a href="https://github.com/ayoayco/cozy/issues/new" target="_blank">Request features or report bugs here.</a></small>
-</form>
-
-<Serialize id="settings-toggle-id" data={{toggle}} />
-
-<script>
-  /**
-   * temporary JS solution, should be replaced with CSS
-   */
-  import { deserialize } from "@ayco/astro-resume";
-  const {toggle} = deserialize("settings-toggle-id");
-  document
-    .getElementById(toggle)
-    ?.addEventListener("change", (e) => {
-      if (e.currentTarget?.["checked"])
-        document.getElementById("settings-form")?.removeAttribute("hidden");
-      else document.getElementById("settings-form")?.setAttribute("hidden", "");
-    });
-</script>
-
-
-<style>
-  #settings-form {
-    border: 1px solid #ccc;
-    border-radius: 5px;
-    background-color: white;
-    padding: 0.5em;
-    width: 300px;
-    position: absolute;
-    top: 0.5em;
-    right: 0.1em;
-    box-shadow: 0 1px 3px 1px #eee;
-
-    #toolbar {
-      display: flex;
-      margin-bottom: 0.5em;
-
-      h2,
-      svg {
-        flex: 1;
-      }
-
-      svg {
-        width: 24px;
-        height: 24px;
-        cursor: pointer;
-      }
-    }
-    .field {
-      margin-left: 0.5em;
-      margin-bottom: 0.5em;
-    }
-  }
-</style>
diff --git a/src/components/SimpleAddressBar.astro b/src/components/SimpleAddressBar.astro
index 5e9b4b6..273d8ba 100644
--- a/src/components/SimpleAddressBar.astro
+++ b/src/components/SimpleAddressBar.astro
@@ -1,6 +1,5 @@
 ---
 import Icon from "astro-iconify";
-import SettingsPopover from "./SettingsPopover.astro";
 
 export interface Props {
   url: string | null;
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 8f7e7fe..78928c7 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,4 @@
 ---
-import Serialize from "@ayco/astro-resume";
 import { ArticleData, extract } from "@extractus/article-extractor";
 import SimpleAddressBar from "../components/SimpleAddressBar.astro";
 import Post from "../components/Post.astro";
@@ -10,11 +9,6 @@ import Jumbotron from "../components/Jumbotron.astro";
 
 export const prerender = false;
 
-const appConfig = {
-  routerOutlet: 'router-outlet',
-};
-export type AppConfig = typeof appConfig;
-
 let url = Astro.url.searchParams.get('url');
 let article: ArticleData | null = {url: '/'};
 
@@ -33,11 +27,9 @@ if (url)
 <Layout article={article}>
     <Jumbotron />
     <SimpleAddressBar url={url} />
-    <div slot="post" id={appConfig.routerOutlet}>
+    <div slot="post" id="router-outlet">
       <Post article={article} />
     </div>
     <Library slot="library" skipSave={article === null} />
     <Footer slot="footer" />
 </Layout>
-
-<Serialize id="app-config" data={appConfig} />