{% extends 'template.html' %}

{% block css %}
<!-- <link rel="stylesheet" href="{{ url_for('static', filename='c_more_info/about_me.css') }}"> -->
{% endblock %}

{% block usr_path %}
<li class="breadcrumb-item active" aria-current="page">
  <a href="">
    <span>Sobre mí</span>
  </a>
</li>
{% endblock %}

{% block body %}
<div class="container py-4">

  <!-- Encabezado con botón -->
  <div class="d-flex justify-content-between align-items-center mb-3">
    
    <a class="btn btn-primary" href="{{ url_for('download_cv') }}">
      <i class="bi bi-download"></i> Descargar CV
    </a>
  </div>

  <!-- Contenedor del iframe -->
  <div class="ratio ratio-1x1 border rounded shadow-sm">
    <iframe 
      src="{{ url_for('view_cv') }}"
      title="cv"
      allowfullscreen>
    </iframe>
  </div>




</div>
{% endblock body %}