Skip to content

News-specific card variation#831

Open
mbi wants to merge 12 commits into
epfl-si:devfrom
cruncher:actu/cards
Open

News-specific card variation#831
mbi wants to merge 12 commits into
epfl-si:devfrom
cruncher:actu/cards

Conversation

@mbi

@mbi mbi commented Jun 5, 2026

Copy link
Copy Markdown
Contributor
  • Adds a news-specific card with an optional media type
  • Adds an example card deck for these news cards.
  • Adds a sample card-slider for simplified news cards

@xentenza xentenza requested review from xentenza and removed request for xentenza June 5, 2026 13:40
@mbi

mbi commented Jun 9, 2026

Copy link
Copy Markdown
Contributor Author

@xentenza @williambelle J'ai ajouté un card-slider avec des variantes de news-card simplifiées dans le Content-Type News. Faites-moi signe si vous souhaitez que je réorganise ou on affiche ces variants. 🙏

@xentenza xentenza requested a review from williambelle June 10, 2026 09:51
title: Inside Links
- name: news
title: News card
wrapper: bg-gray-100 col-md-6

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we remove the wrapper ? I thinks that's unnecessary here.

<figcaption class="bg-white">
{{ media_type|default('Podcast') }}
<svg class="icon" aria-hidden="true">
<use xlink:href="{{ media_icon|default('#mic') }}"></use>

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Extra space {{ m.

<div class="card-deck">
{% include '@molecules/card/card-news.twig' with { 'image_uri': "news-card-2.jpg", "media_type": "Infographie", "media_icon": "#pie-chart", "title": "Une IA repousse la limite temporelle des vidéos génératives", "body": "Afin de générer des vidéos d’une durée illimitée, des scientifiques de l’EPFL résolvent le problème du « drift » qui empêchait jusqu’à présent de produire..." } %}
{% include '@molecules/card/card-news.twig' with { "media_icon": "#mic", "media_type": "Podcast", "media_duration": "60min", "body": "Une équipe de l’EPFL a montré théoriquement que, dans des matériaux très ordonnés..." } %}
{% include '@molecules/card/card-news.twig' with { 'image_uri': "news-card-3.jpg", "media_type": "Vidéo", "media_icon": "#play-circle", "media_duration": "1:30", "title": "L'IA permet de dresser un «&nbsp;Who's Who&nbsp;» des ours bruns en Alaska", "body": "Des scientifiques de l’EPFL et de l’Alaska Pacific University ont développé une IA capable d’identifier des ours sauvages un par un...", "pubdate": "05.06.2026" } %}

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Extra space 2026" } %}

{% include '@molecules/card/card-news-simple.twig' %}
</div>
<div class="card-slider-cell">
{% include '@molecules/card/card-news-simple.twig' with { 'image_uri': "news-card-3.jpg", "title": "L'IA permet de dresser un «&nbsp;Who's Who&nbsp;» des ours bruns en Alaska", "pubdate": "05.06.2026" } %}

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Extra space 2026" } %}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants