{% extends 'base.html' %}
{% load static %}

{% block content %}
<div class="contact-container" style="max-width: 800px; margin: auto; padding: 20px;">
  <h1>Sobre el Proyecto y sus Creadores</h1>
  
  <p style="font-size: 1.1em; line-height: 1.6;">
    <strong>CoreLab</strong> es un simulador interactivo de ensayos de materiales diseñado para facilitar el aprendizaje y la experimentación en el campo de la ciencia de materiales. Este software permite a los usuarios visualizar el comportamiento de diferentes aleaciones bajo diversas pruebas mecánicas, como tensión, compresión y flexión, utilizando datos reales.
  </p>

  <h2 style="margin-top: 40px;">El Equipo</h2>
  
  <ul style="list-style-type: none; padding: 0;">
    {% for creador in creadores.values %}
      <li style="background-color: #f0f0f0; margin-bottom: 10px; padding: 15px; border-radius: 5px;">
        <strong style="font-size: 1.2em;">{{ creador.nombre }}</strong>
        <p style="margin: 5px 0 0;">Rol: {{ creador.rol }}</p>
      </li>
    {% endfor %}
  </ul>

</div>
{% endblock %}