fix: routes and worflow

Author: ale0aranda

.github/workflows/quality.yml

@@ -41,7 +41,11 @@ jobs:
         run: pnpm exec playwright install --with-deps chromium
 
       - name: Ejecutar desafíos Python
+        env:
+          DEPLOY_TARGET: local
         run: pnpm test:python
 
-      - name: Construir sitio
+      - name: Construir sitio para GitHub Pages
+        env:
+          DEPLOY_TARGET: github-pages
         run: pnpm build

src/components/home/HomeHeader.astro

@@ -1,15 +1,16 @@
 ---
 import GitHubAuth from "@/components/auth/GitHubAuth.astro";
+import { withBase } from "@/lib/paths";
 ---
 
 <header class="relative flex items-center justify-between py-5">
   <a
-    href="/"
+    href={withBase("/")}
     aria-label="Ir al inicio de PySchool"
     class="focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-brand"
   >
     <img
-      src="/brand/pythonchile.png"
+      src={withBase("/brand/pythonchile.png")}
       alt="Python Chile"
       class="h-9 w-auto object-contain sm:h-10"
     />

src/components/home/hero/HeroCover.astro

@@ -1,3 +1,7 @@
+---
+import { withBase } from "@/lib/paths";
+---
+
 <div class="relative">
   <div
     aria-hidden="true"
@@ -6,7 +10,7 @@
   </div>
 
   <img
-    src="/brand/pyschool-cover.png"
+    src={withBase("/brand/pyschool-cover.png")}
     alt="Logo de PySchool"
     class="relative h-44 max-w-full w-auto object-contain sm:h-52"
   />

src/components/station/StationHeader.astro

@@ -1,6 +1,7 @@
 ---
 import GitHubAuth from "@/components/auth/GitHubAuth.astro";
 import { stations } from "@/data/stations/registry";
+import { withBase } from "@/lib/paths";
 
 interface Props {
   station: string;
@@ -14,19 +15,19 @@ const { station } = Astro.props;
 >
   <div class="flex min-w-0 items-center gap-4 sm:gap-5">
     <a
-      href="/"
+      href={withBase("/")}
       aria-label="Ir al inicio de PySchool"
       class="shrink-0 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-brand"
     >
       <img
-        src="/brand/pythonchile.png"
+        src={withBase("/brand/pythonchile.png")}
         alt="Python Chile"
         class="h-8 w-auto object-contain sm:h-10"
       />
     </a>
 
     <a
-      href="/"
+      href={withBase("/")}
       class="hidden items-center gap-2 border-l border-ink/15 pl-5 text-sm font-semibold text-muted transition-colors hover:text-brand focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-brand sm:inline-flex"
     >
       <span aria-hidden="true" class="font-mono text-base">←</span>
@@ -69,15 +70,15 @@ const { station } = Astro.props;
               return (
                 <li>
                   <a
-                    href={item.href}
+                    href={withBase(item.href)}
                     aria-current={isCurrent ? "page" : undefined}
                     class:list={[
                       "group/item flex items-center gap-3 rounded-lg p-2 transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand",
                       isCurrent ? "bg-brand/8" : "hover:bg-accent/20",
                     ]}
                   >
                     <img
-                      src={item.image}
+                      src={withBase(item.image)}
                       alt=""
                       width="112"
                       height="112"

src/layouts/StationLayout.astro

@@ -4,6 +4,7 @@ import "../styles/global.css";
 import CodeBlock from "@/components/station/CodeBlock.astro";
 import StationHeader from "@/components/station/StationHeader.astro";
 import StationSidebar from "@/components/station/StationSidebar.astro";
+import { withBase } from "@/lib/paths";
 
 interface Props {
   currentPath: string;
@@ -19,7 +20,7 @@ const { currentPath, station, title } = Astro.props;
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width" />
     <meta name="description" content={`${title} — ${station} | PySchool`} />
-    <link rel="icon" type="image/png" href="/favicon.png" />
+    <link rel="icon" type="image/png" href={withBase("/favicon.png")} />
     <title>{title} | PySchool</title>
   </head>
 

src/pages/cuenta.astro

@@ -3,7 +3,7 @@ import "@/styles/global.css";
 
 import HomeHeader from "@/components/home/HomeHeader.astro";
 import { stationNavigations } from "@/data/stations/registry";
-
+import { withBase } from "@/lib/paths";
 const stationGroups = Object.values(stationNavigations).map((navigation) => ({
   code: navigation.code,
   title: navigation.title,
@@ -22,7 +22,7 @@ const stationGroups = Object.values(stationNavigations).map((navigation) => ({
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width" />
     <meta name="description" content="Tu progreso y cuenta de PySchool." />
-    <link rel="icon" type="image/png" href="/favicon.png" />
+    <link rel="icon" type="image/png" href={withBase("/favicon.png")} />
     <title>Mi cuenta | PySchool</title>
   </head>
 

src/pages/index.astro

@@ -6,6 +6,7 @@ import Hero from "@/components/home/hero/Hero.astro";
 import HomeFooter from "@/components/home/HomeFooter.astro";
 import HomeHeader from "@/components/home/HomeHeader.astro";
 import HomeStations from "@/components/home/HomeStations.astro";
+import { withBase } from "@/lib/paths";
 ---
 
 <html lang="es">
@@ -16,7 +17,7 @@ import HomeStations from "@/components/home/HomeStations.astro";
 			name="description"
 			content="PySchool: aprende Python resolviendo estaciones interactivas."
 		/>
-		<link rel="icon" type="image/png" href="/favicon.png" />
+		<link rel="icon" type="image/png" href={withBase("/favicon.png")} />
 		<title>PySchool — Python Chile</title>
 	</head>