@jjlmoya/utils-textiles 1.20.0 → 1.22.0

package/src/category/i18n/sv.ts

@@ -1,76 +1,76 @@
-import type { CategoryLocaleContent } from '../../types';
-
-export const content: CategoryLocaleContent = {
-  slug: 'textilier',
-  title: 'Textila verktyg',
-  description: 'Kostnadsfria kalkylatorer och verktyg för textilianalys, klädvård och tygdesign. Förstå dina kläders verkliga sammansättning.',
-  seo: [
-    {
-      type: 'title',
-      text: 'Textilvetenskap: Fiberanalys och tygsammansättning',
-      level: 2,
-    },
-    {
-      type: 'paragraph',
-      html: 'Världen av textilier är en fascinerande skärningspunkt mellan kemi, fysik och ingenjörskonst. I den här sektionen erbjuder vi specialiserade verktyg för att du verkligen ska förstå vad du bär. Från sammansättningsanalys till beräkningar av tygåtgång och mönsterskalning - dessa verktyg är designade för proffs, DIY-entusiaster och medvetna konsumenter som vill fatta välgrundade beslut om sina plagg.',
-    },
-    {
-      type: 'title',
-      level: 2,
-      text: 'Textil sanning: Upptäck plast maskerad som mode',
-    },
-    {
-      type: 'paragraph',
-      html: 'Modeindustrin använder sofistikerade marknadsföringstekniker för att sälja mediokra plagg till premiumpriser. Vårt verktyg för textil sanning analyserar plaggens verkliga sammansättning - de fiberprocent som anges på etiketten - för att avslöja obekväma sanningar: är det verkligen bomull eller är det "dyr plast"? Innehåller det äkta silke eller bara 3 % som ett reklamknep? Det använder en algoritm baserad på europeiska och nordamerikanska industristandarder som utvärderar andningsförmåga, hållbarhet och termisk effektivitet.',
-    },
-    {
-      type: 'title',
-      level: 2,
-      text: 'Textil mästerskap: Vetenskaplig guide för tvätt och vård',
-    },
-    {
-      type: 'paragraph',
-      html: 'Varje fiber kräver ett specifikt protokoll. Bomull tål varmt vatten; silke förstörs. Ull kräver kallt vatten; polyester tål torktumlare. Vår kalkylator för textilvård ger dig exakta instruktioner baserade på ditt plaggs verkliga sammansättning, vilket förlänger dess livslängd avsevärt.',
-    },
-    {
-      type: 'title',
-      level: 2,
-      text: 'Fläckkemi: Protokoll efter fibertyp',
-    },
-    {
-      type: 'paragraph',
-      html: 'En vinfläck på linne kräver ett annat protokoll än samma fläck på silke. Fettfläckar på polyester behöver lösningsmedel; på ull krävs mer skonsamma metoder. Detta verktyg matchar fläckar, fibertyper och kemiska medel för att erbjuda dig den bästa strategin för borttagning utan att skada tyget.',
-    },
-    {
-      type: 'title',
-      level: 2,
-      text: 'Bränntest: Identifiera fibrer genom att bränna dem',
-    },
-    {
-      type: 'paragraph',
-      html: 'Historiskt sett har textilexperter använt bränntester för att identifiera fibrer: flammans beteende, lukten och resterna avslöjar fibrets kemiska natur. Naturfibrer (cellulosa, protein) har andra egenskaper än syntetfibrer (plast som härrör från petroleum).',
-    },
-    {
-      type: 'title',
-      level: 2,
-      text: 'Verktyg för vävare och sömmerskor',
-    },
-    {
-      type: 'paragraph',
-      html: 'Om du är en entusiast av sömnad, stickning eller virkning har vi avancerade kalkylatorer: från nålkonverterare till beräkningar av tygåtgång, mönsterskalare som respekterar proportioner och verktyg för masktäthet (gauge) som säkerställer att ditt slutliga projekt får exakt de önskade måtten.',
-    },
-    {
-      type: 'title',
-      level: 2,
-      text: 'Medveten konsumtion och hållbart mode',
-    },
-    {
-      type: 'paragraph',
-      html: 'Varje klädköp är ett beslut med miljöpåverkan och social påverkan. Att förstå textilsammansättningen är det första steget mot medveten konsumtion. Nedbrytbara naturfibrer (bomull, linne, ull) har en helt annan miljöpåverkan än syntetfibrer (polyester, akryl), som tar 200 år att brytas ner.',
-    },
-    {
-      type: 'paragraph',
-      html: 'Våra verktyg ger dig möjlighet att göra smartare inköp, ta bättre hand om dina plagg och förlänga deras livslängd - den mest hållbara handlingen som är möjlig.',
-    },
-  ],
-};
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = {
+  slug: 'textilier',
+  title: 'Textila verktyg',
+  description: 'Kostnadsfria kalkylatorer och verktyg för textilianalys, klädvård och tygdesign. Förstå dina kläders verkliga sammansättning.',
+  seo: [
+    {
+      type: 'title',
+      text: 'Textilvetenskap: Fiberanalys och tygsammansättning',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Världen av textilier är en fascinerande skärningspunkt mellan kemi, fysik och ingenjörskonst. I den här sektionen erbjuder vi specialiserade verktyg för att du verkligen ska förstå vad du bär. Från sammansättningsanalys till beräkningar av tygåtgång och mönsterskalning - dessa verktyg är designade för proffs, DIY-entusiaster och medvetna konsumenter som vill fatta välgrundade beslut om sina plagg.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Textil sanning: Upptäck plast maskerad som mode',
+    },
+    {
+      type: 'paragraph',
+      html: 'Modeindustrin använder sofistikerade marknadsföringstekniker för att sälja mediokra plagg till premiumpriser. Vårt verktyg för textil sanning analyserar plaggens verkliga sammansättning - de fiberprocent som anges på etiketten - för att avslöja obekväma sanningar: är det verkligen bomull eller är det "dyr plast"? Innehåller det äkta silke eller bara 3 % som ett reklamknep? Det använder en algoritm baserad på europeiska och nordamerikanska industristandarder som utvärderar andningsförmåga, hållbarhet och termisk effektivitet.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Textil mästerskap: Vetenskaplig guide för tvätt och vård',
+    },
+    {
+      type: 'paragraph',
+      html: 'Varje fiber kräver ett specifikt protokoll. Bomull tål varmt vatten; silke förstörs. Ull kräver kallt vatten; polyester tål torktumlare. Vår kalkylator för textilvård ger dig exakta instruktioner baserade på ditt plaggs verkliga sammansättning, vilket förlänger dess livslängd avsevärt.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Fläckkemi: Protokoll efter fibertyp',
+    },
+    {
+      type: 'paragraph',
+      html: 'En vinfläck på linne kräver ett annat protokoll än samma fläck på silke. Fettfläckar på polyester behöver lösningsmedel; på ull krävs mer skonsamma metoder. Detta verktyg matchar fläckar, fibertyper och kemiska medel för att erbjuda dig den bästa strategin för borttagning utan att skada tyget.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Bränntest: Identifiera fibrer genom att bränna dem',
+    },
+    {
+      type: 'paragraph',
+      html: 'Historiskt sett har textilexperter använt bränntester för att identifiera fibrer: flammans beteende, lukten och resterna avslöjar fibrets kemiska natur. Naturfibrer (cellulosa, protein) har andra egenskaper än syntetfibrer (plast som härrör från petroleum).',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Verktyg för vävare och sömmerskor',
+    },
+    {
+      type: 'paragraph',
+      html: 'Om du är en entusiast av sömnad, stickning eller virkning har vi avancerade kalkylatorer: från nålkonverterare till beräkningar av tygåtgång, mönsterskalare som respekterar proportioner och verktyg för masktäthet (gauge) som säkerställer att ditt slutliga projekt får exakt de önskade måtten.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Medveten konsumtion och hållbart mode',
+    },
+    {
+      type: 'paragraph',
+      html: 'Varje klädköp är ett beslut med miljöpåverkan och social påverkan. Att förstå textilsammansättningen är det första steget mot medveten konsumtion. Nedbrytbara naturfibrer (bomull, linne, ull) har en helt annan miljöpåverkan än syntetfibrer (polyester, akryl), som tar 200 år att brytas ner.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Våra verktyg ger dig möjlighet att göra smartare inköp, ta bättre hand om dina plagg och förlänga deras livslängd - den mest hållbara handlingen som är möjlig.',
+    },
+  ],
+};

package/src/category/i18n/zh.ts

@@ -1,76 +1,76 @@
-import type { CategoryLocaleContent } from '../../types';
-
-export const content: CategoryLocaleContent = {
-  slug: 'textiles',
-  title: '纺织工具',
-  description: '免费的纺织品分析、服装护理和织物设计计算器与工具。了解您衣服的真实成分。',
-  seo: [
-    {
-      type: 'title',
-      text: '纺织科学：纤维分析与织物成分',
-      level: 2,
-    },
-    {
-      type: 'paragraph',
-      html: '纺织世界是化学、物理和工程学的迷人交汇点。在本板块中，我们提供专业工具，帮助您真正了解自己穿的内容。从成分分析到面料耗损计算和纸样缩放，这些工具专为专业人士、DIY 爱好者和希望对自己的服装做出知情决策的理性消费者而设计。',
-    },
-    {
-      type: 'title',
-      level: 2,
-      text: '纺织真相：识别伪装成时尚的塑料',
-    },
-    {
-      type: 'paragraph',
-      html: '时尚行业利用成熟的营销技术，以溢价销售平庸的服装。我们的"纺织真相"工具分析服装的真实成分（标签上列出的纤维百分比），为您揭开令人不安的真相：它真的是棉，还是"昂贵的塑料"？它含有真丝，还是仅仅为了广告噱头而添加了 3%？它采用基于欧洲和北美工业标准的算法，评估透气性、耐用性和热效率。',
-    },
-    {
-      type: 'title',
-      level: 2,
-      text: '纺织精通：洗涤与护理科学指南',
-    },
-    {
-      type: 'paragraph',
-      html: '每种纤维都需要特定的方案。棉花耐热水，真丝则会被毁掉。羊毛需要冷水；涤纶可以承受烘干。我们的纺织护理计算器根据您服装的真实成分提供精确指导，显著延长其使用寿命。',
-    },
-    {
-      type: 'title',
-      level: 2,
-      text: '污渍化学：按纤维类型划分的方案',
-    },
-    {
-      type: 'paragraph',
-      html: '亚麻上的红酒渍需要与真丝上的相同污渍不同的方案。涤纶上的油渍需要溶剂；羊毛则需要更温和的方法。该工具将污渍、纤维类型和化学试剂相匹配，为您提供最佳的去除策略，同时不损坏织物。',
-    },
-    {
-      type: 'title',
-      level: 2,
-      text: '燃烧测试：通过燃烧识别纤维',
-    },
-    {
-      type: 'paragraph',
-      html: '历史上，纺织专家一直使用燃烧测试来识别纤维：火焰的行为、气味和残留物揭示了纤维的化学性质。天然纤维（纤维素、蛋白质）具有与合成纤维（石油衍生的塑料）不同的特性。',
-    },
-    {
-      type: 'title',
-      level: 2,
-      text: '针织与社交工具',
-    },
-    {
-      type: 'paragraph',
-      html: '如果您是缝纫、针织或钩针爱好者，我们拥有先进的计算器：从针号转换器到面料耗用计算、保持比例的纸样缩放器，以及确保您的最终成品具有精确尺寸的织片密度（gauge）工具。',
-    },
-    {
-      type: 'title',
-      level: 2,
-      text: '理性消费与可持续时尚',
-    },
-    {
-      type: 'paragraph',
-      html: '每一次服装购买都是一个具有环境和社会影响的决定。了解纺织成分是迈向理性消费的第一步。可降解的天然纤维（棉、麻、毛）与合成纤维（涤纶、腈纶）的环境影响截然不同，后者需要 200 年才能分解。',
-    },
-    {
-      type: 'paragraph',
-      html: '我们的工具使您能够进行更明智的购买，更好地护理衣服并延长其使用寿命 -  - 这是最可持续的行为。',
-    },
-  ],
-};
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = {
+  slug: 'textiles',
+  title: '纺织工具',
+  description: '免费的纺织品分析、服装护理和织物设计计算器与工具。了解您衣服的真实成分。',
+  seo: [
+    {
+      type: 'title',
+      text: '纺织科学：纤维分析与织物成分',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '纺织世界是化学、物理和工程学的迷人交汇点。在本板块中，我们提供专业工具，帮助您真正了解自己穿的内容。从成分分析到面料耗损计算和纸样缩放，这些工具专为专业人士、DIY 爱好者和希望对自己的服装做出知情决策的理性消费者而设计。',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: '纺织真相：识别伪装成时尚的塑料',
+    },
+    {
+      type: 'paragraph',
+      html: '时尚行业利用成熟的营销技术，以溢价销售平庸的服装。我们的"纺织真相"工具分析服装的真实成分（标签上列出的纤维百分比），为您揭开令人不安的真相：它真的是棉，还是"昂贵的塑料"？它含有真丝，还是仅仅为了广告噱头而添加了 3%？它采用基于欧洲和北美工业标准的算法，评估透气性、耐用性和热效率。',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: '纺织精通：洗涤与护理科学指南',
+    },
+    {
+      type: 'paragraph',
+      html: '每种纤维都需要特定的方案。棉花耐热水，真丝则会被毁掉。羊毛需要冷水；涤纶可以承受烘干。我们的纺织护理计算器根据您服装的真实成分提供精确指导，显著延长其使用寿命。',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: '污渍化学：按纤维类型划分的方案',
+    },
+    {
+      type: 'paragraph',
+      html: '亚麻上的红酒渍需要与真丝上的相同污渍不同的方案。涤纶上的油渍需要溶剂；羊毛则需要更温和的方法。该工具将污渍、纤维类型和化学试剂相匹配，为您提供最佳的去除策略，同时不损坏织物。',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: '燃烧测试：通过燃烧识别纤维',
+    },
+    {
+      type: 'paragraph',
+      html: '历史上，纺织专家一直使用燃烧测试来识别纤维：火焰的行为、气味和残留物揭示了纤维的化学性质。天然纤维（纤维素、蛋白质）具有与合成纤维（石油衍生的塑料）不同的特性。',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: '针织与社交工具',
+    },
+    {
+      type: 'paragraph',
+      html: '如果您是缝纫、针织或钩针爱好者，我们拥有先进的计算器：从针号转换器到面料耗用计算、保持比例的纸样缩放器，以及确保您的最终成品具有精确尺寸的织片密度（gauge）工具。',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: '理性消费与可持续时尚',
+    },
+    {
+      type: 'paragraph',
+      html: '每一次服装购买都是一个具有环境和社会影响的决定。了解纺织成分是迈向理性消费的第一步。可降解的天然纤维（棉、麻、毛）与合成纤维（涤纶、腈纶）的环境影响截然不同，后者需要 200 年才能分解。',
+    },
+    {
+      type: 'paragraph',
+      html: '我们的工具使您能够进行更明智的购买，更好地护理衣服并延长其使用寿命 -  - 这是最可持续的行为。',
+    },
+  ],
+};

package/src/category/index.ts

@@ -11,6 +11,7 @@ import { fabricProjectCalculator } from '../tool/fabricProjectCalculator/entry';
 import { sewingPatternScaler } from '../tool/sewingPatternScaler/entry';
 import { needleConverter } from '../tool/needleConverter/entry';
 import { yarnCalculator } from '../tool/yarnCalculator/entry';
+import { embroideryStitchPricingEstimator } from '../tool/embroideryStitchPricingEstimator/entry';
 
 export const textilesCategory: TextilesCategoryEntry = {
   icon: 'mdi:texture',
@@ -27,6 +28,7 @@ export const textilesCategory: TextilesCategoryEntry = {
     sewingPatternScaler,
     needleConverter,
     yarnCalculator,
+    embroideryStitchPricingEstimator,
   ],
   i18n: {
     es: () => import('./i18n/es').then((m) => m.content),

package/src/category/seo.astro

@@ -12,4 +12,4 @@ const content = await textilesCategory.i18n[locale]?.();
 ---
 
 {content && <SEORenderer content={{ locale, sections: content.seo }} />}
-
+

package/src/components/PreviewNavSidebar.astro

@@ -113,4 +113,4 @@ const { categoryTitle, tools = [] } = Astro.props;
     white-space: nowrap;
   }
 </style>
-
+

package/src/components/PreviewToolbar.astro

@@ -140,4 +140,4 @@ const otherLocales = Object.entries(localeUrls).filter(([l]) => l !== currentLoc
     box-shadow: inset -4px -2px 0 #1e293b;
   }
 </style>
-
+

package/src/data.ts

@@ -8,4 +8,4 @@ export type {
   TextilesToolEntry,
   TextilesCategoryEntry,
 } from './types';
-
+

package/src/entries.ts

@@ -21,6 +21,8 @@ export { stainChemistry } from './tool/stainChemistry/entry';
 export type { StainChemistryLocaleContent } from './tool/stainChemistry/entry';
 export { yarnCalculator } from './tool/yarnCalculator/entry';
 export type { YarnCalculatorLocaleContent } from './tool/yarnCalculator/entry';
+export { embroideryStitchPricingEstimator } from './tool/embroideryStitchPricingEstimator/entry';
+export type { EmbroideryStitchPricingEstimatorLocaleContent } from './tool/embroideryStitchPricingEstimator/entry';
 export { textilesCategory } from './category';
 import { burnTest } from './tool/burnTest/entry';
 import { clothingSizeConverter } from './tool/clothingSizeConverter/entry';
@@ -34,4 +36,5 @@ import { sewingPatternScaler } from './tool/sewingPatternScaler/entry';
 import { shoeSizeConverter } from './tool/shoeSizeConverter/entry';
 import { stainChemistry } from './tool/stainChemistry/entry';
 import { yarnCalculator } from './tool/yarnCalculator/entry';
-export const ALL_ENTRIES = [burnTest, clothingSizeConverter, fabricProjectCalculator, fabricTruth, fiberPrep, knittingGauge, laundryGuide, needleConverter, sewingPatternScaler, shoeSizeConverter, stainChemistry, yarnCalculator];
+import { embroideryStitchPricingEstimator } from './tool/embroideryStitchPricingEstimator/entry';
+export const ALL_ENTRIES = [burnTest, clothingSizeConverter, fabricProjectCalculator, fabricTruth, fiberPrep, knittingGauge, laundryGuide, needleConverter, sewingPatternScaler, shoeSizeConverter, stainChemistry, yarnCalculator, embroideryStitchPricingEstimator];

package/src/env.d.ts

@@ -2,4 +2,4 @@ declare module '*.astro' {
   const Component: (_props: Record<string, unknown>) => unknown;
   export default Component;
 }
-
+

package/src/index.ts

@@ -13,6 +13,7 @@ export { FABRIC_PROJECT_CALCULATOR_TOOL } from './tool/fabricProjectCalculator';
 export { SEWING_PATTERN_SCALER_TOOL } from './tool/sewingPatternScaler';
 export { NEEDLE_CONVERTER_TOOL } from './tool/needleConverter';
 export { YARN_CALCULATOR_TOOL } from './tool/yarnCalculator';
+export { EMBROIDERY_STITCH_PRICING_ESTIMATOR_TOOL } from './tool/embroideryStitchPricingEstimator';
 
 export type {
   KnownLocale,
@@ -29,4 +30,3 @@ export type {
 } from './types';
 
 export { ALL_ENTRIES, ALL_TOOLS } from './tools';
-

package/src/layouts/PreviewLayout.astro

@@ -1,118 +1,118 @@
----
-import "@jjlmoya/utils-shared/theme.css";
-import PreviewToolbar from "../components/PreviewToolbar.astro";
-import type { KnownLocale } from "../types";
-
-interface Props {
-  title: string;
-  currentLocale?: KnownLocale;
-  localeUrls?: Partial<Record<KnownLocale, string>>;
-  hasSidebar?: boolean;
-}
-
-const { title, currentLocale = "es", localeUrls = {}, hasSidebar = false } = Astro.props;
----
-
-<!doctype html>
-<html lang={currentLocale}>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
-    <title>{title} · preview</title>
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap"
-      rel="stylesheet"
-    />
-
-    <script is:inline>
-      (function () {
-        const saved = localStorage.getItem("theme") || "theme-dark";
-        document.documentElement.classList.add(saved);
-      })();
-    </script>
-    <slot name="head" />
-  </head>
-  <body>
-    <PreviewToolbar currentLocale={currentLocale} localeUrls={localeUrls} />
-    <div class:list={["page-wrapper", { "with-sidebar": hasSidebar }]}>
-      {
-        hasSidebar && (
-          <aside class="sidebar-area">
-            <slot name="sidebar" />
-          </aside>
-        )
-      }
-      <main>
-        <slot />
-      </main>
-    </div>
-  </body>
-</html>
-
-<style is:global>
-  :root {
-    --accent: #f43f5e;
-    --primary-base: #9f1239;
-    --cyan: #06b6d4;
-  }
-
-  .theme-dark,
-  .theme-light {
-    --text-main: var(--text-base);
-    --border-color: var(--border-base);
-  }
-
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-  }
-
-  body {
-    background-color: var(--bg-page);
-    color: var(--text-base);
-    margin: 0;
-    min-height: 100vh;
+---
+import "@jjlmoya/utils-shared/theme.css";
+import PreviewToolbar from "../components/PreviewToolbar.astro";
+import type { KnownLocale } from "../types";
+
+interface Props {
+  title: string;
+  currentLocale?: KnownLocale;
+  localeUrls?: Partial<Record<KnownLocale, string>>;
+  hasSidebar?: boolean;
+}
+
+const { title, currentLocale = "es", localeUrls = {}, hasSidebar = false } = Astro.props;
+---
+
+<!doctype html>
+<html lang={currentLocale}>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <title>{title} · preview</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap"
+      rel="stylesheet"
+    />
+
+    <script is:inline>
+      (function () {
+        const saved = localStorage.getItem("theme") || "theme-dark";
+        document.documentElement.classList.add(saved);
+      })();
+    </script>
+    <slot name="head" />
+  </head>
+  <body>
+    <PreviewToolbar currentLocale={currentLocale} localeUrls={localeUrls} />
+    <div class:list={["page-wrapper", { "with-sidebar": hasSidebar }]}>
+      {
+        hasSidebar && (
+          <aside class="sidebar-area">
+            <slot name="sidebar" />
+          </aside>
+        )
+      }
+      <main>
+        <slot />
+      </main>
+    </div>
+  </body>
+</html>
+
+<style is:global>
+  :root {
+    --accent: #f43f5e;
+    --primary-base: #9f1239;
+    --cyan: #06b6d4;
+  }
+
+  .theme-dark,
+  .theme-light {
+    --text-main: var(--text-base);
+    --border-color: var(--border-base);
+  }
+
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--bg-page);
+    color: var(--text-base);
+    margin: 0;
+    min-height: 100vh;
     transition:
       background-color 0.3s ease,
       color 0.3s ease;
     font-family: Inter, sans-serif;
   }
-
-  main {
-    padding: 0 2rem;
-  }
-
-  .page-wrapper {
-    display: flex;
-    flex-direction: column;
-  }
-
-  .page-wrapper.with-sidebar {
-    display: grid;
-    grid-template-columns: 240px 1fr;
-    min-height: 100vh;
-  }
-
-  .sidebar-area {
-    position: sticky;
-    top: 0;
-    height: 100vh;
-    overflow-y: auto;
-    border-right: 1px solid var(--border-color);
-    background: var(--bg-page);
-  }
-
-  @media (max-width: 768px) {
-    .page-wrapper.with-sidebar {
-      grid-template-columns: 1fr;
-    }
-
-    .sidebar-area {
-      display: none;
-    }
-  }
-</style>
-
+
+  main {
+    padding: 0 2rem;
+  }
+
+  .page-wrapper {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .page-wrapper.with-sidebar {
+    display: grid;
+    grid-template-columns: 240px 1fr;
+    min-height: 100vh;
+  }
+
+  .sidebar-area {
+    position: sticky;
+    top: 0;
+    height: 100vh;
+    overflow-y: auto;
+    border-right: 1px solid var(--border-color);
+    background: var(--bg-page);
+  }
+
+  @media (max-width: 768px) {
+    .page-wrapper.with-sidebar {
+      grid-template-columns: 1fr;
+    }
+
+    .sidebar-area {
+      display: none;
+    }
+  }
+</style>
+

package/src/pages/index.astro

@@ -1,4 +1,4 @@
 ---
 ---
 <meta http-equiv="refresh" content="0;url=/es" />
-
+