wip

Author: TheAlbertDev

ec.config.mjs

@@ -3,5 +3,8 @@ import { pluginCollapsibleSections } from "@expressive-code/plugin-collapsible-s
 import { pluginLineNumbers } from "@expressive-code/plugin-line-numbers";
 
 export default defineEcConfig({
+  themes: ['github-dark-dimmed', 'github-light'],
+  themeCssSelector: (theme) => `[data-code-theme='${theme.name}']`,
+  useDarkModeMediaQuery: false,
   plugins: [pluginCollapsibleSections(), pluginLineNumbers()],
 });

src/components/AuthorNote.astro

@@ -0,0 +1,26 @@
+---
+import { getEntry } from "astro:content";
+import { Image } from "astro:assets";
+
+interface AuthorNoteProps {
+  authorRef: string;
+  notes: string[];
+}
+
+const { authorRef, notes } = Astro.props as AuthorNoteProps;
+
+const author = (await getEntry("authors", authorRef))!;
+---
+
+{
+  notes.map((note) => (
+    <div class="chat chat-start">
+      <div class="chat-image avatar">
+        <div class="w-10 rounded-full">
+          <Image src={author.data.image!} alt={author.data.name} class="m-0"/>
+        </div>
+      </div>
+      <div class="chat-bubble">{note}</div>
+    </div>
+  ))
+}

src/components/InfoNote.astro

@@ -0,0 +1,18 @@
+---
+---
+<div role="alert" class="alert">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      class="stroke-info h-6 w-6 shrink-0">
+      <path
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="2"
+        d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+    </svg>
+    <span>
+        <slot />
+    </span>
+  </div>

src/components/Navbar.astro

@@ -12,7 +12,7 @@ const t = useTranslations(lang);
 const translatePath = useTranslatedPath(lang);
 ---
 
-<div class="navbar bg-base-100 w-full">
+<div class="navbar bg-base-100 w-full fixed top-0 z-10">
   <div class="flex-none md:hidden">
     <label
       for="my-drawer"

src/components/SideNavbar.astro

@@ -37,6 +37,6 @@ const translatePath = useTranslatedPath(lang);
 </div>
 <style>
   .drawer-side {
-    z-index: 2;
+    z-index: 20;
   }
 </style>

src/components/ThemePicker.astro

@@ -27,9 +27,11 @@ import { Icon } from "astro-icon/components";
   window.localStorage.setItem("theme", theme);
 
   document.getElementById("theme-toggle").checked = theme === "dark";
-
+  document.querySelector("html").setAttribute("data-code-theme", document.getElementById("theme-toggle").checked ? "github-dark-dimmed" : "github-light");
+  
   const handleToggleClick = (event) => {
     localStorage.setItem("theme", event.target.checked ? "dark" : "light");
+    document.querySelector("html").setAttribute("data-code-theme", event.target.checked ? "github-dark-dimmed" : "github-light");
   };
 
   document

…ontent/categories/es/programación-c.yaml …ontent/categories/es/programacion-c.yamlsrc/content/categories/es/programación-c.yaml renamed to src/content/categories/es/programacion-c.yaml src/content/categories/es/programación-c.yaml renamed to src/content/categories/es/programacion-c.yaml

@@ -0,0 +1,18 @@
+---
+title: "Reusable Component Libraries: Simplifying Migration Between Targets"
+draft: false
+description: raesent ac leo quis enim porttitor
+category: en/c-programming
+tags:
+  - firmware
+  - c
+  - development
+image: /img/pexels-arturoaez220-18734769.jpg
+authors:
+  - author: albert-alvarez
+pubDate: 2024-12-01T12:00:00.000Z
+translatedPosts:
+  - translatedPost: es/librerias-de-componentes-reusables-simplificando-la-migracion-entre-targets
+---
+
+Lore