templates/biographies/gadget-presentation.html.twig line 1

Open in your IDE?
  1. {% extends 'biographies/biographie_entete.inc.html.twig' %}
  2. {% block subcontents %}
  3. <main class="tc-desktop-1_1 tc-phone-1_1">
  4.     <section class="tc-panel tc-header row">
  5.         <header class="tc-panel-header">
  6.             <h2>Installer la <em>présentation</em> de {{ data_person.firstname }} {{ data_person.lastname }}</h2>
  7.             <h3 class="tc-shout">sur votre site ou blog</h3>
  8.         </header>
  9.         <div class="tc-panel-body">
  10.             <div class="tc-block">
  11.                 <div class="tc-block-body">
  12.                     <p>Afficher la présentation vous concernant</p>
  13.                     <p><strong>Vous avez le choix</strong> entre deux widgets :</p>
  14.                         <ul>
  15.                             <li>un widget dit "<strong>iframe</strong>" qui fera toujours la même largeur et la même hauteur (dimensions configurables)</li>
  16.                             <li>un widget dit "<strong>ajax</strong>" qui s'adaptera à votre site.</li>
  17.                         </ul>
  18.                     <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>
  19.                     <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>
  20.                 </div>
  21.             </div>
  22.         </div>
  23.     </section>
  24.     <section class="tc-panel">
  25.         <div class="tc-panel-header">
  26.             <h2>Widget Ajax</h2>
  27.             <h3>Aperçu du widget <strong>ajax</strong></h3>
  28.         </div>
  29.         <div class="tc-panel-body tc-tablet-1_2">
  30.             {{ ajax_code_html|raw }}
  31.         </div>
  32.         <div class="tc-panel-body tc-tablet-1_2">
  33.             <div class="tc-block">
  34.                 <div class="tc-block-header">
  35.                     <h3>Code à copier pour intégrer le widget ajax sur votre site/blog</h3>
  36.                 </div>
  37.                 <div class="tc-block-body">
  38.                     <textarea name="integrer_fieldc" cols="55" rows="3" readonly style="cursor:auto">{{ ajax_code|raw }}</textarea>
  39.                 </div>
  40.                 <div class="tc-panel-footer">
  41.                     Vos commentaires sur ce widget sont les bienvenus ! <a href="/site/contacts">Envoyez-nous un message</a>
  42.                 </div>
  43.             </div>
  44.         </div>
  45.     </section>
  46. </main>
  47. {% endblock %}