Un espacio minimalista, claro y lleno de ideas donde confluyen arte, pedagogía y experimentación digital.
Proyecto educativo interactivo que combina teatro emocional, fábulas adaptativas y recursos interculturales.
Experiencia teatral emocional interactiva que explora la dimensión simbólica de la realidad. 🔗 Iniciar experiencia
Fábulas de Esopo seleccionadas según tu estado emocional actual. 🔗 Explorar fábulas
Recursos pedagógicos para educación intercultural. 🔗 Ver recursos
-
Clona el repositorio
git clone https://github.com/MarcoS9309/desktop-tutorial.git
-
Abre con servidor local
python3 -m http.server 3000
-
Visita:
http://localhost:3000
desktop-tutorial/
├── index.html # Página principal
├── game.html # Psicodrama Virtual
├── css/ # Estilos
├── js/ # Scripts
├── FabulasEmocionales/ # Proyecto fábulas
└── ProyectoIntercultural/ # Proyecto intercultural
- Fork el repositorio
- Crea tu rama (
git checkout -b feature/nueva-funcionalidad) - Commit cambios (
git commit -m 'Añadir funcionalidad') - Push (
git push origin feature/nueva-funcionalidad) - Abre Pull Request
MIT License - ver LICENSE
⭐ ¡Dale una estrella si te gusta el proyecto! ⭐
Soy Marco Vinicio y este es mi laboratorio digital: un cuaderno interactivo donde comparto proyectos que exploran la intersección entre teatro, pedagogía, tecnología y reflexión emocional.
# Clonar repositorio
git clone https://github.com/MarcoS9309/desktop-tutorial.git
cd desktop-tutorial
# Abrir en servidor local
python -m http.server 8080
# o simplemente abrir index.html en tu navegador
# Ver en vivo
open http://localhost:8080-
Clona el repositorio
git clone https://github.com/tu-usuario/desktop-tutorial.git cd desktop-tutorial -
Instala dependencias (opcional, para desarrollo)
npm install
-
Ejecuta en desarrollo
npm run dev
-
¡Visita los proyectos!
Juego interactivo de teatro emocional
- Tecnologías: HTML5, CSS3, JavaScript ES6+
- Características:
- Sistema de escenarios dinámicos
- Tracking de estadísticas de usuario
- Interfaz responsive
- LocalStorage para persistencia
Sistema adaptativo de fábulas de Esopo
- Tecnologías: HTML5, CSS3, JavaScript
- Características:
- Biblioteca de fábulas clásicas
- Sistema de categorización emocional
- Interfaz intuitiva y atractiva
Recursos pedagógicos para educación intercultural
- Tecnologías: Markdown, HTML5
- Características:
- Metodologías educativas documentadas
- Actividades prácticas estructuradas
- Enfoque en diversidad cultural
- HTML5 - Estructura semántica y accesible
- CSS3 - Sistema de variables y responsive design
- JavaScript ES6+ - Programación modular y orientada a objetos
- Código limpio - Estructura organizada y modular
- Estándares web - HTML5, CSS3, JavaScript ES6+
- Performance optimizada - Carga rápida y eficiente
- GitHub Pages - Hosting estático gratuito
- Jekyll compatible - Configuración básica incluida
desktop-tutorial/
├── 📄 index.html # Página principal
├── 🎮 game.html # Psicodrama Virtual
├── 📁 css/ # Estilos globales
│ ├── variables.css # Sistema de variables
│ ├── style.css # Estilos principales
│ └── game.css # Estilos del juego
├── 📁 js/ # Scripts JavaScript
│ ├── game.js # Lógica del psicodrama
│ └── navigation.js # Sistema de navegación
├── 📁 FabulasEmocionales/ # Proyecto fábulas
│ ├── index.html
│ ├── app.js
│ └── estilo.css
├── 📁 ProyectoIntercultural/ # Proyecto intercultural
│ ├── index.html
│ ├── README.md
│ ├── METODOLOGIA.md
│ └── ACTIVIDADES.md
├── 📁 docs/ # Documentación
│ ├── CONTRIBUTING.md
│ ├── DEVELOPMENT.md
│ └── TESTING.md
├── 📁 assets/ # Recursos estáticos
│ └── favicon/
└── � _config.yml # Configuración Jekyll
- Navegación fluida entre proyectos
- Diseño responsive optimizado para móviles
- Interfaz intuitiva con animaciones suaves
- Accesibilidad siguiendo estándares WCAG
- Código modular con arquitectura escalable
- Sistema de variables CSS para consistencia
- Estructura organizada de archivos y carpetas
- Navegación fluida entre proyectos
- Meta tags optimizados para cada página
- Sitemap XML para indexación
- Open Graph para redes sociales
- Performance optimizada con carga rápida
-
Clona el repositorio
git clone https://github.com/tu-usuario/desktop-tutorial.git cd desktop-tutorial -
Abre con un servidor local
# Opción 1: Python python3 -m http.server 3000 # Opción 2: Node.js npx serve . # Opción 3: VS Code Live Server # Usar extensión Live Server
-
¡Explora los proyectos!
- Fork el repositorio
- Crea una rama para tu feature (
git checkout -b feature/nueva-funcionalidad) - Commit tus cambios (
git commit -m 'Añadir nueva funcionalidad') - Push a la rama (
git push origin feature/nueva-funcionalidad) - Abre un Pull Request
- Sigue las Convenciones de Commits
- Mantén el código limpio y bien documentado
- Prueba los cambios antes de hacer commit
- Actualiza la documentación cuando sea necesario
Este proyecto está licenciado bajo la MIT License - ver el archivo LICENSE para más detalles.
- GitHub Education por proporcionar las herramientas de desarrollo
- Comunidad Open Source por las librerías y recursos utilizados
- Colaboradores que han contribuido al proyecto
- Issues: GitHub Issues
- Discussions: GitHub Discussions
- Email: tu-email@ejemplo.com
⭐ Si este proyecto te ha sido útil, ¡no olvides darle una estrella! ⭐
Hecho con ❤️ para la educación y el teatro emocional
Experiencia teatral emocional interactiva
Explora la dimensión simbólica de la realidad a través de un prototipo que combina:
- Psicodrama clásico de Moreno
- Teatro del absurdo contemporáneo
- Dinámicas de recompensa/transformación
Características técnicas:
- JavaScript ES6+ modular
- Sistema de estadísticas local
- Responsive design
- 40+ escenarios únicos
Sabiduría clásica adaptada a tu estado emocional
Juego interactivo que presenta fábulas de Esopo seleccionadas según tu estado de ánimo actual, incluyendo:
- Adaptaciones contemporáneas
- Propuestas de reflexión personalizadas
- Interface emocional intuitiva
Características técnicas:
- Algoritmo de selección adaptativa
- 20+ fábulas clásicas adaptadas
- Propuestas de actividades creativas
Experiencia teatral emocional interactiva
Explora la dimensión simbólica de la realidad a través de un prototipo que combina:
- Psicodrama clásico de Moreno
- Teatro del absurdo contemporáneo
- Dinámicas de recompensa/transformación
Características técnicas:
- JavaScript ES6+ modular
- Sistema de estadísticas local
- Responsive design
- 40+ escenarios únicos
Sabiduría clásica adaptada a tu estado emocional
Juego interactivo que presenta fábulas de Esopo seleccionadas según tu estado de ánimo actual, incluyendo:
- Adaptaciones contemporáneas
- Propuestas de reflexión personalizadas
- Interface emocional intuitiva
Características técnicas:
- Algoritmo de selección adaptativa
- 20+ fábulas clásicas adaptadas
- Propuestas de actividades creativas
- Persistencia de preferencias
Arte, cultura y pedagogía para comunidades reflexivas
Documentación metodológica de un proyecto educativo que integra:
- Aprendizaje cooperativo transdisciplinar
- Manifestaciones artísticas contextuales
- Pensamiento crítico comunitario
- Inclusión intercultural activa
Incluye:
- Marco metodológico completo
- Actividades prácticas detalladas
- Recursos para implementación
- Casos de estudio
- HTML5 semántico y accesible
- CSS3 con sistema de variables custom
- JavaScript ES6+ modular y progresivo
- Design System unificado
- ✅ Responsive mobile-first
- ✅ Accesible (WCAG 2.1)
- ✅ Progressive enhancement
- ✅ Zero dependencies (vanilla JS)
- ✅ Navegación unificada entre proyectos
- 📊 Lighthouse Score: 90+ en todas las métricas
- ⚡ Carga rápida: <2s en 3G
- 💾 Tamaño mínimo: CSS/JS optimizados
- 🔧 Código limpio: Documentado y mantenible
📁 desktop-tutorial/
├── 🎨 css/ # Sistema de diseño
│ ├── variables.css # Variables globales CSS
│ ├── style.css # Estilos página principal
│ └── game.css # Estilos psicodrama
├── ⚡ js/ # JavaScript modular
│ ├── navigation.js # Navegación global
│ └── game.js # Lógica psicodrama
├── 📚 FabulasEmocionales/ # Proyecto fábulas
├── 🌍 ProyectoIntercultural/ # Documentación pedagógica
├── 🏠 index.html # Landing page
├── 🎭 game.html # Psicodrama virtual
└── 📋 DEVELOPMENT.md # Guía de desarrollo
git clone https://github.com/MarcoS9309/desktop-tutorial.git
cd desktop-tutorial
# Servidor local simple
python -m http.server 8000
# o
npx live-server# Ver guía completa de desarrollo
cat DEVELOPMENT.md
# Validar código
npx html-validate *.html
npx stylelint "css/*.css"- Menos es más: Interfaces limpias que potencian el contenido
- Accesibilidad primera: Diseño inclusivo por defecto
- Performance consciente: Cada línea de código tiene propósito
- Teatro aplicado: Usar el drama como herramienta de autoconocimiento
- Tecnología humanizada: Digital al servicio de la reflexión humana
- Sabiduría tradicional: Conectar lo ancestral con lo contemporáneo
- Craft mindset: Atención al detalle en cada implementación
- Documentación viva: El código cuenta su propia historia
- Evolución continua: Iteración constante hacia la mejora
- 🐛 Reporta bugs a través de issues
- 💡 Sugiere mejoras en discussions
- 🔧 Envía PRs siguiendo las convenciones
- 📚 Mejora documentación
- Seguir el style guide
- Mantener la accesibilidad
- Documentar cambios significativos
- Respetar la filosofía minimalista
- Refactorización completa del código
- Sistema de diseño unificado
- Navegación global entre proyectos
- Mejoras de accesibilidad y performance
- PWA con capacidades offline
- Dark mode toggle
- Internacionalización (ES/EN)
- Estadísticas avanzadas de uso
- Nuevos proyectos interactivos
Este proyecto es código abierto bajo términos permisivos. Ver LICENSE para detalles.
- Fábulas de Esopo: Dominio público, adaptadas por Marco Vinicio
- Principios de Psicodrama: Basados en la obra de Jacob L. Moreno
- Metodología pedagógica: Influencias de Paulo Freire y pedagogía crítica
Marco Vinicio - Educador, artista y desarrollador
- 🐦 @vinicio_salto
- 📧 Contacto disponible en perfil social
"En el arte, cada caída es también una forma de vuelo... y todo colapso emocional, bien actuado, puede aspirar a convertirse en tesis." - Marco Vinicio