diff --git a/assets/components/atoms/social-icon/social-icon-group.twig b/assets/components/atoms/social-icon/social-icon-group.twig index 98edb41c..4c552ba6 100644 --- a/assets/components/atoms/social-icon/social-icon-group.twig +++ b/assets/components/atoms/social-icon/social-icon-group.twig @@ -27,6 +27,9 @@
  • {% 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: 'Bluesky', icon: 'icon-bluesky', round: round, discrete: discrete, negative: negative } %} +
  • {% include '@atoms/social-icon/social-icon-single.twig' with { pretty_name: 'Youtube', icon: 'icon-youtube', 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 fdaec95d..0fe95996 100644 --- a/assets/components/atoms/social-icon/social-icon-link-group.twig +++ b/assets/components/atoms/social-icon/social-icon-link-group.twig @@ -25,6 +25,9 @@
  • {% 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 Bluesky', icon: 'icon-bluesky', round: round, discrete: discrete, negative: negative, url: 'https://bsky.app' } %} +
  • {% include '@atoms/social-icon/social-icon-single-link.twig' with { pretty_name: 'Follow us on Youtube', icon: 'icon-youtube', round: round, discrete: discrete, negative: negative, url: 'https://www.youtube.com/user/epflnews' } %}
  • diff --git a/assets/components/atoms/social-icon/social-icon.scss b/assets/components/atoms/social-icon/social-icon.scss index a9cc9f3b..320a4ed8 100644 --- a/assets/components/atoms/social-icon/social-icon.scss +++ b/assets/components/atoms/social-icon/social-icon.scss @@ -84,6 +84,10 @@ a.social-icon { background-color: $mastodon; } +.social-icon-bluesky { + background-color: $bluesky; +} + .social-icon-tiktok { background-color: $tiktok; } diff --git a/assets/components/atoms/social-icon/social-icon.yml b/assets/components/atoms/social-icon/social-icon.yml index c919037b..1773efdb 100644 --- a/assets/components/atoms/social-icon/social-icon.yml +++ b/assets/components/atoms/social-icon/social-icon.yml @@ -30,6 +30,7 @@ notes: | * `tiktok` * `whatsapp` * `x` + * `bluesky` * `youtube` * `github` * `gitlab` \ No newline at end of file diff --git a/assets/components/molecules/social/social-follow.twig b/assets/components/molecules/social/social-follow.twig index dcfe4912..e938e3a1 100644 --- a/assets/components/molecules/social/social-follow.twig +++ b/assets/components/molecules/social/social-follow.twig @@ -5,7 +5,7 @@

    Suivez nous sur les réseaux sociaux

    - {% include '@atoms/social-icon/social-icon-link-group.twig' with { discrete: true, social_mastodon: true, social_tiktok: true, social_github: true, social_gitlab: true } %} + {% include '@atoms/social-icon/social-icon-link-group.twig' with { discrete: true, social_mastodon: true, social_bluesky: true, social_tiktok: true, social_github: true, social_gitlab: true } %} diff --git a/assets/components/molecules/social/social.twig b/assets/components/molecules/social/social.twig index 3e98c646..d8e5db8a 100644 --- a/assets/components/molecules/social/social.twig +++ b/assets/components/molecules/social/social.twig @@ -43,6 +43,15 @@ url: '#' } %} +
  • + {% include '@atoms/social-icon/social-icon-single-link.twig' with { + pretty_name: 'Share on Bluesky', + icon: 'icon-bluesky', + round: round, + discrete: true, + url: '#' + } %} +
  • diff --git a/assets/config/data.json b/assets/config/data.json index b4d31088..e78e1add 100644 --- a/assets/config/data.json +++ b/assets/config/data.json @@ -3,6 +3,7 @@ "accessibility", "arrow-left", "arrow-right", + "bluesky", "browse", "chevron-last-left", "chevron-last-right", diff --git a/assets/config/social-color.scss b/assets/config/social-color.scss index cb0f778c..458b69fb 100644 --- a/assets/config/social-color.scss +++ b/assets/config/social-color.scss @@ -7,6 +7,7 @@ $amazon: #ff9900; $android: #a4c639; $apple: #a6b1b7; +$bluesky: #1185fe; $deviantart: #05cc47; $discord: #7289da; $dribbble: #ea4c89; diff --git a/assets/icons/bluesky.svg b/assets/icons/bluesky.svg new file mode 100644 index 00000000..d77ff147 --- /dev/null +++ b/assets/icons/bluesky.svg @@ -0,0 +1 @@ +