diff --git a/app/assets/images/favicon-180x180.png b/app/assets/images/favicon-180x180.png index c6ed4dca6..c2f134d7c 100644 Binary files a/app/assets/images/favicon-180x180.png and b/app/assets/images/favicon-180x180.png differ diff --git a/app/assets/images/favicon.ico b/app/assets/images/favicon.ico index a36c7a21f..6aa23b75c 100644 Binary files a/app/assets/images/favicon.ico and b/app/assets/images/favicon.ico differ diff --git a/app/assets/images/socials-bsky.svg b/app/assets/images/socials-bsky.svg new file mode 100644 index 000000000..4ff853737 --- /dev/null +++ b/app/assets/images/socials-bsky.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/images/socials-linkedin.svg b/app/assets/images/socials-linkedin.svg new file mode 100644 index 000000000..cf25f7c38 --- /dev/null +++ b/app/assets/images/socials-linkedin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/images/socials-mail.svg b/app/assets/images/socials-mail.svg new file mode 100644 index 000000000..7336d2459 --- /dev/null +++ b/app/assets/images/socials-mail.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/images/socials-youtube.svg b/app/assets/images/socials-youtube.svg new file mode 100644 index 000000000..b7b2ab234 --- /dev/null +++ b/app/assets/images/socials-youtube.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/images/socials-zenodo.svg b/app/assets/images/socials-zenodo.svg new file mode 100644 index 000000000..72fa457e9 --- /dev/null +++ b/app/assets/images/socials-zenodo.svg @@ -0,0 +1,3 @@ + + + diff --git a/app/assets/stylesheets/_ref_designsystem.scss b/app/assets/stylesheets/_ref_designsystem.scss index 736c7b01d..a25f9027c 100644 --- a/app/assets/stylesheets/_ref_designsystem.scss +++ b/app/assets/stylesheets/_ref_designsystem.scss @@ -57,6 +57,11 @@ li { a { color: $palette-gray-80; + img { + max-width: 25px; + height: auto; + } + &:hover { opacity: 0.7; } diff --git a/app/views/layouts/_sections.html.haml b/app/views/layouts/_sections.html.haml index 7ed480256..2945ba759 100644 --- a/app/views/layouts/_sections.html.haml +++ b/app/views/layouts/_sections.html.haml @@ -1,15 +1,20 @@ .social-wrapper %ul %li - = mail_to "contact@eosc-portal.eu", subject: "EOSC Portal" do - %i.fa.fa-envelope + = link_to "https://www.linkedin.com/company/eosc-beyond/" do + = image_tag "socials-linkedin.svg", alt: "Linkedin" %li - = link_to "https://twitter.com/eoscportal" do - %i.fab.fa-twitter + = link_to "https://www.youtube.com/channel/UCWj5vLL8OJ7I8fRPW3eTzDQ" do + = image_tag "socials-youtube.svg", alt: "youtube" %li - = link_to "https://www.youtube.com/playlist?index=1&list=UUHsaUFy5LJ3rJ28qDg2StGA&playnext=1" do - %i.fab.fa-youtube - + = link_to "https://bsky.app/profile/eosc-beyond.bsky.social" do + = image_tag "socials-bsky.svg", alt: "bsky" + %li + = link_to "https://zenodo.org/communities/eoscbeyond" do + = image_tag "socials-zenodo.svg", alt: "zenodo" + %li + = mail_to "eosc-beyond-po@mailman.egi.eu", subject: "EOSC Portal" do + = image_tag "socials-mail.svg", alt: "email" %nav %eosc-common-main-header.common-header{ username: current_user.present? ? current_user.full_name : "", "profile-links": eosc_commons_profile_links,