Revers Studio

Appearance

Revers Studio - Minecraft Server Wiki ​

A simple and modern template for Minecraft server wikis, developed by Revers Studio.

📋 Project Description ​

This project is a responsive web template specifically designed for Minecraft server wikis. It offers a modern interface with light/dark theme, intuitive navigation, and organized sections for tutorials, rules, and server news.

✨ Key Features ​

  • Responsive Design: Compatible with mobile devices, tablets, and desktop
  • Light/Dark Theme: Theme switching system with local persistence
  • Intuitive Navigation: Hamburger menu for mobile devices
  • Smooth Animations: Scroll effects and elegant transitions
  • Discord Integration: Widget to display Discord community
  • Lazy Loading: Image loading optimization
  • SEO Friendly: Semantic HTML5 structure

🚀 Installation and Usage ​

Prerequisites ​

  • Modern web browser (Chrome, Firefox, Safari, Edge)
  • Web server (optional, can be opened directly for local development)

Installation Steps ​

  1. Clone or download the project

    bash
    git clone [repository-url]
cd wiki

  2. Configure Discord server

    • Replace YOUR_DISCORD_SERVER_ID in index.html with your Discord server ID

  3. Customize content

    • Edit index.html to modify main content
    • Adjust styles/styles.css to customize colors and styles
    • Modify script/script.js to add additional functionalities

  4. Run the project

    • For development: Open index.html directly in your browser
    • For production: Upload files to your web server

📁 Project Structure ​

wiki/
├── index.html          # Main page with structure and content
├── styles/
│   └── styles.css      # Stylesheet with light/dark theme
├── script/
│   └── script.js       # JavaScript functionalities
└── README.md           # Project documentation

🎨 Customization ​

Colors and Theme ​

Main colors are defined in styles/styles.css:

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

Content ​

Main sections in index.html:

  • Home: Welcome and server description
  • Tutorials: Guides for new players
  • Rules: Server regulations
  • News: Updates and events

🔧 Technologies Used ​

  • HTML5: Semantic structure
  • CSS3: Modern design with CSS variables and Grid/Flexbox
  • Vanilla JavaScript: Interactivity and functionalities
  • Font Awesome: Vector icons
  • Discord Widget: Community integration

🌐 Navigation ​

The site includes smooth navigation between sections:

  • Home
  • Tutorials
  • Rules
  • News

📱 Mobile Compatibility ​

The design is fully responsive with:

  • Hamburger menu for mobile navigation
  • Enhanced touch interactions
  • Adaptive layout

🤝 Contribution ​

This project was developed by Revers Studio. If you wish to contribute or report issues, please contact the development team.

💬 Support ​

Developed with 💙 by Revers Studio