templates/templates/styleguide/timeline.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/master.html.twig" %}
  3. {% block bodyClass %}tpl-timeline{% endblock %}
  5. {% block siteHeader %}
  6.     {% include 'organisms/site-header.html.twig' %}
  7. {% endblock %}
  9. {% block pageHeader %}
  10.     {% include 'molecules/page-header.html.twig' with {
  11.         title: 'Timeline colapsable'
  12.     } %}
  13. {% endblock %}
  15. {% block pageContent %}
  17.     <usc-timeline>
  18.         <usc-timeline-phase :items='[{"date":"01/01/1900","title":"Evento 1","description":"<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt quos aliquid, fugiat deleniti atque id eos minima. Commodi, rerum quam ipsam qui, nobis laboriosam aliquam hic impedit, expedita quisquam vitae.</p>","image":null},{"date":"01/01/1900","title":"Evento 2","description":"<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt quos aliquid, fugiat deleniti atque id eos minima. Commodi, rerum quam ipsam qui, nobis laboriosam aliquam hic impedit, expedita quisquam vitae.</p>","image":null},{"date":"01/01/1900","title":"Evento 3","description":"<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt quos aliquid, fugiat deleniti atque id eos minima. Commodi, rerum quam ipsam qui, nobis laboriosam aliquam hic impedit, expedita quisquam vitae.</p>","image":"http://lorempixel.com/800/450/"},{"date":"01/01/1900","title":"Evento 4","description":"<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt quos aliquid, fugiat deleniti atque id eos minima. Commodi, rerum quam ipsam qui, nobis laboriosam aliquam hic impedit, expedita quisquam vitae.</p>","image":null},{"date":"01/01/1900","title":"Evento 5","description":"<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt quos aliquid, fugiat deleniti atque id eos minima. Commodi, rerum quam ipsam qui, nobis laboriosam aliquam hic impedit, expedita quisquam vitae.</p>","image":"http://lorempixel.com/800/450/"}]'>
  19.             <h1 class="at-title">Etapa primeira</h1>
  20.             <h2 class="timeline-phase-subtitle">Século XIV</h2>
  21.             <div class="at-text">
  22.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris.</p>
  23.             </div>
  24.         </usc-timeline-phase>
  26.         <usc-timeline-phase :items='[{"date":"01/01/1900","title":"Evento 1","description":"<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt quos aliquid, fugiat deleniti atque id eos minima. Commodi, rerum quam ipsam qui, nobis laboriosam aliquam hic impedit, expedita quisquam vitae.</p>","image":null},{"date":"01/01/1900","title":"Evento 2","description":"<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt quos aliquid, fugiat deleniti atque id eos minima. Commodi, rerum quam ipsam qui, nobis laboriosam aliquam hic impedit, expedita quisquam vitae.</p>","image":null},{"date":"01/01/1900","title":"Evento 3","description":"<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt quos aliquid, fugiat deleniti atque id eos minima. Commodi, rerum quam ipsam qui, nobis laboriosam aliquam hic impedit, expedita quisquam vitae.</p>","image":"http://lorempixel.com/800/450/"},{"date":"01/01/1900","title":"Evento 4","description":"<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt quos aliquid, fugiat deleniti atque id eos minima. Commodi, rerum quam ipsam qui, nobis laboriosam aliquam hic impedit, expedita quisquam vitae.</p>","image":null}]'>
  27.             <h1 class="at-title">A USC no Sistema Universitario Galego</h1>
  28.             <h2 class="timeline-phase-subtitle">1989-2019</h2>
  29.             <div class="at-text">
  30.                 <p>A aprobación da Lei de Ordenación do Sistema Universitario Galego (1989) marca o inicio da creación da Universidade de Vigo e da Universidade da Coruña e o redeseño da USC, asentada nos campus de Compostela e Lugo. Tras a celebración do V Centenario da USC en 1995, afiánzase un amplo catálogo de titulacións e a mellora da calidade docente, a especializacións dos campus, a creación de centros singulares de investigación e o deseño de políticas activas de I+D+i. A construción do Espazo Europeo de Ensino Superior achegou novos retos, estimulando a internacionalización da USC e avanzouse na súa democratización multiplicando o seu compromiso coa igualdade e o desenvolvemento sostible.</p>
  31.             </div>
  32.         </usc-timeline-phase>
  33.     </usc-timeline>
  34. {% endblock %}
  36. {% block siteFooter %}
  37.     {% include 'organisms/site-footer.html.twig' %}
  38. {% endblock %}