templates/includes/aside/biographies/bio_navigation.html.twig line 1

Open in your IDE?
  1. {% if barre_infos is defined and barre_infos %}
  2.     <section class="tc-panel tc-border-index">
  3.         <div class="tc-panel-header">
  4.             <h3>Intégrer</h3>
  5.         </div>
  6.         <div class="tc-panel-body">
  7.             <div class="tc-block">
  8.                 <div class="tc-block-body">
  9.                     <p>
  10.                         Un widget vous permet d'intégrer
  11.                         <strong>dans votre blog ou votre site</strong> un module de
  12.                         <strong>l'actualité des spectacles de cette
  13.                             personne</strong> avec une mise à jour
  14.                         quotidienne et automatique .
  15.                     </p>
  16.                     <ul>
  17.                         <li>
  18.                             <a href="/biographies/{{ url_clean }}/gadget">Spectacles en scène</a>
  19.                         </li>
  20.                         <li>
  21.                             <a href="/biographies/{{ url_clean }}/gadget-presentation">Présentation</a>
  22.                         </li>
  23.                     </ul>
  24.                 </div>
  25.             </div>
  26.         </div>
  27.     </section>
  28. {% endif %}
  30. {% if is_presentation_edit is defined and is_presentation_edit%}
  31. <section class="tc-panel tc-bgcolor-index">
  32.     <div class="tc-panel-header">
  33.         <h3>Voir</h3>
  34.     </div>
  35.     <div class="tc-panel-body">
  36.         <div class="tc-block">
  37.             <div class="tc-block-body">
  38.                 <ul class="" data-smooth-scroll>
  39.                     <li><a class="js-scrollTo" href="#presentation">Texte de présentation</a></li>
  40.                     <li><a class="js-scrollTo" href="#langue">Langue et pays</a></li>
  41.                     <li><a class="js-scrollTo" href="#reseaux">Site et réseaux sociaux</a></li>
  42.                     <li><a class="js-scrollTo" href="#photo">Photographie</a></li>
  43.                 </ul>
  44.             </div>
  45.         </div>
  46.     </div>
  47. </section>
  48. {% endif %}
  50. <script type="text/javascript">
  51.     $(document).ready(function() {
  52.         $('.js-scrollTo').on('click', function() { // Au clic sur un élément
  53.             var page = $(this).attr('href'); // Page cible
  54.             var speed = 750; // Durée de l'animation (en ms)
  55.             $('html, body').animate( { scrollTop: $(page).offset().top - 90 }, speed ); // Go
  56.             return false;
  57.         });
  58.     });
  59. </script>