diff --git a/README.de.md b/README.de.md index 7b4fbacf..33540a31 100644 --- a/README.de.md +++ b/README.de.md @@ -26,14 +26,20 @@ Blowfish ist ein leistungsstarkes, schlankes Theme für [Hugo](https://gohugo.io ## Funktionen -- Vollständig responsives Layout mit Tailwind CSS 3.0 +- Vollständig responsives Layout mit Tailwind CSS 4 - Mehrere Farbschemata (oder vollständig anpassbar) - Dark Mode (erzwungen ein/aus oder automatisch mit Benutzerumschaltung) +- Mehrere Homepage-Layouts einschließlich einer produktartigen Landingpage mit Hero-Bild, Statistiken und Feature-Rastern +- Schwebender Header im Glas-Look mit ⌘K / Ctrl+K Suchkürzel +- Globale Hintergrund-Leinwand mit Hero-Bereichen, die sich beim Scrollen darin auflösen +- Lesefortschrittsbalken für Artikel +- Interaktiver Homepage-Layout-Umschalter für Live-Vorschauen +- Agent-Skill, mit dem KI-Coding-Agenten (wie Claude Code) das Theme für Sie installieren und konfigurieren können +- Druckfreundliche Seiten mit dedizierten Druckstilen - Hochgradig anpassbare Konfiguration - Firebase-Integration zur Unterstützung dynamischer Daten - Ansichtszähler & Like-Mechanismus - Verwandte Artikel -- Mehrere Homepage-Layouts - Mehrere Autoren - Artikelserien - Datums- und gewichtsbasierte Artikelsortierung @@ -44,7 +50,7 @@ Blowfish ist ein leistungsstarkes, schlankes Theme für [Hugo](https://gohugo.io - Scrollbares Inhaltsverzeichnis - Mehrsprachige Inhaltsunterstützung einschließlich RTL-Sprachen - Möglichkeit, auf Beiträge auf Websites von Drittanbietern zu verlinken -- Unterstützung für mehrere Shortcodes wie Gallery, Timeline, GitHub-Karten und Carousels +- Über 40 Shortcodes einschließlich Gallery, Timeline, GitHub-Karten, Carousels, Stats, Feature-Rastern, Steps und CTA-Buttons - GitHub Alerts-Syntax, 15 Typen, zusammenklappbar - Buymeacoffee-Integration - Clientseitige Website-Suche mit Fuse.js @@ -80,11 +86,22 @@ Blowfish unterstützt mehrere Installationsmethoden - als git submodule, als Hug Detaillierte Anweisungen für jede Methode finden Sie in der [Installations-Dokumentation](https://blowfish.page/docs/installation). Für die einfachste Einrichtung sollten Sie die Dokumentation konsultieren. Im Folgenden finden Sie eine Schnellstartanleitung mit Submodulen, wenn Sie git verwenden, oder Hugo Modules, wenn Sie bereits Erfahrung mit der Installation von Hugo-Themes haben. +### Schnellstart mit einem KI-Agenten + +Blowfish enthält einen [Agent-Skill](https://github.com/nunocoracao/blowfish/tree/main/.claude/skills/blowfish), der KI-Coding-Agenten — wie Claude Code — beibringt, das Theme zu installieren, zu konfigurieren und Websites damit zu erstellen. Installieren Sie ihn über den Blowfish-Plugin-Marketplace in Claude Code: + +```shell +/plugin marketplace add nunocoracao/blowfish +/plugin install blowfish@blowfish +``` + +Oder kopieren Sie einfach den Skill-Ordner in Ihr Website-Repository unter `.claude/skills/blowfish/` — Agenten erkennen Projekt-Skills automatisch. Bitten Sie dann Ihren Agenten, Blowfish für Sie einzurichten. + ### Schnellstart mit Blowfish Tools > **Hinweis:** Stellen Sie sicher, dass Sie **Node.js**, **Git** und **Hugo** installiert haben und dass Sie ein neues Hugo-Projekt erstellt haben, bevor Sie fortfahren. -Wir haben gerade ein neues CLI-Tool gestartet, das Ihnen beim Einstieg in Blowfish hilft. Es erstellt ein neues Hugo-Projekt, installiert das Theme und richtet die Theme-Konfigurationsdateien für Sie ein. Es befindet sich noch in der Beta-Phase, also [melden Sie bitte alle Probleme, die Sie finden](https://github.com/nunocoracao/blowfish-tools). +Blowfish Tools ist ein CLI-Tool, das Ihnen beim Einstieg in Blowfish hilft. Es erstellt ein neues Hugo-Projekt, installiert das Theme und richtet die Theme-Konfigurationsdateien für Sie ein. Bitte [melden Sie alle Probleme, die Sie finden](https://github.com/nunocoracao/blowfish-tools). Installieren Sie das CLI-Tool global mit npm (oder einem anderen Paketmanager): ```shell @@ -156,6 +173,10 @@ Wenn neue Versionen veröffentlicht werden, können Sie das Theme mit Hugo aktua Detaillierte [Update-Anweisungen](https://blowfish.page/docs/installation/#installing-updates) sind in der Dokumentation verfügbar. +### Upgrade von v2 auf v3 + +Blowfish v3 ist vollständig abwärtskompatibel: Jede neue Funktion ist optional und es wurden keine Konfigurationsoptionen oder Templates entfernt. Git-submodule- und manuelle Installationen werden wie gewohnt ohne Änderungen aktualisiert; Hugo-Module-Nutzer ändern lediglich den Importpfad in `config/_default/module.toml` von `github.com/nunocoracao/blowfish/v2` zu `github.com/nunocoracao/blowfish/v3` und führen `hugo mod get -u` aus. Details finden Sie in den [Upgrade-Anweisungen](https://blowfish.page/docs/installation/#upgrading-from-v2-to-v3). + --- ## Mitwirken diff --git a/README.es.md b/README.es.md index 33dd9caa..73e042f7 100644 --- a/README.es.md +++ b/README.es.md @@ -26,14 +26,20 @@ Blowfish está diseñado para ser un tema potente y ligero para [Hugo](https://g ## Características -- Diseño totalmente responsive construido con Tailwind CSS 3.0 +- Diseño totalmente responsive construido con Tailwind CSS 4 - Múltiples esquemas de color (o personaliza completamente el tuyo propio) - Modo oscuro (forzado activado/desactivado o cambio automático con opción de usuario) +- Múltiples diseños de página de inicio, incluyendo una landing page estilo producto con imagen hero, estadísticas y cuadrículas de características +- Encabezado flotante con efecto cristal y atajo de búsqueda ⌘K / Ctrl+K +- Lienzo de fondo global con secciones hero que se disuelven en él al hacer scroll +- Barra de progreso de lectura para artículos +- Selector interactivo de diseños de página de inicio para previsualizaciones en vivo +- Skill de agente para que los agentes de programación con IA (como Claude Code) instalen y configuren el tema por ti +- Páginas aptas para impresión con estilos de impresión dedicados - Configuración altamente personalizable - Integración con Firebase para soportar datos dinámicos - Contador de vistas y mecanismo de likes - Artículos relacionados -- Múltiples diseños de página de inicio - Múltiples autores - Series de artículos - Ordenación de artículos basada en fecha y peso @@ -44,7 +50,7 @@ Blowfish está diseñado para ser un tema potente y ligero para [Hugo](https://g - Tabla de contenidos con desplazamiento - Soporte de contenido multilingüe incluyendo idiomas RTL - Capacidad de enlazar a publicaciones en sitios web de terceros -- Soporte para varios shortcodes como Gallery, Timeline, GitHub cards y Carousels +- Más de 40 shortcodes incluyendo Gallery, Timeline, GitHub cards, Carousels, Stats, cuadrículas de características, Steps y botones CTA - Sintaxis de GitHub Alerts, 15 tipos, soporte plegable - Integración con Buymeacoffee - Búsqueda en el sitio del lado del cliente impulsada por Fuse.js @@ -80,11 +86,22 @@ Blowfish soporta varios métodos de instalación - como submódulo de git, módu Las instrucciones detalladas para cada método se pueden encontrar en la documentación de [Instalación](https://blowfish.page/docs/installation). Deberías consultar la documentación para obtener la experiencia de configuración más simple. A continuación se presenta una guía de inicio rápido usando submódulos si estás usando git, o módulos de Hugo si ya tienes confianza instalando temas de Hugo. +### Inicio rápido con un agente de IA + +Blowfish incluye un [agent skill](https://github.com/nunocoracao/blowfish/tree/main/.claude/skills/blowfish) que enseña a los agentes de programación con IA — como Claude Code — a instalar, configurar y construir sitios con el tema. Instálalo desde el marketplace de plugins de Blowfish en Claude Code: + +```shell +/plugin marketplace add nunocoracao/blowfish +/plugin install blowfish@blowfish +``` + +O simplemente copia la carpeta del skill en el repositorio de tu sitio en `.claude/skills/blowfish/` — los agentes detectan los skills de proyecto automáticamente. Después pídele a tu agente que configure Blowfish por ti. + ### Inicio rápido usando Blowfish Tools > **Nota:** Asegúrate de tener **Node.js**, **Git** y **Hugo** instalados, y de haber creado un nuevo proyecto Hugo antes de continuar. -Acabamos de lanzar una nueva herramienta CLI para ayudarte a comenzar con Blowfish. Creará un nuevo proyecto Hugo, instalará el tema y configurará los archivos de configuración del tema por ti. Todavía está en beta, así que por favor [reporta cualquier problema que encuentres](https://github.com/nunocoracao/blowfish-tools). +Blowfish Tools es una herramienta CLI que te ayuda a comenzar con Blowfish. Creará un nuevo proyecto Hugo, instalará el tema y configurará los archivos de configuración del tema por ti. Por favor [reporta cualquier problema que encuentres](https://github.com/nunocoracao/blowfish-tools). Instala la herramienta CLI globalmente usando npm (u otro gestor de paquetes): ```shell @@ -156,6 +173,10 @@ A medida que se publiquen nuevas versiones, puedes actualizar el tema usando Hug Las [instrucciones de actualización](https://blowfish.page/docs/installation/#installing-updates) detalladas están disponibles en la documentación. +### Actualización de v2 a v3 + +Blowfish v3 es totalmente retrocompatible: cada nueva característica es opcional y no se ha eliminado ninguna opción de configuración ni plantilla. Las instalaciones con submódulo de git y manuales se actualizan como de costumbre sin cambios; los usuarios de módulos de Hugo solo tienen que cambiar la ruta de importación en `config/_default/module.toml` de `github.com/nunocoracao/blowfish/v2` a `github.com/nunocoracao/blowfish/v3` y ejecutar `hugo mod get -u`. Consulta las [instrucciones de actualización](https://blowfish.page/docs/installation/#upgrading-from-v2-to-v3) para más detalles. + --- ## Contribuciones diff --git a/README.fr.md b/README.fr.md index fe5f6ea0..631c364b 100644 --- a/README.fr.md +++ b/README.fr.md @@ -26,14 +26,20 @@ Blowfish est conçu pour être un thème puissant et léger pour [Hugo](https:// ## Fonctionnalités -- Disposition entièrement responsive construite avec Tailwind CSS 3.0 +- Disposition entièrement responsive construite avec Tailwind CSS 4 - Plusieurs palettes de couleurs (ou personnalisez entièrement la vôtre) - Mode sombre (forcé activé/désactivé ou basculement automatique avec commutateur utilisateur) +- Plusieurs mises en page pour la page d'accueil, y compris une page d'atterrissage de style produit avec image hero, statistiques et grilles de fonctionnalités +- En-tête flottant effet verre avec raccourci de recherche ⌘K / Ctrl+K +- Canevas d'arrière-plan global avec des sections hero qui s'y dissolvent au défilement +- Barre de progression de lecture pour les articles +- Sélecteur interactif de mise en page de la page d'accueil pour des aperçus en direct +- Skill d'agent permettant aux agents de codage IA (comme Claude Code) d'installer et de configurer le thème pour vous +- Pages adaptées à l'impression avec des styles d'impression dédiés - Configuration hautement personnalisable - Intégration Firebase pour prendre en charge les données dynamiques - Compteur de vues et mécanisme de likes - Articles connexes -- Plusieurs mises en page pour la page d'accueil - Plusieurs auteurs - Séries d'articles - Tri des articles basé sur la date et le poids @@ -44,7 +50,7 @@ Blowfish est conçu pour être un thème puissant et léger pour [Hugo](https:// - Table des matières défilable - Support du contenu multilingue incluant la prise en charge des langues RTL - Possibilité de lier des articles sur des sites web tiers -- Prise en charge de plusieurs shortcodes comme Gallery, Timeline, GitHub cards et Carousels +- Plus de 40 shortcodes incluant Gallery, Timeline, GitHub cards, Carousels, Stats, grilles de fonctionnalités, Steps et boutons CTA - Syntaxe GitHub Alerts, 15 types, support pliable - Intégration Buymeacoffee - Recherche côté client alimentée par Fuse.js @@ -80,11 +86,22 @@ Blowfish prend en charge plusieurs méthodes d'installation - en tant que sous-m Des instructions détaillées pour chaque méthode se trouvent dans la documentation [Installation](https://blowfish.page/docs/installation). Vous devriez consulter la documentation pour l'expérience de configuration la plus simple. Ci-dessous se trouve un guide de démarrage rapide utilisant les sous-modules si vous utilisez git, ou les modules Hugo si vous êtes déjà à l'aise avec l'installation de thèmes Hugo. +### Démarrage rapide avec un agent IA + +Blowfish inclut un [agent skill](https://github.com/nunocoracao/blowfish/tree/main/.claude/skills/blowfish) qui apprend aux agents de codage IA — comme Claude Code — à installer, configurer et construire des sites avec le thème. Installez-le depuis la marketplace de plugins Blowfish dans Claude Code : + +```shell +/plugin marketplace add nunocoracao/blowfish +/plugin install blowfish@blowfish +``` + +Ou copiez simplement le dossier du skill dans le dépôt de votre site à l'emplacement `.claude/skills/blowfish/` — les agents détectent automatiquement les skills de projet. Demandez ensuite à votre agent de configurer Blowfish pour vous. + ### Démarrage rapide avec Blowfish Tools > **Note :** Assurez-vous d'avoir **Node.js**, **Git** et **Hugo** installés, et d'avoir créé un nouveau projet Hugo avant de continuer. -Nous venons de lancer un nouvel outil CLI pour vous aider à démarrer avec Blowfish. Il créera un nouveau projet Hugo, installera le thème et configurera les fichiers de configuration du thème pour vous. Il est encore en version bêta, veuillez donc [signaler tout problème que vous rencontrez](https://github.com/nunocoracao/blowfish-tools). +Blowfish Tools est un outil CLI qui vous aide à démarrer avec Blowfish. Il créera un nouveau projet Hugo, installera le thème et configurera les fichiers de configuration du thème pour vous. Veuillez [signaler tout problème que vous rencontrez](https://github.com/nunocoracao/blowfish-tools). Installez l'outil CLI globalement en utilisant npm (ou un autre gestionnaire de paquets) : ```shell @@ -156,6 +173,10 @@ Au fur et à mesure que de nouvelles versions sont publiées, vous pouvez mettre Des [instructions de mise à jour](https://blowfish.page/docs/installation/#installing-updates) détaillées sont disponibles dans la documentation. +### Mise à niveau de v2 vers v3 + +Blowfish v3 est entièrement rétrocompatible : chaque nouvelle fonctionnalité est optionnelle et aucune option de configuration ni aucun template n'a été supprimé. Les installations par sous-module git et manuelles se mettent à niveau comme d'habitude, sans aucun changement ; les utilisateurs de modules Hugo doivent simplement changer le chemin d'import dans `config/_default/module.toml` de `github.com/nunocoracao/blowfish/v2` à `github.com/nunocoracao/blowfish/v3` puis exécuter `hugo mod get -u`. Consultez les [instructions de mise à niveau](https://blowfish.page/docs/installation/#upgrading-from-v2-to-v3) pour plus de détails. + --- ## Contribuer diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index 73d2c849..278af3da 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -3629,18 +3629,6 @@ .\[\&_\.p-4\]\:p-3 .p-4 { padding: calc(var(--spacing) * 3); } - .\[\&_\.translation_\.menuhide_span\]\:text-sm\! .translation .menuhide span { - font-size: var(--text-sm) !important; - line-height: var(--tw-leading, var(--text-sm--line-height)) !important; - } - .\[\&_\.translation_button_\.icon\]\:text-4xl\! .translation button .icon { - font-size: var(--text-4xl) !important; - line-height: var(--tw-leading, var(--text-4xl--line-height)) !important; - } - .\[\&_\.translation_button_span\]\:text-base\! .translation button span { - font-size: var(--text-base) !important; - line-height: var(--tw-leading, var(--text-base--line-height)) !important; - } .\[\&_h2\]\:text-base h2 { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); @@ -4912,7 +4900,7 @@ body:has(#mobile-menu-toggle:checked) { visibility: hidden; transition: visibility 0.3s, opacity 0.3s ease-in-out; } -.nested-menu:nth-last-child(-n + 3) .menuhide { +.nested-menu:nth-last-child(-n + 3) .menuhide, .mobile-header-row .menuhide { inset-inline-end: 0; } .nested-menu:hover .menuhide, .nested-menu:focus-within .menuhide { diff --git a/assets/css/main.css b/assets/css/main.css index 3a4f560b..0930a45f 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -486,7 +486,8 @@ body:has(#mobile-menu-toggle:checked) { } /* Dropdowns near the end of the bar open leftward so they stay on screen */ -.nested-menu:nth-last-child(-n + 3) .menuhide { +.nested-menu:nth-last-child(-n + 3) .menuhide, +.mobile-header-row .menuhide { inset-inline-end: 0; } diff --git a/assets/css/schemes/burufugu.css b/assets/css/schemes/burufugu.css index d22b854d..4b076114 100644 --- a/assets/css/schemes/burufugu.css +++ b/assets/css/schemes/burufugu.css @@ -19,7 +19,7 @@ --color-primary-300: 138, 197, 250; --color-primary-400: 96, 172, 246; --color-primary-500: 74, 158, 240; - --color-primary-600: 52, 126, 219; + --color-primary-600: 47, 115, 205; --color-primary-700: 42, 98, 189; --color-primary-800: 38, 76, 152; --color-primary-900: 30, 58, 110; diff --git a/layouts/partials/header/components/desktop-menu.html b/layouts/partials/header/components/desktop-menu.html index f146c4cd..ed91732e 100644 --- a/layouts/partials/header/components/desktop-menu.html +++ b/layouts/partials/header/components/desktop-menu.html @@ -37,7 +37,7 @@ {{ partial "icon.html" "search" }} diff --git a/layouts/partials/header/components/mobile-menu.html b/layouts/partials/header/components/mobile-menu.html index 9be3db0f..09674ee1 100644 --- a/layouts/partials/header/components/mobile-menu.html +++ b/layouts/partials/header/components/mobile-menu.html @@ -1,5 +1,9 @@ {{ $mobileMenuStyle := .Site.Params.header.mobileMenuStyle | default "fullscreen" }} -
+
+ {{ if hugo.IsMultilingual }} + {{ partial "header/components/translations.html" . }} + {{ end }} + {{ if .Site.Params.footer.showAppearanceSwitcher | default false }}
{{ end }} {{ end }}