new file: .gitignore
new file: Dockerfile new file: README.md new file: app.py new file: index.html new file: projekte des/PROJECT_DESCRIPTION.txt new file: projekte des/WEBSITE_DESCRIPTION.md new file: projekte des/website_project_description_en.txt new file: requirements.txt new file: script.js new file: static/css/styles.css new file: static/js/script.js new file: styles.css new file: templates/about.html new file: templates/base.html new file: templates/contact.html new file: templates/index.html new file: templates/minecraft.html new file: templates/project_detail.html new file: templates/projects.html
This commit is contained in:
SimolZimol
233
templates/about.html
Normal file
233
templates/about.html
Normal file
@@ -0,0 +1,233 @@
|
||||
{% 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 %}
|
||||
71
templates/base.html
Normal file
71
templates/base.html
Normal file
@@ -0,0 +1,71 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{% block title %}Devanturas by SimolZimol - Professional Minecraft & Discord Development{% endblock %}</title>
|
||||
<meta name="description" content="{% block description %}Devanturas - Professional Minecraft Plugin Development and Discord Bot Programming by SimolZimol{% endblock %}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
|
||||
{% block extra_head %}{% endblock %}
|
||||
</head>
|
||||
<body>
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar">
|
||||
<div class="nav-container">
|
||||
<div class="nav-logo">
|
||||
<a href="{{ url_for('home') }}">
|
||||
<h2>Devanturas</h2>
|
||||
<span>by SimolZimol</span>
|
||||
</a>
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="{{ url_for('home') }}" class="{% if request.endpoint == 'home' %}active{% endif %}">Home</a></li>
|
||||
<li><a href="{{ url_for('projects') }}" class="{% if request.endpoint == 'projects' %}active{% endif %}">Projects</a></li>
|
||||
<li><a href="{{ url_for('minecraft') }}" class="{% if request.endpoint == 'minecraft' %}active{% endif %}">Minecraft</a></li>
|
||||
<li><a href="{{ url_for('about') }}" class="{% if request.endpoint == 'about' %}active{% endif %}">About</a></li>
|
||||
<li><a href="{{ url_for('contact') }}" class="{% if request.endpoint == 'contact' %}active{% endif %}">Contact</a></li>
|
||||
</ul>
|
||||
<div class="hamburger">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Main Content -->
|
||||
<main>
|
||||
{% block content %}{% endblock %}
|
||||
</main>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-text">
|
||||
<h3>Devanturas</h3>
|
||||
<p>Professional Minecraft & Discord Development by SimolZimol</p>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<a href="https://github.com/SimolZimol/" target="_blank" title="GitHub">
|
||||
<i class="fab fa-github"></i>
|
||||
</a>
|
||||
<a href="https://discordapp.com/users/253922739709018114" target="_blank" title="Discord">
|
||||
<i class="fab fa-discord"></i>
|
||||
</a>
|
||||
<a href="https://modrinth.com/plugin/fly-simolzimol/" target="_blank" title="Modrinth">
|
||||
<i class="fas fa-cube"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<p>© 2025 Devanturas by SimolZimol. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="{{ url_for('static', filename='js/script.js') }}"></script>
|
||||
{% block extra_scripts %}{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
200
templates/contact.html
Normal file
200
templates/contact.html
Normal file
@@ -0,0 +1,200 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Contact - Devanturas by SimolZimol{% endblock %}
|
||||
{% block description %}Get in touch with SimolZimol for Minecraft plugin development, Discord bot programming, and collaboration opportunities{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<!-- Contact Hero -->
|
||||
<section class="contact-hero">
|
||||
<div class="container">
|
||||
<div class="contact-hero-content">
|
||||
<h1>Get In Touch</h1>
|
||||
<p>Ready to collaborate? Let's discuss your project ideas and bring them to life.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact Methods -->
|
||||
<section class="contact-methods">
|
||||
<div class="container">
|
||||
<h2>Ways to Connect</h2>
|
||||
<div class="contact-grid">
|
||||
{% for link in links %}
|
||||
<a href="{{ link.url }}" target="_blank" class="contact-card {{ link.color }}">
|
||||
<div class="contact-icon">
|
||||
<i class="{{ link.icon }}"></i>
|
||||
</div>
|
||||
<h3>{{ link.name }}</h3>
|
||||
<p>{{ link.description }}</p>
|
||||
<div class="contact-action">
|
||||
<span>Connect <i class="fas fa-external-link-alt"></i></span>
|
||||
</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Project Inquiry -->
|
||||
<section class="project-inquiry">
|
||||
<div class="container">
|
||||
<div class="inquiry-content">
|
||||
<div class="inquiry-text">
|
||||
<h2>Project Collaboration</h2>
|
||||
<p>I'm always interested in working on exciting projects. Whether you need a custom Minecraft plugin, Discord bot, or have an innovative idea to discuss, I'd love to hear from you.</p>
|
||||
|
||||
<div class="inquiry-types">
|
||||
<h3>What I can help with:</h3>
|
||||
<div class="inquiry-list">
|
||||
<div class="inquiry-item">
|
||||
<i class="fas fa-cube"></i>
|
||||
<div>
|
||||
<h4>Minecraft Plugin Development</h4>
|
||||
<p>Custom plugins for Spigot, Paper, and Bukkit servers</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="inquiry-item">
|
||||
<i class="fab fa-discord"></i>
|
||||
<div>
|
||||
<h4>Discord Bot Programming</h4>
|
||||
<p>Advanced bots with database integration and complex features</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="inquiry-item">
|
||||
<i class="fas fa-cogs"></i>
|
||||
<div>
|
||||
<h4>Server Optimization</h4>
|
||||
<p>Performance analysis and optimization of existing systems</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="inquiry-item">
|
||||
<i class="fas fa-tools"></i>
|
||||
<div>
|
||||
<h4>Maintenance & Support</h4>
|
||||
<p>Ongoing support and updates for existing projects</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="inquiry-sidebar">
|
||||
<div class="response-time">
|
||||
<h3>Response Time</h3>
|
||||
<div class="response-info">
|
||||
<div class="response-item">
|
||||
<i class="fab fa-discord"></i>
|
||||
<div>
|
||||
<span class="platform">Discord</span>
|
||||
<span class="time">Usually within hours</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="availability">
|
||||
<h3>Availability</h3>
|
||||
<div class="availability-info">
|
||||
<div class="availability-item">
|
||||
<span class="status available"></span>
|
||||
<span>Available for new projects</span>
|
||||
</div>
|
||||
<div class="availability-item">
|
||||
<span class="status available"></span>
|
||||
<span>Open to collaboration</span>
|
||||
</div>
|
||||
<div class="availability-item">
|
||||
<span class="status available"></span>
|
||||
<span>Community support</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section class="faq-section">
|
||||
<div class="container">
|
||||
<h2>Frequently Asked Questions</h2>
|
||||
<div class="faq-grid">
|
||||
<div class="faq-item">
|
||||
<h3>What types of Minecraft plugins do you develop?</h3>
|
||||
<p>I specialize in all types of Minecraft plugins including utility plugins, game mechanics, server management tools, and custom features. From simple commands to complex systems with database integration.</p>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<h3>Do you provide ongoing support for your projects?</h3>
|
||||
<p>Yes! I provide ongoing support, bug fixes, and updates for all my projects. I believe in maintaining long-term relationships with clients and ensuring projects remain functional as Minecraft and Discord evolve.</p>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<h3>What Minecraft versions do you support?</h3>
|
||||
<p>I develop plugins compatible with Minecraft 1.15 through 1.21, with focus on the latest stable versions. I ensure backward compatibility when possible and provide version-specific solutions when needed.</p>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<h3>Can you help with existing plugin modifications?</h3>
|
||||
<p>Absolutely! I can help modify, optimize, or add features to existing plugins. I also provide code reviews and performance optimization services for current projects.</p>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<h3>Do you work on open source projects?</h3>
|
||||
<p>Yes, I'm passionate about open source development. Many of my projects are available on GitHub, and I welcome contributions and collaboration from the community.</p>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<h3>What's your development process like?</h3>
|
||||
<p>I follow a structured approach: requirements analysis, planning, development with regular updates, testing, deployment, and ongoing support. Communication is key throughout the entire process.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Community -->
|
||||
<section class="community-section">
|
||||
<div class="container">
|
||||
<h2>Join the Community</h2>
|
||||
<div class="community-content">
|
||||
<div class="community-text">
|
||||
<p>I believe in the power of community and open collaboration. Whether you're a fellow developer, server owner, or just someone interested in Minecraft and Discord development, I'd love to connect and share knowledge.</p>
|
||||
</div>
|
||||
|
||||
<div class="community-actions">
|
||||
<a href="https://github.com/SimolZimol/" target="_blank" class="community-link">
|
||||
<i class="fab fa-github"></i>
|
||||
<div>
|
||||
<h4>GitHub</h4>
|
||||
<p>Explore code, contribute, and collaborate</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="https://discordapp.com/users/253922739709018114" target="_blank" class="community-link">
|
||||
<i class="fab fa-discord"></i>
|
||||
<div>
|
||||
<h4>Discord</h4>
|
||||
<p>Direct messaging and community discussions</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Final CTA -->
|
||||
<section class="final-cta">
|
||||
<div class="container">
|
||||
<div class="cta-content">
|
||||
<h2>Ready to Start Your Project?</h2>
|
||||
<p>Don't hesitate to reach out. Whether you have a detailed project plan or just an idea, I'm here to help make it happen.</p>
|
||||
<a href="https://discordapp.com/users/253922739709018114" target="_blank" class="btn btn-primary btn-large">
|
||||
<i class="fab fa-discord"></i> Message on Discord
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
||||
156
templates/index.html
Normal file
156
templates/index.html
Normal file
@@ -0,0 +1,156 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Devanturas by SimolZimol - Professional Minecraft & Discord Development{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<!-- Hero Section -->
|
||||
<section id="home" class="hero">
|
||||
<div class="hero-content">
|
||||
<h1>Devanturas</h1>
|
||||
<h2>by <span class="highlight">SimolZimol</span></h2>
|
||||
<p>Professional Minecraft Plugin Development & Discord Bot Programming</p>
|
||||
<div class="hero-buttons">
|
||||
<a href="{{ url_for('projects') }}" class="btn btn-primary">View Projects</a>
|
||||
<a href="https://github.com/SimolZimol/" target="_blank" class="btn btn-secondary">
|
||||
<i class="fab fa-github"></i> GitHub
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-background">
|
||||
<div class="floating-icons">
|
||||
<i class="fab fa-java"></i>
|
||||
<i class="fab fa-python"></i>
|
||||
<i class="fas fa-server"></i>
|
||||
<i class="fab fa-discord"></i>
|
||||
<i class="fas fa-code"></i>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Featured Projects Section -->
|
||||
<section id="featured-projects" class="featured-projects">
|
||||
<div class="container">
|
||||
<h2>Featured Projects</h2>
|
||||
<p class="section-subtitle">Showcase of my latest Minecraft and Discord development work</p>
|
||||
|
||||
<div class="projects-grid">
|
||||
{% for project in projects %}
|
||||
<div class="project-card {{ project.color }}">
|
||||
<div class="project-header">
|
||||
<div class="project-icon">
|
||||
<i class="{{ project.icon }}"></i>
|
||||
</div>
|
||||
<div class="project-meta">
|
||||
<h3>{{ project.name }}</h3>
|
||||
<span class="project-type">{{ project.type }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>{{ project.description }}</p>
|
||||
<div class="project-features">
|
||||
{% for tech in project.technologies %}
|
||||
<span class="feature-tag">{{ tech }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="project-links">
|
||||
<a href="{{ project.url }}" class="project-link">
|
||||
<i class="fas fa-arrow-right"></i> Learn More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="view-all-projects">
|
||||
<a href="{{ url_for('projects') }}" class="btn btn-primary">View All Projects</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Skills Overview Section -->
|
||||
<section id="skills-overview" class="skills-overview">
|
||||
<div class="container">
|
||||
<h2>Development Expertise</h2>
|
||||
<div class="skills-grid">
|
||||
<div class="skill-card">
|
||||
<div class="skill-icon">
|
||||
<i class="fas fa-cube"></i>
|
||||
</div>
|
||||
<h3>Minecraft Development</h3>
|
||||
<p>Professional plugin development for Spigot, Paper, and Bukkit servers with focus on performance and user experience.</p>
|
||||
<ul>
|
||||
<li>Java Programming</li>
|
||||
<li>Spigot/Paper API</li>
|
||||
<li>Server Optimization</li>
|
||||
<li>Custom Commands</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="skill-card">
|
||||
<div class="skill-icon">
|
||||
<i class="fab fa-discord"></i>
|
||||
</div>
|
||||
<h3>Discord Bot Development</h3>
|
||||
<p>Advanced Discord bots with database integration, complex algorithms, and community management features.</p>
|
||||
<ul>
|
||||
<li>Python & Discord.py</li>
|
||||
<li>Database Integration</li>
|
||||
<li>Async Programming</li>
|
||||
<li>Docker Deployment</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="skill-card">
|
||||
<div class="skill-icon">
|
||||
<i class="fas fa-cogs"></i>
|
||||
</div>
|
||||
<h3>Full-Stack Solutions</h3>
|
||||
<p>Complete project lifecycle from conception to deployment, including web interfaces and server management.</p>
|
||||
<ul>
|
||||
<li>Flask Web Development</li>
|
||||
<li>MySQL Database Design</li>
|
||||
<li>Git Version Control</li>
|
||||
<li>DevOps & Deployment</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Quick Stats Section -->
|
||||
<section id="stats" class="stats">
|
||||
<div class="container">
|
||||
<div class="stats-grid">
|
||||
<div class="stat-item">
|
||||
<div class="stat-number">3+</div>
|
||||
<div class="stat-label">Years Experience</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-number">2</div>
|
||||
<div class="stat-label">Active Projects</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-number">Multiple</div>
|
||||
<div class="stat-label">Platforms</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-number">Java & Python</div>
|
||||
<div class="stat-label">Primary Languages</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Call to Action Section -->
|
||||
<section id="cta" class="cta">
|
||||
<div class="container">
|
||||
<div class="cta-content">
|
||||
<h2>Ready to Collaborate?</h2>
|
||||
<p>Whether you need a custom Minecraft plugin, Discord bot, or full-stack solution, I'm here to help bring your ideas to life.</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="{{ url_for('contact') }}" class="btn btn-primary">Get In Touch</a>
|
||||
<a href="{{ url_for('minecraft') }}" class="btn btn-secondary">Explore Minecraft Projects</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
||||
288
templates/minecraft.html
Normal file
288
templates/minecraft.html
Normal file
@@ -0,0 +1,288 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Minecraft Development - Devanturas by SimolZimol{% endblock %}
|
||||
{% block description %}Professional Minecraft plugin development services and projects by SimolZimol{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<!-- Minecraft Hero -->
|
||||
<section class="minecraft-hero">
|
||||
<div class="container">
|
||||
<div class="minecraft-hero-content">
|
||||
<div class="minecraft-icon">
|
||||
<i class="fas fa-cube"></i>
|
||||
</div>
|
||||
<h1>Minecraft Development</h1>
|
||||
<p>Professional plugin development for Spigot, Paper, and Bukkit servers</p>
|
||||
<div class="minecraft-stats">
|
||||
<div class="stat">
|
||||
<span class="stat-number">{{ info.experience }}</span>
|
||||
<span class="stat-label">Experience</span>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<span class="stat-number">{{ projects|length }}</span>
|
||||
<span class="stat-label">Active Projects</span>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<span class="stat-number">1.15-1.21</span>
|
||||
<span class="stat-label">MC Versions</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Minecraft Projects -->
|
||||
<section class="minecraft-projects">
|
||||
<div class="container">
|
||||
<h2>Minecraft Projects</h2>
|
||||
<div class="projects-grid">
|
||||
{% for project in projects %}
|
||||
<div class="minecraft-project-card">
|
||||
<div class="project-header">
|
||||
<div class="project-icon">
|
||||
<i class="fas fa-paper-plane"></i>
|
||||
</div>
|
||||
<div class="project-info">
|
||||
<h3>{{ project.name }}</h3>
|
||||
<p>{{ project.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="project-details">
|
||||
<div class="detail-row">
|
||||
<span class="detail-label">Version:</span>
|
||||
<span class="detail-value">{{ project.version }}</span>
|
||||
</div>
|
||||
<div class="detail-row">
|
||||
<span class="detail-label">MC Versions:</span>
|
||||
<span class="detail-value">{{ project.supported_versions }}</span>
|
||||
</div>
|
||||
<div class="detail-row">
|
||||
<span class="detail-label">Status:</span>
|
||||
<span class="detail-value status-active">{{ project.downloads }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="project-actions">
|
||||
<a href="{{ project.url }}" class="btn btn-primary">View Details</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Services Section -->
|
||||
<section class="minecraft-services">
|
||||
<div class="container">
|
||||
<h2>Development Services</h2>
|
||||
<div class="services-grid">
|
||||
<div class="service-card">
|
||||
<div class="service-icon">
|
||||
<i class="fas fa-plug"></i>
|
||||
</div>
|
||||
<h3>Custom Plugin Development</h3>
|
||||
<p>Tailored Minecraft plugins built to your exact specifications with modern best practices and optimized performance.</p>
|
||||
<ul>
|
||||
<li>Custom commands and features</li>
|
||||
<li>Database integration</li>
|
||||
<li>Permission system integration</li>
|
||||
<li>Configuration management</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="service-card">
|
||||
<div class="service-icon">
|
||||
<i class="fas fa-cogs"></i>
|
||||
</div>
|
||||
<h3>Server Optimization</h3>
|
||||
<p>Performance analysis and optimization of existing plugins and server configurations for better gameplay experience.</p>
|
||||
<ul>
|
||||
<li>Performance profiling</li>
|
||||
<li>Memory optimization</li>
|
||||
<li>Lag reduction techniques</li>
|
||||
<li>Server architecture advice</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="service-card">
|
||||
<div class="service-icon">
|
||||
<i class="fas fa-tools"></i>
|
||||
</div>
|
||||
<h3>Plugin Maintenance</h3>
|
||||
<p>Ongoing support, updates, and bug fixes for existing plugins to ensure compatibility with latest Minecraft versions.</p>
|
||||
<ul>
|
||||
<li>Version updates</li>
|
||||
<li>Bug fixes</li>
|
||||
<li>Feature additions</li>
|
||||
<li>Technical support</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Technical Expertise -->
|
||||
<section class="minecraft-expertise">
|
||||
<div class="container">
|
||||
<h2>Technical Expertise</h2>
|
||||
<div class="expertise-content">
|
||||
<div class="expertise-main">
|
||||
<h3>Specializations</h3>
|
||||
<div class="specialties-grid">
|
||||
{% for specialty in info.specialties %}
|
||||
<div class="specialty-item">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<span>{{ specialty }}</span>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<h3>Supported Platforms</h3>
|
||||
<div class="platforms-grid">
|
||||
{% for server_type in info.server_types %}
|
||||
<div class="platform-card">
|
||||
<div class="platform-icon">
|
||||
{% if server_type == 'Spigot' %}
|
||||
<i class="fas fa-server"></i>
|
||||
{% elif server_type == 'Paper' %}
|
||||
<i class="fas fa-paper-plane"></i>
|
||||
{% elif server_type == 'Bukkit' %}
|
||||
<i class="fas fa-cube"></i>
|
||||
{% endif %}
|
||||
</div>
|
||||
<h4>{{ server_type }}</h4>
|
||||
<p>Full compatibility and optimization</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expertise-sidebar">
|
||||
<div class="api-knowledge">
|
||||
<h3>API Knowledge</h3>
|
||||
<ul>
|
||||
{% for api in info.preferred_apis %}
|
||||
<li>
|
||||
<i class="fas fa-code"></i>
|
||||
{{ api }}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="version-support">
|
||||
<h3>Version Support</h3>
|
||||
<div class="version-range">
|
||||
<div class="version-item">
|
||||
<span class="version-label">Legacy Support</span>
|
||||
<span class="version-value">1.15+</span>
|
||||
</div>
|
||||
<div class="version-item">
|
||||
<span class="version-label">Current Support</span>
|
||||
<span class="version-value">1.21</span>
|
||||
</div>
|
||||
<div class="version-item">
|
||||
<span class="version-label">Future Ready</span>
|
||||
<span class="version-value">Upcoming versions</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Development Process -->
|
||||
<section class="development-process">
|
||||
<div class="container">
|
||||
<h2>Development Process</h2>
|
||||
<div class="process-steps">
|
||||
<div class="process-step">
|
||||
<div class="step-number">1</div>
|
||||
<div class="step-content">
|
||||
<h3>Requirements Analysis</h3>
|
||||
<p>Understanding your server's needs and defining project scope with detailed specifications.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="process-step">
|
||||
<div class="step-number">2</div>
|
||||
<div class="step-content">
|
||||
<h3>Development & Testing</h3>
|
||||
<p>Writing clean, efficient code following best practices with comprehensive testing on multiple server versions.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="process-step">
|
||||
<div class="step-number">3</div>
|
||||
<div class="step-content">
|
||||
<h3>Deployment & Support</h3>
|
||||
<p>Smooth deployment to your server with ongoing support and maintenance as needed.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Community Resources -->
|
||||
<section class="minecraft-resources">
|
||||
<div class="container">
|
||||
<h2>Resources & Downloads</h2>
|
||||
<div class="resources-grid">
|
||||
<div class="resource-card">
|
||||
<div class="resource-icon">
|
||||
<i class="fas fa-cube"></i>
|
||||
</div>
|
||||
<h3>Modrinth</h3>
|
||||
<p>Download my plugins from the modern Minecraft modding platform</p>
|
||||
<a href="https://modrinth.com/plugin/fly-simolzimol/" target="_blank" class="resource-link">
|
||||
Visit Modrinth <i class="fas fa-external-link-alt"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="resource-card">
|
||||
<div class="resource-icon">
|
||||
<i class="fas fa-plug"></i>
|
||||
</div>
|
||||
<h3>SpigotMC</h3>
|
||||
<p>Find my plugins on the largest Minecraft server resource platform</p>
|
||||
<a href="https://www.spigotmc.org/resources/fly.83164/" target="_blank" class="resource-link">
|
||||
Visit SpigotMC <i class="fas fa-external-link-alt"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="resource-card">
|
||||
<div class="resource-icon">
|
||||
<i class="fab fa-github"></i>
|
||||
</div>
|
||||
<h3>GitHub</h3>
|
||||
<p>Access source code, documentation, and contribute to open source projects</p>
|
||||
<a href="https://github.com/SimolZimol/" target="_blank" class="resource-link">
|
||||
Visit GitHub <i class="fas fa-external-link-alt"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Call to Action -->
|
||||
<section class="minecraft-cta">
|
||||
<div class="container">
|
||||
<div class="cta-content">
|
||||
<div class="cta-text">
|
||||
<h2>Ready to Enhance Your Server?</h2>
|
||||
<p>Let's discuss your Minecraft plugin development needs and bring your server vision to life.</p>
|
||||
</div>
|
||||
<div class="cta-actions">
|
||||
<a href="{{ url_for('contact') }}" class="btn btn-primary">
|
||||
<i class="fas fa-comments"></i> Start Discussion
|
||||
</a>
|
||||
<a href="{{ url_for('projects') }}" class="btn btn-secondary">
|
||||
<i class="fas fa-eye"></i> View All Projects
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
||||
332
templates/project_detail.html
Normal file
332
templates/project_detail.html
Normal file
@@ -0,0 +1,332 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}{{ project.name }} - Devanturas by SimolZimol{% endblock %}
|
||||
{% block description %}{{ project.description }} - Detailed information, features, and documentation{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<!-- Project Hero -->
|
||||
<section class="project-hero">
|
||||
<div class="container">
|
||||
<div class="project-hero-content">
|
||||
<div class="project-hero-text">
|
||||
<div class="project-breadcrumb">
|
||||
<a href="{{ url_for('projects') }}">Projects</a> / {{ project.name }}
|
||||
</div>
|
||||
<h1>{{ project.name }}</h1>
|
||||
<p class="project-tagline">{{ project.tagline }}</p>
|
||||
<p class="project-description">{{ project.description }}</p>
|
||||
|
||||
<div class="project-hero-stats">
|
||||
{% if project.version %}
|
||||
<div class="hero-stat">
|
||||
<span class="stat-label">Version</span>
|
||||
<span class="stat-value">{{ project.version }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if project.status %}
|
||||
<div class="hero-stat">
|
||||
<span class="stat-label">Status</span>
|
||||
<span class="stat-value">{{ project.status }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if project.compatibility %}
|
||||
<div class="hero-stat">
|
||||
<span class="stat-label">Compatibility</span>
|
||||
<span class="stat-value">{{ project.compatibility }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="project-hero-actions">
|
||||
{% for link_name, link_url in project.links.items() %}
|
||||
{% if link_name in ['modrinth', 'spigot', 'github'] %}
|
||||
<a href="{{ link_url }}" target="_blank" class="btn btn-primary">
|
||||
{% if link_name == 'github' %}
|
||||
<i class="fab fa-github"></i> GitHub
|
||||
{% elif link_name == 'modrinth' %}
|
||||
<i class="fas fa-cube"></i> Modrinth
|
||||
{% elif link_name == 'spigot' %}
|
||||
<i class="fas fa-plug"></i> SpigotMC
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="project-hero-visual">
|
||||
<div class="project-icon-large">
|
||||
{% if 'minecraft' in project.name.lower() or 'fly' in project.name.lower() %}
|
||||
<i class="fas fa-paper-plane"></i>
|
||||
{% elif 'discord' in project.name.lower() or 'bot' in project.name.lower() %}
|
||||
<i class="fab fa-discord"></i>
|
||||
{% else %}
|
||||
<i class="fas fa-code"></i>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Project Navigation -->
|
||||
<nav class="project-nav">
|
||||
<div class="container">
|
||||
<ul class="project-nav-links">
|
||||
<li><a href="#overview" class="active">Overview</a></li>
|
||||
<li><a href="#features">Features</a></li>
|
||||
{% if project.commands %}
|
||||
<li><a href="#commands">Commands</a></li>
|
||||
{% endif %}
|
||||
{% if project.installation %}
|
||||
<li><a href="#installation">Installation</a></li>
|
||||
{% endif %}
|
||||
<li><a href="#resources">Resources</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Project Overview -->
|
||||
<section id="overview" class="project-section">
|
||||
<div class="container">
|
||||
<div class="project-content">
|
||||
<div class="content-main">
|
||||
<h2>Overview</h2>
|
||||
<div class="project-overview">
|
||||
<p>{{ project.long_description }}</p>
|
||||
|
||||
{% if project.technologies %}
|
||||
<div class="project-tech-stack">
|
||||
<h3>Built With</h3>
|
||||
<div class="tech-tags">
|
||||
{% for tech in project.technologies %}
|
||||
<span class="tech-tag">{{ tech }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if project.server_types %}
|
||||
<div class="compatibility-info">
|
||||
<h3>Compatibility</h3>
|
||||
<div class="compatibility-grid">
|
||||
{% for server_type in project.server_types %}
|
||||
<div class="compatibility-item">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<span>{{ server_type }}</span>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-sidebar">
|
||||
<div class="sidebar-card">
|
||||
<h3>Quick Links</h3>
|
||||
<div class="quick-links">
|
||||
{% for link_name, link_url in project.links.items() %}
|
||||
<a href="{{ link_url }}" target="_blank" class="quick-link">
|
||||
{% if link_name == 'github' %}
|
||||
<i class="fab fa-github"></i>
|
||||
{% elif link_name == 'modrinth' %}
|
||||
<i class="fas fa-cube"></i>
|
||||
{% elif link_name == 'spigot' %}
|
||||
<i class="fas fa-plug"></i>
|
||||
{% elif link_name == 'wiki' %}
|
||||
<i class="fas fa-book"></i>
|
||||
{% elif link_name == 'issues' %}
|
||||
<i class="fas fa-bug"></i>
|
||||
{% elif link_name == 'documentation' %}
|
||||
<i class="fas fa-file-alt"></i>
|
||||
{% else %}
|
||||
<i class="fas fa-external-link-alt"></i>
|
||||
{% endif %}
|
||||
{{ link_name.title().replace('_', ' ') }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if project.technical_highlights %}
|
||||
<div class="sidebar-card">
|
||||
<h3>Technical Highlights</h3>
|
||||
<ul class="highlight-list">
|
||||
{% for highlight in project.technical_highlights %}
|
||||
<li>{{ highlight }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Features Section -->
|
||||
<section id="features" class="project-section">
|
||||
<div class="container">
|
||||
<h2>Features</h2>
|
||||
<div class="features-grid">
|
||||
{% for feature in project.features %}
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon">
|
||||
<i class="fas fa-check"></i>
|
||||
</div>
|
||||
<div class="feature-text">
|
||||
<p>{{ feature }}</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% if project.commands %}
|
||||
<!-- Commands Section -->
|
||||
<section id="commands" class="project-section">
|
||||
<div class="container">
|
||||
<h2>Commands & Permissions</h2>
|
||||
<div class="commands-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Command</th>
|
||||
<th>Description</th>
|
||||
<th>Permission</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for command in project.commands %}
|
||||
<tr>
|
||||
<td><code>{{ command.command }}</code></td>
|
||||
<td>{{ command.description }}</td>
|
||||
<td><code>{{ command.permission }}</code></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
{% if project.installation %}
|
||||
<!-- Installation Section -->
|
||||
<section id="installation" class="project-section">
|
||||
<div class="container">
|
||||
<h2>Installation Guide</h2>
|
||||
<div class="installation-steps">
|
||||
<ol>
|
||||
{% for step in project.installation %}
|
||||
<li>{{ step }}</li>
|
||||
{% endfor %}
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
<!-- Resources Section -->
|
||||
<section id="resources" class="project-section">
|
||||
<div class="container">
|
||||
<h2>Resources & Support</h2>
|
||||
<div class="resources-grid">
|
||||
{% for link_name, link_url in project.links.items() %}
|
||||
<div class="resource-card">
|
||||
<div class="resource-icon">
|
||||
{% if link_name == 'github' %}
|
||||
<i class="fab fa-github"></i>
|
||||
{% elif link_name == 'wiki' %}
|
||||
<i class="fas fa-book"></i>
|
||||
{% elif link_name == 'issues' %}
|
||||
<i class="fas fa-bug"></i>
|
||||
{% elif link_name == 'documentation' %}
|
||||
<i class="fas fa-file-alt"></i>
|
||||
{% elif link_name == 'modrinth' %}
|
||||
<i class="fas fa-cube"></i>
|
||||
{% elif link_name == 'spigot' %}
|
||||
<i class="fas fa-plug"></i>
|
||||
{% else %}
|
||||
<i class="fas fa-external-link-alt"></i>
|
||||
{% endif %}
|
||||
</div>
|
||||
<h3>{{ link_name.title().replace('_', ' ') }}</h3>
|
||||
<p>
|
||||
{% if link_name == 'github' %}
|
||||
View source code and contribute to the project
|
||||
{% elif link_name == 'wiki' %}
|
||||
Comprehensive documentation and guides
|
||||
{% elif link_name == 'issues' %}
|
||||
Report bugs and request features
|
||||
{% elif link_name == 'documentation' %}
|
||||
Official project documentation
|
||||
{% elif link_name == 'modrinth' %}
|
||||
Download from Modrinth platform
|
||||
{% elif link_name == 'spigot' %}
|
||||
Download from SpigotMC resources
|
||||
{% else %}
|
||||
Additional project resources
|
||||
{% endif %}
|
||||
</p>
|
||||
<a href="{{ link_url }}" target="_blank" class="resource-link">
|
||||
Visit <i class="fas fa-external-link-alt"></i>
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Related Projects -->
|
||||
<section class="related-projects">
|
||||
<div class="container">
|
||||
<h2>Other Projects</h2>
|
||||
<p>Explore more of my development work</p>
|
||||
<div class="related-actions">
|
||||
<a href="{{ url_for('projects') }}" class="btn btn-primary">View All Projects</a>
|
||||
<a href="{{ url_for('minecraft') }}" class="btn btn-secondary">Minecraft Projects</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
||||
{% block extra_scripts %}
|
||||
<script>
|
||||
// Project navigation
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const navLinks = document.querySelectorAll('.project-nav-links a');
|
||||
const sections = document.querySelectorAll('.project-section');
|
||||
|
||||
// Smooth scrolling
|
||||
navLinks.forEach(link => {
|
||||
link.addEventListener('click', function(e) {
|
||||
e.preventDefault();
|
||||
const target = document.querySelector(this.getAttribute('href'));
|
||||
if (target) {
|
||||
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Active section highlighting
|
||||
window.addEventListener('scroll', function() {
|
||||
let current = '';
|
||||
sections.forEach(section => {
|
||||
const sectionTop = section.offsetTop - 100;
|
||||
if (pageYOffset >= sectionTop) {
|
||||
current = section.getAttribute('id');
|
||||
}
|
||||
});
|
||||
|
||||
navLinks.forEach(link => {
|
||||
link.classList.remove('active');
|
||||
if (link.getAttribute('href') === `#${current}`) {
|
||||
link.classList.add('active');
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
196
templates/projects.html
Normal file
196
templates/projects.html
Normal file
@@ -0,0 +1,196 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Projects - Devanturas by SimolZimol{% endblock %}
|
||||
{% block description %}Complete overview of Minecraft plugins and Discord bots developed by SimolZimol{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<!-- Projects Header -->
|
||||
<section class="page-header">
|
||||
<div class="container">
|
||||
<h1>My Projects</h1>
|
||||
<p>A comprehensive overview of my Minecraft and Discord development work</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Projects Grid -->
|
||||
<section class="projects-section">
|
||||
<div class="container">
|
||||
<div class="projects-filter">
|
||||
<button class="filter-btn active" data-filter="all">All Projects</button>
|
||||
<button class="filter-btn" data-filter="minecraft">Minecraft</button>
|
||||
<button class="filter-btn" data-filter="discord">Discord</button>
|
||||
</div>
|
||||
|
||||
<div class="projects-grid">
|
||||
{% for project in projects %}
|
||||
<div class="project-card {{ project.color }}" data-category="{{ project.type.lower().replace(' ', '-') }}">
|
||||
<div class="project-header">
|
||||
<div class="project-icon">
|
||||
<i class="{{ project.icon }}"></i>
|
||||
</div>
|
||||
<div class="project-meta">
|
||||
<h3>{{ project.name }}</h3>
|
||||
<span class="project-type">{{ project.type }}</span>
|
||||
<span class="project-status status-{{ project.status.lower().replace(' ', '-') }}">{{ project.status }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="project-description">
|
||||
<p>{{ project.description }}</p>
|
||||
<div class="project-details">
|
||||
<p>{{ project.long_description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="project-technologies">
|
||||
{% for tech in project.technologies %}
|
||||
<span class="tech-tag">{{ tech }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="project-stats">
|
||||
{% if project.version %}
|
||||
<div class="stat">
|
||||
<span class="stat-label">Version</span>
|
||||
<span class="stat-value">{{ project.version }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if project.downloads %}
|
||||
<div class="stat">
|
||||
<span class="stat-label">Status</span>
|
||||
<span class="stat-value">{{ project.downloads }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if project.users %}
|
||||
<div class="stat">
|
||||
<span class="stat-label">Users</span>
|
||||
<span class="stat-value">{{ project.users }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="project-actions">
|
||||
<a href="{{ project.url }}" class="btn btn-primary">
|
||||
<i class="fas fa-info-circle"></i> Details
|
||||
</a>
|
||||
|
||||
{% for link_name, link_url in project.links.items() %}
|
||||
<a href="{{ link_url }}" target="_blank" class="btn btn-secondary btn-small">
|
||||
{% if link_name == 'github' %}
|
||||
<i class="fab fa-github"></i>
|
||||
{% elif link_name == 'modrinth' %}
|
||||
<i class="fas fa-cube"></i>
|
||||
{% elif link_name == 'spigot' %}
|
||||
<i class="fas fa-plug"></i>
|
||||
{% else %}
|
||||
<i class="fas fa-external-link-alt"></i>
|
||||
{% endif %}
|
||||
{{ link_name.title() }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Technology Stack Section -->
|
||||
<section class="tech-stack-section">
|
||||
<div class="container">
|
||||
<h2>Technology Stack</h2>
|
||||
<p>Technologies and frameworks I work with</p>
|
||||
|
||||
<div class="tech-categories">
|
||||
<div class="tech-category">
|
||||
<h3>Minecraft Development</h3>
|
||||
<div class="tech-grid">
|
||||
<div class="tech-item">
|
||||
<i class="fab fa-java"></i>
|
||||
<span>Java</span>
|
||||
</div>
|
||||
<div class="tech-item">
|
||||
<i class="fas fa-server"></i>
|
||||
<span>Spigot</span>
|
||||
</div>
|
||||
<div class="tech-item">
|
||||
<i class="fas fa-paper-plane"></i>
|
||||
<span>Paper</span>
|
||||
</div>
|
||||
<div class="tech-item">
|
||||
<i class="fas fa-cube"></i>
|
||||
<span>Bukkit</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tech-category">
|
||||
<h3>Discord & Web Development</h3>
|
||||
<div class="tech-grid">
|
||||
<div class="tech-item">
|
||||
<i class="fab fa-python"></i>
|
||||
<span>Python</span>
|
||||
</div>
|
||||
<div class="tech-item">
|
||||
<i class="fab fa-discord"></i>
|
||||
<span>Discord.py</span>
|
||||
</div>
|
||||
<div class="tech-item">
|
||||
<i class="fas fa-database"></i>
|
||||
<span>MySQL</span>
|
||||
</div>
|
||||
<div class="tech-item">
|
||||
<i class="fab fa-docker"></i>
|
||||
<span>Docker</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Call to Action -->
|
||||
<section class="projects-cta">
|
||||
<div class="container">
|
||||
<div class="cta-content">
|
||||
<h2>Have a Project in Mind?</h2>
|
||||
<p>I'm always interested in working on new and exciting projects. Let's discuss your ideas!</p>
|
||||
<a href="{{ url_for('contact') }}" class="btn btn-primary">Start a Conversation</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
||||
{% block extra_scripts %}
|
||||
<script>
|
||||
// Project filtering
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const filterBtns = document.querySelectorAll('.filter-btn');
|
||||
const projectCards = document.querySelectorAll('.project-card');
|
||||
|
||||
filterBtns.forEach(btn => {
|
||||
btn.addEventListener('click', function() {
|
||||
// Remove active class from all buttons
|
||||
filterBtns.forEach(b => b.classList.remove('active'));
|
||||
// Add active class to clicked button
|
||||
this.classList.add('active');
|
||||
|
||||
const filter = this.getAttribute('data-filter');
|
||||
|
||||
projectCards.forEach(card => {
|
||||
if (filter === 'all') {
|
||||
card.style.display = 'block';
|
||||
} else {
|
||||
const category = card.getAttribute('data-category');
|
||||
if (category.includes(filter)) {
|
||||
card.style.display = 'block';
|
||||
} else {
|
||||
card.style.display = 'none';
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user