diff --git a/assets/components/atoms/social-icon/social-icon-group.twig b/assets/components/atoms/social-icon/social-icon-group.twig index d6f2e6866..5e22c85a7 100644 --- a/assets/components/atoms/social-icon/social-icon-group.twig +++ b/assets/components/atoms/social-icon/social-icon-group.twig @@ -7,7 +7,7 @@ {% include '@atoms/social-icon/social-icon-single.twig' with { pretty_name: 'Facebook', icon: 'icon-facebook', round: round, discrete: discrete, negative: negative } %}
  • - {% include '@atoms/social-icon/social-icon-single.twig' with { pretty_name: 'Twitter', icon: 'icon-twitter', round: round, discrete: discrete, negative: negative } %} + {% include '@atoms/social-icon/social-icon-single.twig' with { pretty_name: 'X', icon: 'icon-x', round: round, discrete: discrete, negative: negative } %}
  • {% include '@atoms/social-icon/social-icon-single.twig' with { pretty_name: 'Instagram', icon: 'icon-instagram', round: round, discrete: discrete, negative: negative } %} diff --git a/assets/components/atoms/social-icon/social-icon-link-group.twig b/assets/components/atoms/social-icon/social-icon-link-group.twig index a7e7eaca0..2d89d434c 100644 --- a/assets/components/atoms/social-icon/social-icon-link-group.twig +++ b/assets/components/atoms/social-icon/social-icon-link-group.twig @@ -7,7 +7,7 @@ {% include '@atoms/social-icon/social-icon-single-link.twig' with { pretty_name: 'Follow us on Facebook', icon: 'icon-facebook', round: round, discrete: discrete, negative: negative, url: 'https://www.facebook.com/epflcampus' } %}
  • - {% include '@atoms/social-icon/social-icon-single-link.twig' with { pretty_name: 'Follow us on Twitter', icon: 'icon-twitter', round: round, discrete: discrete, negative: negative, url: 'https://twitter.com/epfl_en' } %} + {% include '@atoms/social-icon/social-icon-single-link.twig' with { pretty_name: 'Follow us on X', icon: 'icon-x', round: round, discrete: discrete, negative: negative, url: 'https://x.com/epfl_en' } %}
  • {% include '@atoms/social-icon/social-icon-single-link.twig' with { pretty_name: 'Follow us on Instagram', icon: 'icon-instagram', round: round, discrete: discrete, negative: negative, url: 'http://instagram.com/epflcampus' } %} diff --git a/assets/components/atoms/social-icon/social-icon-link.twig b/assets/components/atoms/social-icon/social-icon-link.twig index 6829e6d8b..50ca7ee06 100644 --- a/assets/components/atoms/social-icon/social-icon-link.twig +++ b/assets/components/atoms/social-icon/social-icon-link.twig @@ -1,5 +1,5 @@ -{% set pretty_name = pretty_name ?: 'Twitter' %} -{% set icon = icon ?: 'icon-twitter' %} +{% set pretty_name = pretty_name ?: 'X' %} +{% set icon = icon ?: 'icon-x' %} {% set round = round ? ' social-icon-round' : '' %} {% set discrete = discrete ? ' social-icon-discrete' : '' %} {% set negative = negative ? ' social-icon-negative' : '' %} diff --git a/assets/components/atoms/social-icon/social-icon-single-link-with-details.twig b/assets/components/atoms/social-icon/social-icon-single-link-with-details.twig index 351ffc161..30978dcad 100644 --- a/assets/components/atoms/social-icon/social-icon-single-link-with-details.twig +++ b/assets/components/atoms/social-icon/social-icon-single-link-with-details.twig @@ -1,6 +1,6 @@ -{% set pretty_name = pretty_name ?: 'Twitter' %} +{% set pretty_name = pretty_name ?: 'X' %} {% set user_id = user_id ?: 'firstname.name' %} -{% set icon = icon ?: 'icon-twitter' %} +{% set icon = icon ?: 'icon-x' %} {% set round = round ? ' social-icon-round' : '' %} {% set discrete = discrete ? ' social-icon-discrete' : '' %} {% set negative = negative ? ' social-icon-negative' : '' %} diff --git a/assets/components/atoms/social-icon/social-icon-single-link.twig b/assets/components/atoms/social-icon/social-icon-single-link.twig index bceb464ee..ab3a39384 100644 --- a/assets/components/atoms/social-icon/social-icon-single-link.twig +++ b/assets/components/atoms/social-icon/social-icon-single-link.twig @@ -1,5 +1,5 @@ -{% set pretty_name = pretty_name ?: 'Follow us on Twitter' %} -{% set icon = icon ?: 'icon-twitter' %} +{% set pretty_name = pretty_name ?: 'Follow us on X' %} +{% set icon = icon ?: 'icon-x' %} {% set round = round ? ' social-icon-round' : '' %} {% set discrete = discrete ? ' social-icon-discrete' : '' %} {% set negative = negative ? ' social-icon-negative' : '' %} diff --git a/assets/components/atoms/social-icon/social-icon-single.twig b/assets/components/atoms/social-icon/social-icon-single.twig index 31bac2511..f361fd429 100644 --- a/assets/components/atoms/social-icon/social-icon-single.twig +++ b/assets/components/atoms/social-icon/social-icon-single.twig @@ -1,5 +1,5 @@ -{% set pretty_name = pretty_name ?: 'Twitter' %} -{% set icon = icon ?: 'icon-twitter' %} +{% set pretty_name = pretty_name ?: 'X' %} +{% set icon = icon ?: 'icon-x' %} {% set round = round ? ' social-icon-round' : '' %} {% set discrete = discrete ? ' social-icon-discrete' : '' %} {% set negative = negative ? ' social-icon-negative' : '' %} diff --git a/assets/components/atoms/social-icon/social-icon.scss b/assets/components/atoms/social-icon/social-icon.scss index 6ac563d18..bd4ae9f2c 100644 --- a/assets/components/atoms/social-icon/social-icon.scss +++ b/assets/components/atoms/social-icon/social-icon.scss @@ -60,6 +60,10 @@ a.social-icon { background-color: $twitter; } +.social-icon-x { + background-color: $x; +} + .social-icon-whatsapp { background-color: $whatsappgreen; } diff --git a/assets/components/atoms/social-icon/social-icon.twig b/assets/components/atoms/social-icon/social-icon.twig index 31bac2511..f361fd429 100644 --- a/assets/components/atoms/social-icon/social-icon.twig +++ b/assets/components/atoms/social-icon/social-icon.twig @@ -1,5 +1,5 @@ -{% set pretty_name = pretty_name ?: 'Twitter' %} -{% set icon = icon ?: 'icon-twitter' %} +{% set pretty_name = pretty_name ?: 'X' %} +{% set icon = icon ?: 'icon-x' %} {% set round = round ? ' social-icon-round' : '' %} {% set discrete = discrete ? ' social-icon-discrete' : '' %} {% set negative = negative ? ' social-icon-negative' : '' %} diff --git a/assets/components/atoms/social-icon/social-icon.yml b/assets/components/atoms/social-icon/social-icon.yml index 77060db7f..61fb03227 100644 --- a/assets/components/atoms/social-icon/social-icon.yml +++ b/assets/components/atoms/social-icon/social-icon.yml @@ -24,7 +24,7 @@ notes: | Icons to accomodate social boxes. The available social networks are: * `facebook` * `instagram` - * `twitter` + * `x` * `e-mail` * `whatsapp` * `linkedin` diff --git a/assets/components/molecules/social-feed/social-feed.twig b/assets/components/molecules/social-feed/social-feed.twig index 263ded406..867b9e0c7 100644 --- a/assets/components/molecules/social-feed/social-feed.twig +++ b/assets/components/molecules/social-feed/social-feed.twig @@ -1,5 +1,5 @@
    - {% include '@atoms/social-icon/social-icon.twig' with { icon: 'icon-twitter', round: true } %} + {% include '@atoms/social-icon/social-icon.twig' with { icon: 'icon-x', round: true } %}
    diff --git a/assets/components/molecules/social/social.twig b/assets/components/molecules/social/social.twig index e4ad1f42f..717a1c5c5 100644 --- a/assets/components/molecules/social/social.twig +++ b/assets/components/molecules/social/social.twig @@ -18,8 +18,8 @@
  • {% include '@atoms/social-icon/social-icon-single-link.twig' with { - pretty_name: 'Share on Twitter', - icon: 'icon-twitter', + pretty_name: 'Share on X', + icon: 'icon-x', round: round, discrete: true, url: '#' diff --git a/assets/components/pages/news-detail/news-detail.twig b/assets/components/pages/news-detail/news-detail.twig index 631253fc5..d9d1cb99f 100644 --- a/assets/components/pages/news-detail/news-detail.twig +++ b/assets/components/pages/news-detail/news-detail.twig @@ -134,8 +134,8 @@ - - + + diff --git a/assets/config/data.json b/assets/config/data.json index 5ba563432..d0d6af468 100644 --- a/assets/config/data.json +++ b/assets/config/data.json @@ -81,6 +81,7 @@ "home", "info", "instagram", + "linkedin", "lock", "mail-plane", "triangle", @@ -91,7 +92,7 @@ "whatsapp", "planet", "youtube", - "linkedin" + "x" ], "feathericons": [ "activity", diff --git a/assets/config/social-color.scss b/assets/config/social-color.scss index a5bc1e546..2ee280a73 100644 --- a/assets/config/social-color.scss +++ b/assets/config/social-color.scss @@ -76,3 +76,4 @@ $listlyblue: #52b1b3; $vine: #00b489; $steam: #171a21; $discord: #7289da; +$x: #000000; diff --git a/assets/icons/x.svg b/assets/icons/x.svg new file mode 100644 index 000000000..252f8d875 --- /dev/null +++ b/assets/icons/x.svg @@ -0,0 +1 @@ + \ No newline at end of file