epfl-elements 4.3.0 → 4.4.1

package/dist/components/pages/basic-page/basic-page.yml

@@ -1,2 +0,0 @@
-title: Basic page
-name: basic-page

package/dist/components/pages/blog-homepage/blog-homepage.twig

@@ -1,41 +0,0 @@
-{% extends "@templates/base/base.twig" %}
-
-{% block header %}
-  {% include '@organisms/header/header-light.twig' with { site_title: 'example blog name' } %}
-{% endblock %}
-
-{% block content %}
-
-<div class="container-full px-5 px-xxl-6 mt-5">
-  <h1>Titre du blog</h1>
-</div>
-
-<div class="container-full px-5 px-xxl-6 mt-5">
-  <div class="row" style="flex-direction: row-reverse;">
-    <div class="col-lg-3">
-      {% include '@molecules/filters/filters-blog.twig' %}
-    </div>
-    <div class="col-lg-9">
-      <div class="card-deck">
-        {% for 1 in 1..9 %}
-          {% include '@content-types/news/news-basic-teaser.twig' %}
-        {% endfor %}
-      </div>
-      <div class="mt-3">
-        {% include '@molecules/pagination/pagination.twig' %}
-      </div>
-    </div>
-  </div>
-</div>
-
-{% endblock %}
-
-{% block footer_container %}
-<div class="bg-gray-100 pt-5">
-  <div class="container">
-    {% block footer %}
-      {% include '@organisms/footer/footer-light.twig' %}
-    {% endblock %}
-  </div>
-</div>
-{% endblock %}

package/dist/components/pages/blog-homepage/blog-homepage.yml

@@ -1,2 +0,0 @@
-title: Blog homepage
-name: blog-homepage

package/dist/components/pages/blog-single/blog-single.twig

@@ -1,84 +0,0 @@
-{% extends "@templates/base/base.twig" %}
-
-{% block header %}
-  {% include '@organisms/header/header-light.twig' with { site_title: 'example blog name' } %}
-{% endblock %}
-
-{% block content %}
-
-<article class="blog-post">
-
-  <header class="entry-header mb-5">
-    <h1 itemprop="name">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h1>
-    <div class="post-meta my-4">
-      <p class="text-muted">Publié le 9 décembre 2019</p>
-      <p class="sr-only">Catégories:</p>
-      <p>
-        <a href="#" class="tag tag-primary">Catégorie 1</a>
-        <a href="#" class="tag tag-primary">Catégorie 2</a>
-      </p>
-    </div>
-  </header>
-
-  <div class="entry-content mb-5">
-
-    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at pharetra est, non bibendum dolor. Proin turpis neque, viverra a augue vitae, dapibus iaculis tellus. Morbi ante nisi, venenatis vel velit id, ultrices efficitur nisl. Morbi consectetur non turpis eu interdum. Phasellus nec felis at justo efficitur cursus sed quis sapien. Proin facilisis sapien sit amet venenatis pellentesque. Nulla efficitur, massa a facilisis egestas, massa nulla scelerisque tellus, quis fringilla orci ante sed risus.</p>
-    <p>Sed varius volutpat mollis. Vestibulum suscipit hendrerit congue. Donec ante urna, molestie et magna quis, pellentesque auctor urna. Donec porta ligula sed nisl consequat vehicula. Maecenas aliquet, sapien vitae iaculis vestibulum, arcu neque viverra tellus, nec pulvinar diam sem id massa. Nunc vestibulum lacus nunc. Nunc sodales nisi in ante molestie gravida. Sed iaculis, libero quis efficitur fermentum, lacus orci sagittis lacus, sit amet consectetur lectus nibh vel nisi. Sed et accumsan orci. Cras imperdiet nibh odio, vitae dictum purus luctus in. Maecenas a nunc sit amet mauris fermentum fermentum. Curabitur sit amet neque sit amet lorem commodo rutrum vitae sed magna. Sed quis lectus dolor. Nullam placerat augue ut sollicitudin pharetra.</p>
-
-    <blockquote class="blockquote">
-      <p>In ut viverra mauris. Duis hendrerit, nulla ac condimentum condimentum, quam sem dignissim nulla, ut suscipit lorem purus sodales sapien. Mauris luctus scelerisque malesuada. Maecenas id augue velit. Donec malesuada, dolor vel auctor fermentum, eros enim auctor tellus, non vestibulum felis elit ut arcu. Maecenas sed euismod arcu, quis aliquam mi. Donec faucibus tristique ex, id cursus metus varius quis. Aenean neque mauris, pulvinar id placerat ac, finibus vel quam.</p>
-      <footer class="blockquote-footer">
-        — Prénom Nom, chef d’unité
-      </footer>
-    </blockquote>
-
-    <p>In ut viverra mauris. Duis hendrerit, nulla ac condimentum condimentum, quam sem dignissim nulla, ut suscipit lorem purus sodales sapien. Mauris luctus scelerisque malesuada. Maecenas id augue velit. Donec malesuada, dolor vel auctor fermentum, eros enim auctor tellus, non vestibulum felis elit ut arcu. Maecenas sed euismod arcu, quis aliquam mi. Donec faucibus tristique ex, id cursus metus varius quis. Aenean neque mauris, pulvinar id placerat ac, finibus vel quam. Praesent fringilla neque ante, et auctor augue gravida at. Nunc pulvinar, nibh fringilla suscipit interdum, augue velit convallis enim, tempor rutrum risus justo ac mauris. Praesent lobortis odio augue. Curabitur vestibulum condimentum ipsum, a rhoncus est malesuada quis. Fusce luctus nisl et tortor varius ornare.</p>
-    <p>Nunc id imperdiet est. Phasellus a semper ante. Sed purus nisi, iaculis non purus id, ultricies vulputate leo. Ut dignissim vitae quam eget gravida. Nulla nec metus tortor. Nullam quis nisl at purus commodo consequat. Nullam sem dolor, faucibus in turpis eleifend, condimentum ultricies nisi. Phasellus vitae gravida lectus. Nam tellus magna, lacinia vel congue non, egestas at erat. Mauris consequat, justo in lobortis pharetra, nibh sapien gravida risus, vitae commodo nunc tellus eu nisi. Fusce tempus nisl laoreet diam luctus dictum. Aenean nisi felis, maximus nec ante ut, sodales viverra nisl. Vivamus iaculis fermentum lorem, vel sagittis erat imperdiet ac. In hac habitasse platea dictumst. Vivamus congue augue eget mi mollis tristique.</p>
-    <p>Cras non sem sed erat feugiat pellentesque. In in risus est. Praesent ut lectus sit amet leo viverra scelerisque. Nulla facilisi. Cras vel lectus tortor. In auctor dictum odio vitae mollis. Donec fringilla viverra suscipit. Curabitur cursus nibh a purus volutpat imperdiet. Integer mollis varius enim eu porttitor.</p>
-
-  </div>
-
-  <footer class="post-footer pt-4">
-
-    <div class="post-nav py-md-1">
-
-      <div class="nav-next">
-        <a class="btn btn-secondary post-link" href="#">
-          <span class="label muted">
-            {% include '@atoms/icon/icon.twig' with { icon: 'arrow-left', icon_classes:'feather' } %}
-            Next post<span class="colon">:</span>
-          </span>
-          <span class="post-title"><strong>Lorem ipsum dolor sit amet</strong></span>
-        </a>
-      </div>
-
-      <div class="nav-prev">
-        <a class="btn btn-secondary post-link" href="#">
-          <span class="label muted">
-            Previous post<span class="colon">:</span>
-            {% include '@atoms/icon/icon.twig' with { icon: 'arrow-right', icon_classes:'feather' } %}
-          </span>
-          <span class="post-title"><strong>Consectetur adipiscing elit</strong></span>
-        </a>
-      </div>
-
-    </div>
-
-    <div class="post-meta mt-4">
-      <h2 class="h5">Mots-clés</h2>
-      <p>
-        <a href="#" class="tag tag-primary">Lorem ipsum</a>
-        <a href="#" class="tag tag-primary">Dolor sit amet</a>
-        <a href="#" class="tag tag-primary">Consectetur</a>
-        <a href="#" class="tag tag-primary">Adipiscing</a>
-        <a href="#" class="tag tag-primary">Praesent</a>
-        <a href="#" class="tag tag-primary">Viverra a augue</a>
-        <a href="#" class="tag tag-primary">Morbi ante nisi</a>
-        <a href="#" class="tag tag-primary">Venenatis</a>
-      </p>
-    </div>
-
-  </footer>
-
-</article>
-{% endblock %}

package/dist/components/pages/blog-single/blog-single.yml

@@ -1,2 +0,0 @@
-title: Blog single
-name: blog-single

package/dist/components/pages/campus/campus.twig

@@ -1,83 +0,0 @@
-{% extends "@templates/base/base.twig" %}
-
-{% block content %}
-
-<div class="container-full">
-  <div class="hero">
-    <div class="hero-content-container">
-      <h1 class="hero-title">Campus</h1>
-    </div>
-    <div class="hero-img">
-      <img src="images/styleguide/gallery/gallery_01.jpg" alt="IMAGE DESCRIPTION HERE" class="img-fluid">
-    </div>
-  </div>
-</div>
-
-
-<div class="container mt-5">
-  <div class="row">
-    <div class="col-md-4">
-      {% include '@content-types/basic-page/basic-page.twig' %}
-    </div>
-    <div class="col-md-4">
-      {% include '@content-types/basic-page/basic-page.twig' %}
-    </div>
-    <div class="col-md-4">
-      {% include '@molecules/links-group/links-group.twig' %}
-    </div>
-  </div>
-</div>
-
-
-<div class="container-full bg-gray-100 py-5 mt-5">
-  <div class="overflow-hidden">
-    <div class="container">
-      <h2 class="mb-4 mt-4">The next events</h2>
-      {% include '@organisms/card-slider/card-slider.twig' %}
-    </div>
-  </div>
-</div>
-
-<div class="container">
-  {% include '@content-types/news/news-latest-two.twig' %}
-</div>
-
-<div class="container-full bg-gray-100 py-5 mt-5">
-  <div class="container">
-    <h2 class="mb-4">Lausanne</h2>
-    <div class="row">
-      {% for i in 1..3 %}
-        <div class="col-md-4">
-          {% include '@content-types/basic-page/basic-page.twig' %}
-        </div>
-      {% endfor %}
-    </div>
-  </div>
-</div>
-
-<div class="container-full bg-gray-100 py-5 mt-5">
-  <div class="container">
-    <h2 class="mb-4 mt-4">Key numbers</h2>
-  </div>
-  {% include '@organisms/key-number-group/key-number-group.twig' %}
-</div>
-
-<div class="container-full bg-gray-100 py-5 mt-5">
-  <div class="container">
-    <div class="row">
-      <div class="col-md-6">
-        {% include '@content-types/basic-page/basic-page.twig' %}
-      </div>
-      <div class="col-md-6">
-        {% include '@molecules/links-group/links-group.twig' %}
-      </div>
-    </div>
-  </div>
-</div>
-
-<div class="container mt-5">
-  {% include '@organisms/contact/contact-banner.twig' %}
-</div>
-
-
-{% endblock %}

package/dist/components/pages/campus/campus.yml

@@ -1,2 +0,0 @@
-name: campus
-title: Campus

package/dist/components/pages/education/education.twig

@@ -1,76 +0,0 @@
-{% extends "@templates/base/base.twig" %}
-
-{% block content %}
-
-<div class="container-full">
-  <div class="hero">
-    <div class="hero-content-container">
-      <h1 class="hero-title">Education</h1>
-    </div>
-    <div class="hero-img">
-      <img src="images/styleguide/gallery/gallery_01.jpg" alt="IMAGE DESCRIPTION HERE" class="img-fluid">
-    </div>
-  </div>
-</div>
-
-<div class="mt-5">
-  <p>
-    Treize filières de formation dans les sciences de l’ingénieur, des programmes doctoraux de choix, des laboratoires de pointe dirigés par des professeurs de réputation internationale, un campus moderne en plein développement, des liens privilégiés avec l’industrie: l’EPFL offre des conditions d’études hors du commun aux jeunes qui envisagent d’amorcer une formation supérieure dans le domaine des sciences et de la technique.
-  </p>
-</div>
-
-<div class="container-full bg-gray-100 py-5 mt-5">
-  <div class="container">
-    <h2 class="mb-4 mt-4">Key numbers</h2>
-  </div>
-  {% include '@organisms/key-number-group/key-number-group.twig' %}
-</div>
-
-<div class="container mt-5">
-  <h2 class="mb-4 mt-4">Cursus</h2>
-  <div class="row">
-    <div class="col-md-4">
-      {% include '@content-types/cursus/cursus.twig' %}
-    </div>
-    <div class="col-md-4">
-      {% include '@content-types/cursus/cursus.twig' %}
-    </div>
-    <div class="col-md-4">
-      {% include '@content-types/cursus/cursus.twig' %}
-    </div>
-  </div>
-</div>
-
-<div class="container">
-  {% include '@content-types/news/news-latest-two.twig' %}
-</div>
-
-<div class="container-full bg-gray-100 py-5 mt-5">
-  <div class="overflow-hidden">
-    <div class="container">
-      <h2 class="mb-4 mt-4">The next events</h2>
-      {% include '@organisms/card-slider/card-slider.twig' %}
-    </div>
-  </div>
-</div>
-
-<div class="container py-5 mt-5">
-  <div class="row">
-    <div class="col-md-4">
-      {% include '@content-types/basic-page/basic-page.twig' %}
-    </div>
-    <div class="col-md-4">
-      {% include '@content-types/basic-page/basic-page.twig' %}
-    </div>
-    <div class="col-md-4">
-      {% include '@molecules/links-group/links-group.twig' %}
-    </div>
-  </div>
-</div>
-
-<div class="container mt-5">
-  {% include '@organisms/contact/contact-banner.twig' %}
-</div>
-
-
-{% endblock %}

package/dist/components/pages/education/education.yml

@@ -1,2 +0,0 @@
-name: education
-title: Education

package/dist/components/pages/error-404/error-404.twig

@@ -1,50 +0,0 @@
-{% set isSpecial = true %}
-{% if language is not defined %}{% set language = 'en' %}{% endif %}
-
-{% extends "@templates/base/base.twig" %}
-
-{% block header %}
-  {% include '@organisms/header/header.twig' with { long_nav_lang: true, showCurrentMenuItem: false } %}
-{% endblock %}
-
-{% block main %}
-  <main id="main" role="main" class="content">
-
-    {% block content %}
-      <section class="error-404 not-found">
-        <div class="page-content container">
-          <p class="h1 mt-4 error-title">404</p>
-          <h1 class="h3 text-center">
-            {% if language == 'fr' %}
-            Cette page est introuvable.
-            {% elseif language == 'en' %}
-            That page can't be found.
-            {% elseif language == 'de' %}
-            Diese Seite konnte nicht gefunden werden.
-            {% endif %}
-          </h1>
-          <div class="mt-5 pt-2">
-            <form action="#" class="border-0 p-0">
-              <div class="search-form mt-1 input-group">
-                {% if language == 'fr' %}
-                <label for="search" class="sr-only">Rechercher sur le site</label>
-                <input type="text" class="form-control" name="search" placeholder="Rechercher sur le site" >
-                <button type="submit" class="d-none d-xl-block btn btn-primary input-group-append">Valider</button>
-                {% elseif language == 'en' %}
-                <label for="search" class="sr-only">Search on the site</label>
-                <input type="text" class="form-control" name="search" placeholder="Search on the site" >
-                <button type="submit" class="d-none d-xl-block btn btn-primary input-group-append">Validate</button>
-                {% elseif language == 'de' %}
-                <label for="search" class="sr-only">Suchen</label>
-                <input type="text" class="form-control" name="search" placeholder="Suchen" >
-                <button type="submit" class="d-none d-xl-block btn btn-primary input-group-append">Bestätigen</button>
-                {% endif %}
-              </div>
-            </form>
-          </div>
-        </div>
-      </section>
-    {% endblock %}
-
-  </main>
-{% endblock %}

package/dist/components/pages/error-404/error-404.yml

@@ -1,2 +0,0 @@
-name: error-404
-title: Error 404

package/dist/components/pages/event-detail/event-detail.twig

@@ -1,115 +0,0 @@
-{% set isSpecial = true %}
-
-{% extends "@templates/base/base.twig" %}
-
-{% block header %}
-  {% include '@organisms/header/header-light.twig' with { site_title: 'Event title', dropdown: true } %}
-{% endblock %}
-
-{% block breadcrumb %}
-<div class="breadcrumb-container">
-  {% include '@molecules/breadcrumb/breadcrumb.twig' %}
-</div>
-{% endblock %}
-
-{% block content %}
-
-<div class="container-full" itemscope itemtype="http://schema.org/Event">
-  <div class="container-full py-5">
-    <div class="container">
-      <div class="row">
-        <div class="col-lg-12">
-          <h1 itemprop="name">Event title may contains several words on maybe multiple lines, who knows?</h1>
-        </div>
-      </div>
-      <div class="row py-3">
-        <div class="col-lg-8 col-md-6">
-          {% include '@atoms/picture/picture.twig' %}
-        </div>
-        <div class="col-lg-4 col-md-6 bg-gray-100">
-          {% include '@molecules/metabox/metabox.twig' %}
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <div class="container">
-    <div class="row">
-      <div class="col-md-6">
-        <h2>An event about technology</h2>
-        <p>L’exposition Kung Fu Motion découle d’une initiative de recherche majeure initiée en 2012, la « Hong Kong Martial Arts Living Archive » (les Archives vivantes des arts martiaux de Hong Kong). Cette recherche en cours est une collaboration entre la International Guoshu Association, City University of Hong Kong, et le Laboratoire de muséologie expérimentale (eM+) de l’Institut des humanités digitales de l’EPFL.</p><p>Hong Kong est un extraordinaire réservoir pour qui s’intéresse au patrimoine immatériel lié aux arts martiaux. Entre le début et ma moitié du XXème siècle, Hong Kong servit de refuge à des milliers d’immigrants de Chine, parmi lesquels quelques-uns des plus grands artistes martiaux au monde. Si leurs pratiques, rendues célèbres mondialement par le cinéma de Jackie Chan et autres, y demeurent présentes, la globalisation, l’urbanisation et le nombre décroissant de pratiquants les menacent de disparition.</p><p>« Kung Fu Motion examine les stratégies permettant d’encoder, de récupérer et de reproduire le patrimoine immatériel de manière à permettre à ces archives d’être « vivantes » dans le présent », explique la Prof. Sarah Kenderdine, directrice d’ArtLab et du laboratoire eM+ à l’EPFL.</p>
-        <div class="mt-5">
-          {% include '@atoms/button/button.twig' %}
-        </div>
-      </div>
-
-      <div class="col-md-4 offset-md-2">
-        <div class="">
-          <a href="#" class="btn btn-secondary">
-            <span class="mr-1">
-              {% include '@atoms/icon/icon.twig' with {icon: 'icon-arrow-right'} %}
-            </span>
-            Ajouter à mon calendrier
-          </a>
-        </div>
-
-        <div class="mt-5">
-          <h2 class="h5 text-uppercase">Liens</h2>
-          <ul class="list-bullet">
-            <li><a class="link-pretty" href="#">Site web de l'exposition</a></li>
-          </ul>
-        </div>
-
-
-        <div class="mt-5">
-          <h2 class="h5 text-uppercase">Informations pratiques</h2>
-          <ul class="list-bullet">
-            <li>Organisation: <a href="#">Bureau ArtLab</a></li>
-            <li>Accessibilité Tout public</li>
-          </ul>
-        </div>
-
-        <div class="mt-5">
-          <p class="h5 text-uppercase">Partager sur</p>
-          <div>
-          {% include '@atoms/social-icon/social-icon-link-group.twig' with {discrete: true} %}
-          </div>
-        </div>
-
-        <div class="mt-5">
-          <h2 class="h5 text-uppercase">Abonnez-vous aux publications de Mediacom</h2>
-          <div class="form-group">
-          <div class="input-group">
-            <input type="email" placeholder="Votre email" class="form-control">
-            <button type="submit" class="btn btn-primary input-group-append">
-              {% include '@atoms/icon/icon.twig' with {icon: 'icon-mail-plane'} %}
-            </button>
-          </div>
-          </div>
-        </div>
-
-        <div class="mt-5">
-          <h2 class="h5 text-uppercase">Mots-clés</h2>
-          <span class="tag tag-light">Technologie</span>
-          <span class="tag tag-light">2018</span>
-          <span class="tag tag-light">Public</span>
-          <span class="tag tag-light">EPFL</span>
-          <span class="tag tag-light">Suisse</span>
-          <span class="tag tag-light">A.I.</span>
-        </div>
-
-      </div>
-    </div>
-  </div>
-</div>
-{% endblock %}
-
-{% block footer_container %}
-<div class="bg-gray-100 pt-5">
-  <div class="container">
-    {% block footer %}
-      {% include '@organisms/footer/footer-light.twig' %}
-    {% endblock %}
-  </div>
-</div>
-{% endblock %}

package/dist/components/pages/event-detail/event-detail.yml

@@ -1,2 +0,0 @@
-name: event-detail
-title: Event detail

package/dist/components/pages/event-homepage/event-homepage.twig

@@ -1,66 +0,0 @@
-{% set isSpecial = true %}
-
-{% extends "@templates/base/base.twig" %}
-
-{% block header %}
-  {% include '@organisms/header/header-light.twig' with { site_title: 'Event title' } %}
-{% endblock %}
-
-{% block content %}
-
-<div class="container-full">
-  {% include '@organisms/hero/hero.twig' with {cover_path: 'images/styleguide/cover/cover01_', title: 'Event title', content: false} %}
-</div>
-
-<div class="container">
-  {% include '@organisms/introduction/introduction.twig' with {title: 'Introduction', content: "This is an introduction text about the association. It is always interesting to know in few lines what is all about."} %}
-</div>
-
-<div class="container">
-  {% include '@content-types/news/news-latest-two.twig' %}
-</div>
-
-<div class="container mt-5">
-  <h2 class="mb-4">Useful informations</h2>
-  <div class="row">
-    {% for i in 1..2 %}
-      <div class="col-md-6">
-        {% include '@content-types/basic-page/basic-page.twig' %}
-      </div>
-    {% endfor %}
-  </div>
-</div>
-
-<div class="container-full mt-5">
-  <div class="container">
-    <h2 class="mb-4">Program</h2>
-  </div>
-  {% include '@organisms/fullwidth-teaser/fullwidth-teaser-horizontal.twig' %}
-</div>
-
-<div class="container mt-5">
-  <h2 class="mb-4">Our sponsors</h2>
-  <div class="row">
-    {% for i in 1..3 %}
-      <div class="col-md-4">
-        {% include '@molecules/sponsor/sponsor.twig' %}
-      </div>
-    {% endfor %}
-  </div>
-</div>
-
-<div class="container mt-5">
-  {% include '@organisms/contact/contact-banner.twig' %}
-</div>
-
-{% endblock %}
-
-{% block footer_container %}
-<div class="bg-gray-100 pt-5">
-  <div class="container">
-    {% block footer %}
-      {% include '@organisms/footer/footer-light.twig' %}
-    {% endblock %}
-  </div>
-</div>
-{% endblock %}

package/dist/components/pages/event-homepage/event-homepage.yml

@@ -1,2 +0,0 @@
-title: Event homepage
-name: event-homepage