|
|
||
|---|---|---|
| .atl | ||
| .forgejo/workflows | ||
| docs | ||
| src | ||
| .gitignore | ||
| astro.config.mjs | ||
| BASICS.md | ||
| CONTRIBUTING.md | ||
| GEMINI.md | ||
| LICENSE | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| tailwind.config.mjs | ||
🧪 Luminessa Landing — Sophie's Atelier
"A synthesis of curiosity, caffeine, and digital alchemy." ✨
🌐 Language / Idioma
English Version
Welcome to the central hub of Luminessa, my personal digital ecosystem. This project serves as a professional portfolio, a gateway to my self-hosted services, and a testament to my journey in IT and Software Development (DAW).
🏗️ Project Overview
Luminessa Landing is built with a "cozy alchemy workshop" aesthetic. It's designed to be lightweight, performant, and purely static, reflecting my commitment to digital sovereignty and clean engineering.
🌟 Key Features
- 🌍 Full i18n Support: Seamlessly switch between Spanish (ES) and English (EN) with route persistence.
- 🌙 Dark/Light Mode: Intelligent theme detection (
prefers-color-scheme) with manual toggle andlocalStoragepersistence. - 📰 RSS Integration: Automated build-time fetching of the latest posts from my Hugo-based blog.
- ⚙️ Centralized Configuration: Single source of truth in
src/site.config.tsfor all site metadata. - 🎨 Custom Design System: Unique color palette and typography (Cinzel Decorative, EB Garamond) inspired by the "Atelier" concept.
🛠️ Tech Stack & Infrastructure
| Component | Technology | Role |
|---|---|---|
| Framework | Astro 5.x | Static Site Generation (SSG) |
| Styling | Tailwind CSS 3.x | Utility-first styling & custom design tokens |
| Automation | Forgejo Actions | CI/CD pipeline for automated testing and deployment |
| Server | Caddy | Reverse proxy with automatic HTTPS |
| Hosting | Self-hosted VPS | Full control over the delivery stack |
| Analytics | Umami | Privacy-focused, cookieless analytics |
🚀 Getting Started
# Clone the repository
git clone https://github.com/sophieneuenmuller/luminessa-landing.git
# Install dependencies
npm install
# Start the development server
npm run dev
🧠 Why This Project?
As I transition from Mechanical Manufacturing to IT/Helpdesk roles, this project represents my ability to:
- Self-teach and master modern web frameworks (Astro).
- Automate workflows using CI/CD and infrastructure-as-code principles.
- Document complex systems for clarity and maintainability.
- Deploy and Manage production-ready services on Linux-based environments.
Versión en Español
Bienvenido al centro neurálgico de Luminessa, mi ecosistema digital personal. Este proyecto funciona como portfolio profesional, puerta de entrada a mis servicios autohospedados y testimonio de mi camino en IT y Desarrollo de Software (DAW).
🏗️ Descripción del Proyecto
Luminessa Landing está construida con una estética de "taller de alquimia acogedor". Está diseñada para ser ligera, eficiente y puramente estática, reflejando mi compromiso con la soberanía digital y la ingeniería limpia.
🌟 Características Principales
- 🌍 Soporte Completo i18n: Cambio fluido entre Español (ES) e Inglés (EN) con persistencia de rutas.
- 🌙 Modo Oscuro/Claro: Detección inteligente de tema (
prefers-color-scheme) con interruptor manual y persistencia enlocalStorage. - 📰 Integración RSS: Obtención automatizada en tiempo de construcción de los últimos posts de mi blog basado en Hugo.
- ⚙️ Configuración Centralizada: Fuente única de verdad en
src/site.config.tspara todos los metadatos del sitio. - 🎨 Sistema de Diseño Custom: Paleta de colores y tipografía únicas (Cinzel Decorative, EB Garamond) inspiradas en el concepto de "Atelier".
🛠️ Stack Tecnológico e Infraestructura
| Componente | Tecnología | Rol |
|---|---|---|
| Framework | Astro 5.x | Generación de Sitio Estático (SSG) |
| Estilos | Tailwind CSS 3.x | Estilado utility-first y tokens de diseño custom |
| Automatización | Forgejo Actions | Pipeline de CI/CD para testing y despliegue automatizado |
| Servidor | Caddy | Reverse proxy con HTTPS automático |
| Hosting | VPS Autohospedado | Control total sobre el stack de entrega |
| Analytics | Umami | Analítica centrada en la privacidad, sin cookies |
🚀 Primeros Pasos
# Clonar el repositorio
git clone https://github.com/sophieneuenmuller/luminessa-landing.git
# Instalar dependencias
npm install
# Iniciar el servidor de desarrollo
npm run dev
🧠 ¿Por qué este proyecto?
En mi transición desde la Fabricación Mecánica hacia roles de IT/Helpdesk, este proyecto representa mi capacidad para:
- Auto-aprendizaje y dominio de frameworks web modernos (Astro).
- Automatizar flujos de trabajo usando principios de CI/CD e infraestructura como código.
- Documentar sistemas complejos para mayor claridad y mantenibilidad.
- Desplegar y Administrar servicios listos para producción en entornos basados en Linux.
📫 Contact / Contacto
- Forgejo: git.luminessa.net
- Email: sophie@luminessa.net
- GitHub: @sophieneuenmuller
Hecho con curiosidad y cafeína por Sophie. ✨ / Made with curiosity and caffeine by Sophie. ✨