Bluesky

- Added Bluesky social icon
epfl-si · Dec 6, 2024 · 4d884fd · 4d884fd
1 parent 8c54de3
commit 4d884fd
Show file tree

Hide file tree

Showing 9 changed files with 24 additions and 1 deletion.
diff --git a/assets/components/atoms/social-icon/social-icon-group.twig b/assets/components/atoms/social-icon/social-icon-group.twig
@@ -27,6 +27,9 @@
   <li>
     {% include '@atoms/social-icon/social-icon-single.twig' with { pretty_name: 'X', icon: 'icon-x', round: round, discrete: discrete, negative: negative } %}
   </li>
+  <li>
+    {% include '@atoms/social-icon/social-icon-single.twig' with { pretty_name: 'Bluesky', icon: 'icon-bluesky', round: round, discrete: discrete, negative: negative } %}
+  </li>
   <li>
     {% include '@atoms/social-icon/social-icon-single.twig' with { pretty_name: 'Youtube', icon: 'icon-youtube', round: round, discrete: discrete, negative: negative } %}
   </li>

diff --git 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 @@
   <li>
     {% 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' } %}
   </li>
+  <li>
+    {% 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' } %}
+  </li>
   <li>
     {% 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' } %}
   </li>

diff --git 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
@@ -30,6 +30,7 @@ notes: |
   * `tiktok`
   * `whatsapp`
   * `x`
+  * `bluesky`
   * `youtube`
   * `github`
   * `gitlab`
diff --git a/assets/components/molecules/social/social-follow.twig b/assets/components/molecules/social/social-follow.twig
@@ -5,7 +5,7 @@
       <p class="social-share-text">
         Suivez nous sur <span class="sr-only">les réseaux sociaux</span>
       </p>
-      {% 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 } %}
     </div>
 
   </div>

diff --git a/assets/components/molecules/social/social.twig b/assets/components/molecules/social/social.twig
@@ -43,6 +43,15 @@
               url: '#'
             } %}
           </li>
+          <li>
+            {% include '@atoms/social-icon/social-icon-single-link.twig' with {
+              pretty_name: 'Share on Bluesky',
+              icon: 'icon-bluesky',
+              round: round,
+              discrete: true,
+              url: '#'
+            } %}
+          </li>
         </ul>
       </div>
 

diff --git 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
@@ -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
-Original file line number
+Diff line change
@@ Expand Up / @@ -27,6 +27,9 @@ @@
       <li>
         {% include '@atoms/social-icon/social-icon-single.twig' with { pretty_name: 'X', icon: 'icon-x', round: round, discrete: discrete, negative: negative } %}
       </li>
+      <li>
+        {% include '@atoms/social-icon/social-icon-single.twig' with { pretty_name: 'Bluesky', icon: 'icon-bluesky', round: round, discrete: discrete, negative: negative } %}
+      </li>
       <li>
         {% include '@atoms/social-icon/social-icon-single.twig' with { pretty_name: 'Youtube', icon: 'icon-youtube', round: round, discrete: discrete, negative: negative } %}
       </li>
@@ Expand Down @@