-
Notifications
You must be signed in to change notification settings - Fork 12
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
afe43f2
commit 0be3000
Showing
50 changed files
with
872 additions
and
199 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
36 changes: 36 additions & 0 deletions
36
components/content-types/news/news-horizontal-listing-gray.twig
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
| <div class="card-slider-wrapper"> | ||
| <div class="card-slider"> | ||
| {% for i in 1..10 %} | ||
| <div class="card-slider-cell"> | ||
| <a href="#" class="card link-trapeze-horizontal"> | ||
| <div class="card-body"> | ||
| {% include '@atoms/picture/picture.twig' with {'variant':'news-thumb'} %} | ||
| <div itemscope itemtype="http://schema.org/Article"> | ||
| <h3 class="card-title h5 mt-3" itemprop="name">Physics: new e-books for the AIAA Education Series</h3> | ||
| <p> | ||
| <time datetime="2018-03-26" itemprop="datePublished"><span class="sr-only">Published:</span>26.03.2018</time> | ||
| <span class="text-muted" itemprop="description">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet | ||
| Epicureum esse, si probarem, quae ille diceret?</span> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| {% endfor %} | ||
| </div> | ||
|
|
||
| <div class="card-slider-footer"> | ||
| <div> | ||
| <button role="button" id="card-slider-prev" class="card-slider-btn link-trapeze-horizontal disabled"> | ||
| <svg class="icon" aria-hidden="true"> | ||
| <use xlink:href="#icon-chevron-left"></use> | ||
| </svg> | ||
| </button> | ||
| <button role="button" id="card-slider-next" class="card-slider-btn link-trapeze-horizontal"> | ||
| <svg class="icon" aria-hidden="true"> | ||
| <use xlink:href="#icon-chevron-right"></use> | ||
| </svg> | ||
| </button> | ||
| </div> | ||
| </div> | ||
| </div> |
36 changes: 36 additions & 0 deletions
36
components/content-types/news/news-horizontal-listing.twig
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
| <div class="card-slider-wrapper"> | ||
| <div class="card-slider"> | ||
| {% for i in 1..10 %} | ||
| <div class="card-slider-cell"> | ||
| <a href="#" class="card card-gray link-trapeze-horizontal"> | ||
| <div class="card-body"> | ||
| {% include '@atoms/picture/picture.twig' with {'variant':'news-thumb'} %} | ||
| <div itemscope itemtype="http://schema.org/Article"> | ||
| <h3 class="card-title h5 mt-3" itemprop="name">Physics: new e-books for the AIAA Education Series</h3> | ||
| <p> | ||
| <time datetime="2018-03-26" itemprop="datePublished"><span class="sr-only">Published:</span>26.03.2018</time> | ||
| <span class="text-muted" itemprop="description">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet | ||
| Epicureum esse, si probarem, quae ille diceret?</span> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| {% endfor %} | ||
| </div> | ||
|
|
||
| <div class="card-slider-footer"> | ||
| <div> | ||
| <button role="button" id="card-slider-prev" class="card-slider-btn link-trapeze-horizontal disabled"> | ||
| <svg class="icon" aria-hidden="true"> | ||
| <use xlink:href="#icon-chevron-left"></use> | ||
| </svg> | ||
| </button> | ||
| <button role="button" id="card-slider-next" class="card-slider-btn link-trapeze-horizontal"> | ||
| <svg class="icon" aria-hidden="true"> | ||
| <use xlink:href="#icon-chevron-right"></use> | ||
| </svg> | ||
| </button> | ||
| </div> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,69 @@ | ||
| <nav aria-label="breadcrumb" class="breadcrumb-wrapper"> | ||
| <ol class="breadcrumb"> | ||
| <li class="breadcrumb-item"> | ||
| <a class="bread-link bread-home" href="#"> | ||
| {% include '@atoms/icon/icon.twig' with { icon: 'icon-home' } %} | ||
| </a> | ||
| </li> | ||
| <li class="breadcrumb-item expand-links"> | ||
| <button class="btn btn-expand-links" aria-expanded="false" title="Display the complete path"> | ||
| <span class="dots" aria-hidden="true">…</span> | ||
| <span class="sr-only">Display the complete path</span> | ||
| </button> | ||
| </li> | ||
| <li class="breadcrumb-item"> | ||
| <a class="bread-link" href="#">Schools</a> | ||
| <div class="dropdown"> | ||
| <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-menu-1"> | ||
| {% include '@atoms/icon/icon.twig' with { icon: 'arrow-down-circle', icon_classes:'feather' } %} | ||
| <span class="sr-only">Display same level pages – Schools</span> | ||
| </button> | ||
| <ul class="dropdown-menu" id="dropdown-menu-1"> | ||
| <li class="dropdown-item"><a href="#">About</a></li> | ||
| <li class="dropdown-item"><a href="#">Education</a></li> | ||
| <li class="dropdown-item"><a href="#">Research</a></li> | ||
| <li class="dropdown-item"><a href="#">Innovation</a></li> | ||
| <li class="dropdown-item current-menu-item-parent"><a href="#">Schools</a></li> | ||
| <li class="dropdown-item"><a href="#">Campus</a></li> | ||
| </ul> | ||
| </div> | ||
| </li> | ||
| <li class="breadcrumb-item"> | ||
| <a class="bread-link" href="#">School of Architecture, Civil and Environmental Engineering</a> | ||
| <div class="dropdown"> | ||
| <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-menu-2"> | ||
| {% include '@atoms/icon/icon.twig' with { icon: 'arrow-down-circle', icon_classes:'feather' } %} | ||
| <span class="sr-only">Display same level pages – School of Architecture, Civil and Environmental Engineering</span> | ||
| </button> | ||
| <ul class="dropdown-menu" id="dropdown-menu-2"> | ||
| <li class="dropdown-item current-menu-item-parent"><a href="#">School of Architecture, Civil and Environmental Engineering</a></li> | ||
| <li class="dropdown-item"><a href="#">School of Computer and Communication Sciences</a></li> | ||
| <li class="dropdown-item"><a href="#">School of Basic Sciences</a></li> | ||
| <li class="dropdown-item"><a href="#">School of Engineering</a></li> | ||
| <li class="dropdown-item"><a href="#">School of Life Sciences</a></li> | ||
| <li class="dropdown-item"><a href="#">College of Management of Technology</a></li> | ||
| <li class="dropdown-item"><a href="#">College of Humanities</a></li> | ||
| <li class="dropdown-item"><a href="#">Sections</a></li> | ||
| </ul> | ||
| </div> | ||
| </li> | ||
| <li class="breadcrumb-item"> | ||
| <a class="bread-link" href="#">Sustainability challenges</a> | ||
| </li> | ||
| <li class="breadcrumb-item active" aria-current="page"> | ||
| <span class="bread-item">FUSTIC association</span> | ||
| <div class="dropdown"> | ||
| <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-menu-3"> | ||
| {% include '@atoms/icon/icon.twig' with { icon: 'arrow-down-circle', icon_classes:'feather' } %} | ||
| <span class="sr-only">Display same level pages – FUSTIC association</span> | ||
| </button> | ||
| <ul class="dropdown-menu" id="dropdown-menu-3"> | ||
| <li class="dropdown-item"><a href="#">ENAC Clusters</a></li> | ||
| <li class="dropdown-item"><a href="#">Interdisciplinary Centers</a></li> | ||
| <li class="dropdown-item current-menu-item-parent"><a href="#">FUSTIC association</a></li> | ||
| <li class="dropdown-item"><a href="#">Sustainability grants</a></li> | ||
| </ul> | ||
| </div> | ||
| </li> | ||
| </ol> | ||
| </nav> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,11 +1,17 @@ | ||
| <nav aria-label="breadcrumb" class="breadcrumb-wrapper"> | ||
| <ol class="breadcrumb"> | ||
| <li class="breadcrumb-item"> | ||
| <a href="#"> | ||
| <a class="bread-link bread-home" href="#"> | ||
| {% include '@atoms/icon/icon.twig' with { icon: 'icon-home' } %} | ||
| </a> | ||
| </li> | ||
| <li class="breadcrumb-item"><a href="#">Schools</a></li> | ||
| <li class="breadcrumb-item expand-links"> | ||
| <button class="btn btn-expand-links" aria-expanded="false" title="Display the complete path"> | ||
| <span class="dots" aria-hidden="true">…</span> | ||
| <span class="sr-only">Display the complete path</span> | ||
| </button> | ||
| </li> | ||
| <li class="breadcrumb-item"><a class="bread-link" href="#">Schools</a></li> | ||
| <li class="breadcrumb-item active" aria-current="page">ENAC</li> | ||
| </ol> | ||
| </nav> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| {% set icon = icon|default("https://via.placeholder.com/") %} | ||
| <a class="card link-trapeze-horizontal" href="#"> | ||
| <div class="card border-0 bg-white m-0 h-100"> | ||
| <div class="card-header border-0"> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <p class="h4">près de 18'000</p> | ||
| </div> | ||
| <div class="col-md-6 text-right"> | ||
| <img src="images/styleguide/key-numbers/students.png" class="d-block m-auto" alt="Pictogramme avec deux personnages" /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="card-body pt-0"> | ||
| <div class="row"> | ||
| <div class="col-md-12"> | ||
| <hr /> | ||
| <p>étudiant·es, collaborateurs et collaboratrices font de l'EPFL une petite ville trépidante et dynamique</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </a> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| {% set icon = icon|default("https://via.placeholder.com/") %} | ||
| <div class="card"> | ||
| <div class="card border-0 bg-white m-0 h-100"> | ||
| <div class="card-header border-0"> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <p class="h4">près de 18'000</p> | ||
| </div> | ||
| <div class="col-md-6 text-right"> | ||
| <img src="images/styleguide/key-numbers/students.png" class="d-block m-auto" alt="Pictogramme avec deux personnages" /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="card-body pt-0"> | ||
| <div class="row"> | ||
| <div class="col-md-12"> | ||
| <hr /> | ||
| <p>étudiant·es, collaborateurs et collaboratrices font de l'EPFL une petite ville trépidante et dynamique</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.