update readme and node build is added to package

pablo-sch · pablo-sch · commit d7dba58a5e76 · 2025-07-18T17:56:13.000+02:00
diff --git a/docs/README.de.md b/docs/README.de.md
@@ -65,69 +65,37 @@ Das Hauptziel dieses Projekts ist die Entwicklung eines **persönlichen Portfoli
 
 ### Sprachen
 
-- **HTML**: Für die Strukturierung des Inhalts und Aufbau der Webseite.
-- **CSS**: Für das Design und visuelle Erscheinungsbild, um ein attraktives und einheitliches Benutzererlebnis zu gewährleisten.
-
-### Abhängigkeiten
-
-Keine
+- **Sprachen:** HTML und CSS.
+- **Bemerkenswerte Abhängigkeiten (Node.js):** Keine.
 
 <!-- ------------------------------------------------------------------------------------------- -->
 
 ## Installations- und Nutzungshinweise
 
-### Software-Voraussetzungen
+### 1. Softwareanforderungen
 
 - **[Git](https://git-scm.com/downloads)** (getestet mit Version **2.47.1.windows.1**)
 - **[Visual Studio Code](https://code.visualstudio.com/)** (getestet mit Version **1.99.0**)
-- **Live Server** (VS Code addon, _optional_)
+- **Live Server** (VS Code-Addon, _optional_)
 
-### Repository klonen
-
-Projekt
+### 2. Repository-Klonen
 
 ```bash
    git clone https://github.com/pablo-sch/keepcoding-02-html-css.git
 ```
 
-Demo
-
-![Demo](https://github.com/pablo-sch/pablo-sch/blob/main/etc/clone-tutorial.gif)
+`>` **Klon-Demo in VSCode ansehen:** 🎥 [Gif Demo](https://github.com/pablo-sch/pablo-sch/blob/main/etc/clone-tutorial.gif)
 
-### Hinweise
-
-Nach dem Klonen des Repositories öffne die Dateien `index.html`, `project.html`, `404.html` und `500.html` mit **Live Server**, um sie im Browser anzuzeigen.
+**Hinweis:** Nach dem Klonen des Repositories öffne die Dateien `index.html`, `project.html`, `404.html` und `500.html` mit **Live Server**, um sie im Browser anzuzeigen.
 
 <!-- ------------------------------------------------------------------------------------------- -->
 
-## Projektvorschau
-
-### Index-Ansicht
-
-![Index View](../etc/preview_images/index.png)
-
-### Mobile Index-Ansicht
-
-![Index Mobile View](../etc/preview_images/index_mobile.png)
-
-### Projektansicht
-
-![Projects View](../etc/preview_images/projects.png)
-
-### Mobile Projektansicht
-
-![Projects Mobile View](../etc/preview_images/projects_mobile.png)
-
-### 404-Ansicht
-
-![404 View](../etc/preview_images/404.png)
-
-### Mobile 404-Ansicht
+## Projektressourcen
 
-![404 Mobile View](../etc/preview_images/404_mobile.png)
+`>` **Projektvorschau:** 👀 [Vorschau](preview.md)
 
 <!-- ------------------------------------------------------------------------------------------- -->
 
-## Beiträge und Lizenzen
+## Beiträge und Lizenzierung
 
-Dieses Projekt enthält keine externen Beiträge und steht unter keiner Lizenz.
+Projekt unter MIT-Lizenz. Frei zur Nutzung und Verbreitung mit Namensnennung. Externe Beiträge werden nicht angenommen, aber Vorschläge sind willkommen.
diff --git a/docs/README.es.md b/docs/README.es.md
@@ -1,12 +1,8 @@
 # Entrega Proyecto de CSS y HTML
 
-**Proyectos KeepCoding - Web 18**  
-Consulta la lista completa de repositorios y descripciones en 📁 [repos-kc-web-18.md](https://github.com/pablo-sch/pablo-sch/blob/main/docs/repos-kc-web-18.md)
+`>` **Proyectos KeepCoding - Web 18:** 📁 [repos-kc-web-18.md](https://github.com/pablo-sch/pablo-sch/blob/main/docs/repos-kc-web-18.md)
 
-## Selecciona tu Idioma
-
-- 🇺🇸 [Inglés](README.md)
-- 🇩🇪 [Alemán](README.de.md)
+`>` **Selecciona tu Idioma:** [Inglés](README.md) 🔄 [Alemán](README.de.md)
 
 <!-- ------------------------------------------------------------------------------------------- -->
 
@@ -65,69 +61,37 @@ El objetivo principal de este proyecto es desarrollar un **portfolio** personal
 
 ### Lenguajes
 
-- **HTML**: Para la estructuración del contenido y la creación de la estructura de la página web.
-- **CSS**: Para el diseño y estilo visual de la página, asegurando una experiencia de usuario atractiva y coherente.
-
-### Dependencias
-
-Ninguna
+- **Lenguajes:** HTML y CSS.
+- **Dependencias a destacar (Node.js):** Ninguna.
 
 <!-- ------------------------------------------------------------------------------------------- -->
 
 ## Instrucciones de Instalación y Uso
 
-### Requisitos de Software
+### 1. Requisitos de Software
 
 - **[Git](https://git-scm.com/downloads)** (testeado en la versión **2.47.1.windows.1**)
 - **[Visual Studio Code](https://code.visualstudio.com/)** (testeado en la versión **1.99.0**)
 - **Live Server** (VS Code addon, _opcional_)
 
-### Clonación del Repositorio
-
-Proyecto
+### 2. Clonación del Repositorio
 
 ```bash
    git clone https://github.com/pablo-sch/keepcoding-02-html-css.git
 ```
 
-Demo
-
-![Demo](https://github.com/pablo-sch/pablo-sch/blob/main/etc/clone-tutorial.gif)
+`>` **Ver Demo de Clonanción en VSCode:** 🎥 [Gif Demo](https://github.com/pablo-sch/pablo-sch/blob/main/etc/clone-tutorial.gif)
 
-### Notas
-
-Una vez clonado el repositorio abra los archivos `index.html`, `project.html`, `404.html` y `500.html` con **Live Server** para previsualizarlos en el navegador.
+**Nota:** Una vez clonado el repositorio abra los archivos `index.html`, `project.html`, `404.html` y `500.html` con **Live Server** para previsualizarlos en el navegador.
 
 <!-- ------------------------------------------------------------------------------------------- -->
 
-## Vista Previa del Proyecto
-
-### Index View
-
-![Index View](../etc/preview_images/index.png)
-
-### Index Mobile View
-
-![Index Mobile View](../etc/preview_images/index_mobile.png)
-
-### Projects View
-
-![Projects View](../etc/preview_images/projects.png)
-
-### Projects Mobile View
-
-![Projects Mobile View](../etc/preview_images/projects_mobile.png)
-
-### 404 View
-
-![404 View](../etc/preview_images/404.png)
-
-### 404 Mobile View
+## Recursos del Proyecto
 
-![404 Mobile View](../etc/preview_images/404_mobile.png)
+`>` **Vista Previa del Proyecto:** 👀 [Vista Previa](preview.md)
 
 <!-- ------------------------------------------------------------------------------------------- -->
 
 ## Contribuciones y Licencias
 
-Este proyecto no cuenta con contribuciones externas ni licencias.
+Proyecto bajo licencia MIT. Uso y distribución libres con atribución. No se aceptan contribuciones externas, pero las sugerencias son bienvenidas.
diff --git a/docs/README.md b/docs/README.md
@@ -65,69 +65,37 @@ The main goal of this project is to develop a **personal portfolio** (or one bas
 
 ### Languages
 
-- **HTML**: For content structuring and building the webpage structure.
-- **CSS**: For the design and visual styling of the page, ensuring an attractive and coherent user experience.
-
-### Dependencies
-
-None
+- **Languages:** HTML and CSS.
+- **Notable Dependencies (Node.js):** None.
 
 <!-- ------------------------------------------------------------------------------------------- -->
 
 ## Installation and Usage Instructions
 
-### Software Requirements
+### 1. Software Requirements
 
-- **[Git](https://git-scm.com/downloads)** (tested with version **2.47.1.windows.1**)
-- **[Visual Studio Code](https://code.visualstudio.com/)** (tested with version **1.99.0**)
-- **Live Server** (VS Code addon, _opcional_)
+- **[Git](https://git-scm.com/downloads)** (tested on version **2.47.1.windows.1**)
+- **[Visual Studio Code](https://code.visualstudio.com/)** (tested on version **1.99.0**)
+- **Live Server** (VS Code addon, _optional_)
 
-### Cloning the Repository
-
-Project
+### 2. Repository Cloning
 
 ```bash
    git clone https://github.com/pablo-sch/keepcoding-02-html-css.git
 ```
 
-Demo
-
-![Demo](https://github.com/pablo-sch/pablo-sch/blob/main/etc/clone-tutorial.gif)
+`>` **See Cloning Demo in VSCode:** 🎥 [Gif Demo](https://github.com/pablo-sch/pablo-sch/blob/main/etc/clone-tutorial.gif)
 
-### Notes
-
-Once the repository is cloned, open the files `index.html`, `project.html`, `404.html`, and `500.html` with **Live Server** to preview them in the browser.
+**Note:** Once the repository is cloned, open the `index.html`, `project.html`, `404.html`, and `500.html` files using **Live Server** to preview them in your browser.
 
 <!-- ------------------------------------------------------------------------------------------- -->
 
-## Project Preview
-
-### Index View
-
-![Index View](../etc/preview_images/index.png)
-
-### Index Mobile View
-
-![Index Mobile View](../etc/preview_images/index_mobile.png)
-
-### Projects View
-
-![Projects View](../etc/preview_images/projects.png)
-
-### Projects Mobile View
-
-![Projects Mobile View](../etc/preview_images/projects_mobile.png)
-
-### 404 View
-
-![404 View](../etc/preview_images/404.png)
-
-### 404 Mobile View
+## Project Resources
 
-![404 Mobile View](../etc/preview_images/404_mobile.png)
+`>` **Project Preview:** 👀 [Preview](preview.md)
 
 <!-- ------------------------------------------------------------------------------------------- -->
 
-## Contributions and Licenses
+## Contributions and Licensing
 
-This project contains no external contributions or licenses.
+Project licensed under the MIT License. Free to use and distribute with attribution. External contributions are not accepted, but suggestions are welcome.
diff --git a/docs/preview.md b/docs/preview.md
@@ -0,0 +1,27 @@
+# Preview
+
+[◀️ **Go Back**](README.md)
+
+## Index View
+
+![Index View](../etc/preview_images/index.png)
+
+## Index Mobile View
+
+![Index Mobile View](../etc/preview_images/index_mobile.png)
+
+## Projects View
+
+![Projects View](../etc/preview_images/projects.png)
+
+## Projects Mobile View
+
+![Projects Mobile View](../etc/preview_images/projects_mobile.png)
+
+## 404 View
+
+![404 View](../etc/preview_images/404.png)
+
+## 404 Mobile View
+
+![404 Mobile View](../etc/preview_images/404_mobile.png)
