{% extends 'biographies/biographie_entete.inc.html.twig' %}
{% block subcontents %}
<main class="tc-desktop-1_1 tc-phone-1_1">
<section class="tc-panel tc-header row">
<header class="tc-panel-header">
<h2>Installer la <em>présentation</em> de {{ data_person.firstname }} {{ data_person.lastname }}</h2>
<h3 class="tc-shout">sur votre site ou blog</h3>
</header>
<div class="tc-panel-body">
<div class="tc-block">
<div class="tc-block-body">
<p>Afficher la présentation vous concernant</p>
<p><strong>Vous avez le choix</strong> entre deux widgets :</p>
<ul>
<li>un widget dit "<strong>iframe</strong>" qui fera toujours la même largeur et la même hauteur (dimensions configurables)</li>
<li>un widget dit "<strong>ajax</strong>" qui s'adaptera à votre site.</li>
</ul>
<p><strong>Nous vous conseillons en premier choix le widget "ajax"</strong> et en second le widget "iframe" si le premier ne s'adapte pas correctement à votre site.</p>
<p>Les <strong>utilisateurs expérimentés</strong> pourront personnaliser graphiquement le widget "ajax" via la feuille de <strong>style CSS</strong> associée</p>
</div>
</div>
</div>
</section>
<section class="tc-panel">
<div class="tc-panel-header">
<h2>Widget Ajax</h2>
<h3>Aperçu du widget <strong>ajax</strong></h3>
</div>
<div class="tc-panel-body tc-tablet-1_2">
{{ ajax_code_html|raw }}
</div>
<div class="tc-panel-body tc-tablet-1_2">
<div class="tc-block">
<div class="tc-block-header">
<h3>Code à copier pour intégrer le widget ajax sur votre site/blog</h3>
</div>
<div class="tc-block-body">
<textarea name="integrer_fieldc" cols="55" rows="3" readonly style="cursor:auto">{{ ajax_code|raw }}</textarea>
</div>
<div class="tc-panel-footer">
Vos commentaires sur ce widget sont les bienvenus ! <a href="/site/contacts">Envoyez-nous un message</a>
</div>
</div>
</div>
</section>
</main>
{% endblock %}