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 @@
+