player/index.html
changeset 80 c587eca9152e
parent 74 0405878fde82
equal deleted inserted replaced
79:1eaf047becf9 80:c587eca9152e
    70             <div class="annotations">
    70             <div class="annotations">
    71                 
    71                 
    72                 <div class="annotation about-box white-annotation">
    72                 <div class="annotation about-box white-annotation">
    73                     <a href="#" class="close-annotation"></a>
    73                     <a href="#" class="close-annotation"></a>
    74                     <h2 class="annotation-title">À propos des Webdocs</h2>
    74                     <h2 class="annotation-title">À propos des Webdocs</h2>
    75                     <h3>Une collaboration</h3>
    75                     <div class="about-contents">
    76                     <ul class="about-collaboration">
    76                         <div class="about-text">
    77                         <li>
    77                             <p>En 2013, le site internet du Festival d’Aix-en-Provence introduit un nouvel outil de vulgarisation et d’introduction au monde de l’opéra sous la forme de documentaires cliquables.</p>
    78                             <img src="img/logo-aix.png" alt="Logo du Festival d’Art Lyrique d’Aix-en-Provence" />
    78                             <p>Ce nouveau dispositif, réalisé en partenariat avec l’Institut de Recherche et d’Innovation du Centre Pompidou (IRI), permet d’enrichir une vidéo avec des contenus multimédia (texte, image, audio, vidéo) et de la publier dans un environnement éditorial.</p>
    79                             <p>Festival d’Art Lyrique d’Aix-en-Provence</p>
    79                             <p>Les éditeurs du Festival alimenteront les documentaires de contenus supplémentaires au fur et à mesure de la vie du Festival (interviews d’artistes, répétitions du chef d’orchestre, extraits d’une représentation).</p>
    80                         </li>
    80                         </div>
    81                         <li>
    81                         <h3 class="about-partners">Partenaires&nbsp;:</h3>
    82                             <img src="img/logo-iri.png" alt="Logo de l’Institut de Recherche et d’Innovation" />
    82                         <ul class="about-collaboration">
    83                             <p>Institut de Recherche et d’Innovation</p>
    83                             <li class="about-partner">
    84                         </li>
    84                                 <img src="img/logo-aix.png" alt="Logo du Festival d’Art Lyrique d’Aix-en-Provence" />
    85                     </ul>
    85                                 <h4>Festival d’Art Lyrique d’Aix-en-Provence</h4>
       
    86                             </li>
       
    87                             <li class="about-partner">
       
    88                                 <img src="img/logo-iri.png" alt="Logo de l’Institut de Recherche et d’Innovation" />
       
    89                                 <h4>Institut de Recherche et d’Innovation</h4>
       
    90                             </li>
       
    91                         </ul>
       
    92                         <ul class="about-collaboration">
       
    93                             <li class="about-partner">
       
    94                                 <h3>Crédits Festival d’Aix&nbsp;:</h3>
       
    95                                 <ul>
       
    96                                     <li><em>Directrice de la communication&nbsp;:</em> Catherine Roques</li>
       
    97                                     <li><em>Conseiller artistique et dramaturge&nbsp;:</em> Alain Perroux</li>
       
    98                                     <li><em>Réalisation&nbsp;:</em> Maxime Giacometti, Nicolas Capus (Mars Production)</li>
       
    99                                     <li>Contact&nbsp;: <a href="mailto:catherine.roques@festival-aix.com">catherine.roques@festival-aix.com</a></li>
       
   100                                 </ul>
       
   101                             </li>
       
   102                             <li class="about-partner">
       
   103                                 <h3>Crédits IRI&nbsp;:</h3>
       
   104                                 <ul>
       
   105                                     <li><em>Directeur exécutif&nbsp;:</em> Vincent Puig</li>
       
   106                                     <li><em>Directeur technique&nbsp;:</em> Yves-Marie Haussonne</li>
       
   107                                     <li><em>Responsable projets média&nbsp;:</em> Nicolas Sauret</li>
       
   108                                     <li><em>Designer&nbsp;:</em> Camille Baudelaire</li>
       
   109                                     <li><em>Développeur interface utilisateur&nbsp;:</em> Raphaël Velt</li>
       
   110                                     <li><em>Développeur interface éditeur&nbsp;:</em> Thibaut Cavalié et Anthony Ly</li>
       
   111                                     <li><em>&Eacute;diteur&nbsp;:</em> Simon Lincelles</li>
       
   112                                     <li>Contact&nbsp;: <a href="mailto:nicolas.sauret@iri.centrepompidou.fr">nicolas.sauret@iri.centrepompidou.fr</a></li>
       
   113                                 </ul>
       
   114                             </li>
       
   115                         </ul>
       
   116                     </div>
    86                 </div>
   117                 </div>
    87                 
   118                 
    88                 <div class="annotation text-annotation white-annotation">
   119                 <div class="annotation text-annotation white-annotation">
    89                     <a href="#" class="close-annotation"></a>
   120                     <a href="#" class="close-annotation"></a>
    90                     <h2 class="annotation-title"></h2>
   121                     <h2 class="annotation-title"></h2>