Revers Studio

Appearance

Revers Studio - Wiki de Servidor de Minecraft ​

Un template simple y moderno para una wiki de servidores de Minecraft, desarrollado por Revers Studio.

📋 Descripción del Proyecto ​

Este proyecto es una plantilla web responsiva diseñada específicamente para wikis de servidores de Minecraft. Ofrece una interfaz moderna con tema claro/oscuro, navegación intuitiva y secciones organizadas para tutoriales, reglas y noticias del servidor.

✨ Características Principales ​

  • Diseño Responsivo: Compatible con dispositivos móviles, tablets y escritorio
  • Tema Claro/Oscuro: Sistema de cambio de tema con persistencia local
  • Navegación Intuitiva: Menú hamburguesa para dispositivos móviles
  • Animaciones Suaves: Efectos de scroll y transiciones elegantes
  • Integración con Discord: Widget para mostrar la comunidad de Discord
  • Lazy Loading: Optimización de carga de imágenes
  • SEO Friendly: Estructura semántica HTML5

🚀 Instalación y Uso ​

Requisitos Previos ​

  • Navegador web moderno (Chrome, Firefox, Safari, Edge)
  • Servidor web (opcional, para desarrollo local puede abrirse directamente)

Pasos para la Instalación ​

  1. Clonar o descargar el proyecto

    bash
    git clone [repository-url]
cd wiki

  2. Configurar el servidor de Discord

    • Reemplaza YOUR_DISCORD_SERVER_ID en index.html con tu ID de servidor de Discord

  3. Personalizar contenido

    • Edita index.html para modificar el contenido principal
    • Ajusta styles/styles.css para personalizar los colores y estilos
    • Modifica script/script.js para añadir funcionalidades adicionales

  4. Ejecutar el proyecto

    • Para desarrollo: Abre index.html directamente en tu navegador
    • Para producción: Sube los archivos a tu servidor web

📁 Estructura del Proyecto ​

wiki/
├── index.html          # Página principal con estructura y contenido
├── styles/
│   └── styles.css      # Hoja de estilos con tema claro/oscuro
├── script/
│   └── script.js       # Funcionalidades JavaScript
└── README.md           # Documentación del proyecto

🎨 Personalización ​

Colores y Tema ​

Los colores principales se definen en styles/styles.css:

css
:root {
    --primary-color: #3f51b5;
    --secondary-color: #7986cb;
    --accent-color: #9c27b0;
    /* ... */
}

Contenido ​

Las secciones principales en index.html:

  • Inicio: Bienvenida y descripción del servidor
  • Tutoriales: Guías para nuevos jugadores
  • Reglas: Normas del servidor
  • Noticias: Actualizaciones y eventos

🔧 Tecnologías Utilizadas ​

  • HTML5: Estructura semántica
  • CSS3: Diseño moderno con variables CSS y Grid/Flexbox
  • JavaScript Vanilla: Interactividad y funcionalidades
  • Font Awesome: Iconos vectoriales
  • Discord Widget: Integración con comunidad

🌐 Navegación ​

El sitio incluye navegación suave entre secciones:

  • Inicio
  • Tutoriales
  • Reglas
  • Noticias

📱 Compatibilidad Móvil ​

El diseño es totalmente responsivo con:

  • Menú hamburguesa para navegación móvil
  • Touch interactions mejorados
  • Layout adaptativo

🤝 Contribución ​

Este proyecto fue desarrollado por Revers Studio. Si deseas contribuir o reportar problemas, por favor contacta al equipo de desarrollo.

💬 Soporte ​

Desarrollado con 💙 por Revers Studio