templates/templates/pages/center/center-frontpage.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/organization.html.twig" %}
  3. {% block bodyClass %}tpl-service{% endblock %}
  5. {% block siteHeader %}
  6.     {% include 'organisms/organization-header.html.twig' %}
  7. {% endblock %}
  9. {% block pageContent %}
  11.     {% include 'molecules/alerts/alert.html.twig' %}
  13.     <article class="service-wrapper">
  14.         <div class="service-header">
  15.             <figure class="at-image is-full-width">
  16.                 <img src="https://picsum.photos/1180/420" alt="">
  17.             </figure>
  19.             <div class="service-contact-info">
  20.                 <address class="ml-specs">
  21.                     <dl class="at-desc-list">
  22.                         <dt>Facultade de Medicina</dt>
  23.                         <dd><ul class="is-list">
  24.                             <li>Avenida Burgo das nacións, S/N<br>
  25.                             15702 Santiago</li>
  26.                             <li><a href="">981 560 250</a> (Conserxería)<br></li>
  27.                             <li><a href="">881 956 418</a> (Decanato)<br></li>
  28.                             <li> <a href="#">contacto@usc.gal</a> </li>
  29.                           </ul>
  30.                         </dd>
  31.                         <dt>Odontoloxía</dt>
  32.                         <dd><ul class="is-list">
  33.                             <li>San Francisco, 3<br>
  34.                             15701 Santiago</li>
  35.                             <li><a href="">981 560 250</a><br></li>
  36.                           </ul>
  37.                         </dd>
  38.                         <dt></dt>
  39.                         <dd> <a href="#">Máis instalacións</a> </dd>
  40.                         <dt></dt>
  41.                         <dd>{% include 'molecules/social-button-list.html.twig' %}</dd>
  42.                     </dl>
  43.                 </address>
  44.             </div>
  47.             <div class="service-description">
  48.                 <div class="at-lead-text">
  49.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada
  50.                         pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor.
  51.                         Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
  52.                         tincidunt mattis massa et sollicitudin.</p>
  53.                 </div>
  54.             </div>
  56.             <aside class="service-attachments">
  57.                 <div class="ml-alert is-attached">
  58.                     <h3 class="at-title">Aviso</h3>
  59.                     <div class="at-text">
  60.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex.</p>
  61.                     </div>
  62.                 </div>
  63.                 <ul class="ml-buttons-list is-vertical is-intranet">
  64.                     <li>
  65.                         <a href="" class="at-button is-tertiary at-icon-intranet">Acceso á intranet</a>
  66.                     </li>
  67.                 </ul>
  69.                 <ul class="ml-buttons-list is-vertical">
  70.                     <li>
  71.                         <a href="" class="at-button is-tertiary at-icon-external-link">Ligazón personalizada</a>
  72.                     </li>
  73.                     <li>
  74.                         <a href="" class="at-button is-tertiary at-icon-external-link">Ligazón personalizada con texto
  75.                             moi longo</a>
  76.                     </li>
  77.                 </ul>
  78.             </aside>
  79.         </div>
  80.     </article>
  82.     <section class="org-tier">
  83.         <div class="tier-header">
  84.             <h2 class="tier-title">Accesos directos</h2>
  85.             <div class="tier-action">
  86.             </div>
  87.         </div>
  88.         <div class="tier-content">
  89.             <div class="org-modules-container has-banners">
  90.                 {% include 'molecules/banners/s.html.twig' with {
  91.                     modifiers: 'is-light',
  92.                     title: 'Un recurso destacado da web do centro'
  93.                 } %}
  94.                 {% include 'molecules/banners/s.html.twig' with {
  95.                     modifiers: 'is-light',
  96.                     title: 'Outro recurso dentro da web do centro'
  97.                 } %}
  98.                 {% include 'molecules/banners/s.html.twig' with {
  99.                     modifiers: 'is-light',
  100.                     link: 'https://sharepoint.usc.gal',
  101.                     title: 'Acceso a un contido de intranet'
  102.                 } %}
  103.                 {% include 'molecules/banners/s.html.twig' with {
  104.                     modifiers: 'is-light',
  105.                     link: 'https://sharepoint.usc.gal',
  106.                     title: 'Acceso a un contido de intranet'
  107.                 } %}
  108.             </div>
  109.         </div>
  110.     </section>
  112.     <div class="row">
  113.         <div class="col-lg-3">
  114.             <section class="org-tier">
  115.                 <div class="tier-header">
  116.                     <h2 class="tier-title">Actualidade</h2>
  117.                     <div class="tier-action">
  118.                         <a href="{{ path('center-journal-section') }}">ver máis</a>
  119.                     </div>
  120.                 </div>
  121.                 <div class="tier-content">
  122.                     <div class="org-modules-container is-one-quarter">
  123.                         {% include 'molecules/news/m.html.twig' with {
  124.                             title: 'Unha nova de actualidade da Facultade',
  125.                             link: path('center-news'),
  126.                             arrow: path('center-news')
  127.                         } %}
  128.                     </div>
  129.                 </div>
  130.             </section>
  131.         </div>
  133.         <div class="col-lg-3">
  134.             <section class="org-tier">
  135.                 <div class="tier-header">
  136.                     <h2 class="tier-title">Axenda</h2>
  137.                     <div class="tier-action">
  138.                         <a href="">ver máis</a>
  139.                     </div>
  140.                 </div>
  141.                 <div class="tier-content">
  142.                     <div class="org-modules-container is-one-quarter">
  143.                         {% include 'molecules/events/m.html.twig' %}
  144.                     </div>
  145.                 </div>
  146.             </section>
  147.         </div>
  149.         <div class="col-lg-6">
  150.             <section class="org-tier is-secondary">
  151.                 <div class="tier-header">
  152.                     <h2 class="tier-title">Está a pasar...</h2>
  153.                     <div class="tier-action">
  154.                         <a href="{{ path('journal_external_news') }}">ver máis</a>
  155.                     </div>
  156.                 </div>
  157.                 <div class="tier-content">
  158.                     <div class="org-horizontal-scroll-container">
  159.                         {% include 'molecules/external-news/mini.html.twig' %}
  161.                         {% include 'molecules/external-news/mini.html.twig' %}
  162.                     </div>
  163.                 </div>
  164.             </section>
  165.         </div>
  166.     </div>
  168.     <div class="row">
  169.         <div class="col-lg-6">
  170.             <section class="org-tier is-secondary">
  171.                 <div class="tier-header">
  172.                     <h2 class="tier-title">Está a pasar...</h2>
  173.                     <div class="tier-action">
  174.                         <a href="{{ path('journal_external_news') }}">ver máis</a>
  175.                     </div>
  176.                 </div>
  177.                 <div class="tier-content">
  178.                     <div class="org-horizontal-scroll-container">
  179.                         {% include 'molecules/external-news/mini.html.twig' %}
  181.                         {% include 'molecules/external-news/mini.html.twig' %}
  183.                         {% include 'molecules/external-news/mini.html.twig' %}
  184.                     </div>
  185.                 </div>
  186.             </section>
  187.         </div>
  189.         <div class="col-lg-3">
  190.             <section class="org-tier is-secondary">
  191.                 <div class="tier-header">
  192.                     <h2 class="tier-title">Está a pasar...</h2>
  193.                     <div class="tier-action">
  194.                         <a href="{{ path('journal_external_news') }}">ver máis</a>
  195.                     </div>
  196.                 </div>
  197.                 <div class="tier-content">
  198.                     <div class="org-horizontal-scroll-container is-one-quarter">
  199.                         {% include 'molecules/external-news/mini.html.twig' %}
  201.                         {% include 'molecules/external-news/mini.html.twig' %}
  202.                     </div>
  203.                 </div>
  204.             </section>
  205.         </div>
  206.     </div>
  208.     <div class="row">
  209.         <div class="col-lg-12">
  210.             <section class="org-tier is-secondary">
  211.                 <div class="tier-header">
  212.                     <h2 class="tier-title">Está a pasar...</h2>
  213.                     <div class="tier-action">
  214.                         <a href="{{ path('journal_external_news') }}">ver máis</a>
  215.                     </div>
  216.                 </div>
  217.                 <div class="tier-content">
  218.                     <div class="org-horizontal-scroll-container">
  219.                         {% include 'molecules/external-news/mini.html.twig' %}
  221.                         {% include 'molecules/external-news/mini.html.twig' %}
  223.                         {% include 'molecules/external-news/mini.html.twig' %}
  225.                         {% include 'molecules/external-news/mini.html.twig' %}
  226.                     </div>
  227.                 </div>
  228.             </section>
  229.         </div>
  230.     </div>
  232.     <section class="org-tier">
  233.         <div class="tier-header">
  234.             <h2 class="tier-title">Estudos</h2>
  235.         </div>
  236.         <div class="tier-content">
  237.             <usc-content-filter
  238.                     :options="[{key: null, name: 'Todo', selected: true}, {key: 'is-type-1', name: 'Graos', selected: false}, {key: 'is-type-2', name: 'Másteres', selected: false} ]"
  239.             >
  240.                 <template v-slot:filters>
  241.                     <usc-text-filter
  242.                             target-container="#banners-container-2"
  243.                             target-items=".ml-banner"
  244.                     ></usc-text-filter>
  245.                 </template>
  247.                 <div class="org-modules-container has-banners" id="banners-container-2">
  248.                     {% include 'molecules/banners/m.html.twig' with {modifiers: 'is-type-1', title: 'Grao en Bioloxía', text:'', link: path('course-grade'), tag:'Etiqueta' } %}
  249.                     {% include 'molecules/banners/m.html.twig' with {modifiers: 'is-type-1', title: 'Grao en Biotecnoloxía', text:'', link: path('course-grade') } %}
  250.                     {% include 'molecules/banners/m.html.twig' with {modifiers: 'is-type-1', title: '    Dobre Grao en Química e en Bioloxía', text:'', link: path('course-grade') } %}
  251.                     {% include 'molecules/banners/m.html.twig' with {modifiers: 'is-type-2', title: 'Máster Universitario en Acuicultura', text:'', link: path('course-master') } %}
  252.                     {% include 'molecules/banners/m.html.twig' with {modifiers: 'is-type-2', title: 'Máster Universitario en Biodiversidade Terrestre: Caracterización, Conservación e Xestión', text:'', link: path('course-master') } %}
  253.                     {% include 'molecules/banners/m.html.twig' with {modifiers: 'is-type-2', title: 'Máster Universitario en Neurociencia', text:'', link: path('course-master') } %}
  254.                 </div>
  255.             </usc-content-filter>
  256.         </div>
  257.     </section>
  259.     <section class="org-tier has-advanced-actions">
  260.         <div class="tier-header">
  261.             <h2 class="tier-title">Grupos de investigación</h2>
  262.             <div class="tier-action">
  263.                 <div class="ml-filters-group">
  264.                     <usc-text-filter
  265.                             target-container="#banners-container-1"
  266.                             target-items=".ml-banner"
  267.                     ></usc-text-filter>
  268.                 </div>
  269.             </div>
  270.         </div>
  271.         <div class="tier-content">
  272.             <div class="org-modules-container has-banners" id="banners-container-1">
  274.                 {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Biotecnoloxía Ambiental', text: 'GI-1232' } %}
  276.                 {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Ecoeficiencia', text: 'GI-1232' } %}
  278.                 {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light', hasImage: false, title: ' Grupo de Sistemas Intelixentes', text: 'GI-1232'  } %}
  280.                 {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Procesos de Separación Sostibles', text: 'GI-1232' } %}
  282.                 {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Intensificación de procesos para un desenvolvemento sostible', text: 'GI-1232' } %}
  284.                 {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Tecnología para la Economía Circular y la SEguridad NAtural', text: 'GI-1232' } %}
  286.                 {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Grupo de Materia Branda e Biofísica Molecular', text: 'GI-1232' } %}
  288.                 {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Grupo de Materia Branda e Biofísica Molecular', text: 'GI-1232' } %}
  290.                 {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Modelización Ambiental', text: 'GI-1232' } %}
  292.                 {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Propiedades físicas e procesos de transferencia', text: 'GI-1232' } %}
  294.                 {% include 'molecules/banners/s.html.twig' with { modifiers: 'is-light', hasImage: false, title: 'Tecnoloxías para o Desenvolvemento de Bioproductos Industriais', text: 'GI-1232' } %}
  296.             </div>
  297.         </div>
  298.     </section>
  299. {% endblock %}
  301. {% block siteFooter %}
  302.     {% include 'organisms/site-footer.html.twig' %}
  303. {% endblock %}