{% extends "base.html" %}

{% block title %}About SimolZimol - Devanturas{% endblock %}
{% block description %}Learn about SimolZimol's background, skills, and experience in Minecraft and Discord development{% endblock %}

{% block content %}
<!-- About Hero -->
<section class="about-hero">
    <div class="container">
        <div class="about-hero-content">
            <div class="about-text">
                <h1>About SimolZimol</h1>
                <p class="about-subtitle">Passionate developer specializing in Minecraft plugins and Discord bots</p>
                <p>Welcome to Devanturas! I'm a dedicated software developer with a focus on creating high-quality Minecraft plugins and Discord applications. My journey in programming has led me to specialize in Java and Python development, with particular expertise in server-side applications and community management tools.</p>
            </div>
            <div class="about-visual">
                <div class="code-showcase">
                    <div class="code-header">
                        <span class="code-title">SimolZimol.java</span>
                        <div class="code-buttons">
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                    </div>
                    <div class="code-content">
                        <pre><code>public class Developer {
    private String name = "SimolZimol";
    private String[] specialties = {
        "Minecraft Plugin Development",
        "Discord Bot Programming",
        "Java & Python"
    };
    
    public void createAwesome() {
        while (passionate) {
            develop();
            learn();
            innovate();
        }
    }
}</code></pre>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Skills Section -->
<section class="skills-section">
    <div class="container">
        <h2>Technical Skills</h2>
        <div class="skills-grid">
            {% for category, skill_list in skills.items() %}
            <div class="skill-category">
                <h3>{{ category }}</h3>
                <div class="skills-list">
                    {% for skill in skill_list %}
                    <div class="skill-item">
                        <i class="fas fa-check-circle"></i>
                        <span>{{ skill }}</span>
                    </div>
                    {% endfor %}
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
</section>

<!-- Experience Timeline -->
<section class="experience-section">
    <div class="container">
        <h2>Development Journey</h2>
        <div class="timeline">
            <div class="timeline-item">
                <div class="timeline-marker"></div>
                <div class="timeline-content">
                    <h3>Started Minecraft Development</h3>
                    <p>Began learning Java and Spigot API development, creating first plugins for personal servers and friends.</p>
                    <span class="timeline-date">2021</span>
                </div>
            </div>
            
            <div class="timeline-item">
                <div class="timeline-marker"></div>
                <div class="timeline-content">
                    <h3>First Public Plugin Release</h3>
                    <p>Released Fly Plugin on SpigotMC, focusing on clean code, performance, and user-friendly configuration.</p>
                    <span class="timeline-date">2022</span>
                </div>
            </div>
            
            <div class="timeline-item">
                <div class="timeline-marker"></div>
                <div class="timeline-content">
                    <h3>Discord Bot Development</h3>
                    <p>Expanded into Python and Discord.py, creating sophisticated bots with database integration and complex algorithms.</p>
                    <span class="timeline-date">2023</span>
                </div>
            </div>
            
            <div class="timeline-item">
                <div class="timeline-marker"></div>
                <div class="timeline-content">
                    <h3>Advanced Projects & Community</h3>
                    <p>Developed complex systems like HOI4 ELO Bot, gained experience with Docker, and expanded platform presence.</p>
                    <span class="timeline-date">2024</span>
                </div>
            </div>
            
            <div class="timeline-item">
                <div class="timeline-marker active"></div>
                <div class="timeline-content">
                    <h3>Continuous Innovation</h3>
                    <p>Currently working on new projects, exploring modern technologies, and contributing to the development community.</p>
                    <span class="timeline-date">2025</span>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Achievements -->
<section class="achievements-section">
    <div class="container">
        <h2>Achievements & Recognition</h2>
        <div class="achievements-grid">
            {% for achievement in achievements %}
            <div class="achievement-card">
                <div class="achievement-icon">
                    <i class="{{ achievement.icon }}"></i>
                </div>
                <h3>{{ achievement.title }}</h3>
                <p>{{ achievement.description }}</p>
            </div>
            {% endfor %}
        </div>
    </div>
</section>

<!-- Philosophy -->
<section class="philosophy-section">
    <div class="container">
        <div class="philosophy-content">
            <h2>Development Philosophy</h2>
            <div class="philosophy-grid">
                <div class="philosophy-item">
                    <div class="philosophy-icon">
                        <i class="fas fa-code"></i>
                    </div>
                    <h3>Clean Code</h3>
                    <p>Writing maintainable, well-documented code that follows best practices and industry standards.</p>
                </div>
                
                <div class="philosophy-item">
                    <div class="philosophy-icon">
                        <i class="fas fa-users"></i>
                    </div>
                    <h3>User-Centric Design</h3>
                    <p>Focusing on user experience and creating intuitive interfaces that serve the community's needs.</p>
                </div>
                
                <div class="philosophy-item">
                    <div class="philosophy-icon">
                        <i class="fas fa-rocket"></i>
                    </div>
                    <h3>Performance First</h3>
                    <p>Optimizing for efficiency and scalability to ensure smooth operation under all conditions.</p>
                </div>
                
                <div class="philosophy-item">
                    <div class="philosophy-icon">
                        <i class="fas fa-heart"></i>
                    </div>
                    <h3>Community Driven</h3>
                    <p>Building tools that bring communities together and enhance collaborative experiences.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Personal Interests -->
<section class="interests-section">
    <div class="container">
        <h2>Beyond Coding</h2>
        <div class="interests-content">
            <div class="interests-text">
                <p>When I'm not coding, I enjoy exploring new technologies, contributing to open-source projects, and staying connected with the gaming community. I believe in continuous learning and sharing knowledge with fellow developers.</p>
                
                <div class="interests-list">
                    <div class="interest-item">
                        <i class="fas fa-gamepad"></i>
                        <span>Gaming & Community Building</span>
                    </div>
                    <div class="interest-item">
                        <i class="fas fa-book"></i>
                        <span>Learning New Technologies</span>
                    </div>
                    <div class="interest-item">
                        <i class="fab fa-oss"></i>
                        <span>Open Source Contributing</span>
                    </div>
                    <div class="interest-item">
                        <i class="fas fa-comments"></i>
                        <span>Developer Communities</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Call to Action -->
<section class="about-cta">
    <div class="container">
        <div class="cta-content">
            <h2>Let's Work Together</h2>
            <p>I'm always interested in collaborating on exciting projects and helping communities grow through technology.</p>
            <div class="cta-buttons">
                <a href="{{ url_for('contact') }}" class="btn btn-primary">
                    <i class="fas fa-envelope"></i> Get In Touch
                </a>
                <a href="{{ url_for('projects') }}" class="btn btn-secondary">
                    <i class="fas fa-folder"></i> View My Work
                </a>
            </div>
        </div>
    </div>
</section>
{% endblock %}