-
Notifications
You must be signed in to change notification settings - Fork 1.2k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #5001 from captain-Akshay/master
updated the twitter icon and fixed the css
- Loading branch information
Showing
6 changed files
with
373 additions
and
313 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
73 changes: 36 additions & 37 deletions
73
src/components/SocialLinks-Color/sociallinkscolor.style.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,46 +1,45 @@ | ||
| import styled from "styled-components"; | ||
|
|
||
| const SocialLinksWrapper = styled.div` | ||
| .social_icons { | ||
| justify-content: flex-end; | ||
| a { | ||
| margin: 0 0.3rem; | ||
| width: 2.5rem; | ||
| filter: grayscale(1) invert(0.25); | ||
| img { | ||
| width: 2rem; | ||
| } | ||
| &:hover { | ||
| filter: grayscale(0) invert(0); | ||
| } | ||
| } | ||
| .github:hover { | ||
| filter: grayscale(0) invert(1); | ||
| } | ||
| .github { | ||
| filter: grayscale(1.5) invert(0.38); | ||
| } | ||
| .mail_icon { | ||
| img { | ||
| padding: 0.1rem; | ||
| border-radius: 0.25rem; | ||
| } | ||
| } | ||
| .social_icons { | ||
| justify-content: flex-end; | ||
| .footer_twitter:hover { | ||
| color: #fff; | ||
| } | ||
| a { | ||
| margin: 0 0.3rem; | ||
| width: 2.5rem; | ||
| filter: grayscale(1) invert(0.25); | ||
| img { | ||
| width: 2rem; | ||
| } | ||
| &:hover { | ||
| filter: grayscale(0) invert(0); | ||
| } | ||
| } | ||
| .github:hover { | ||
| filter: grayscale(0) invert(1); | ||
| } | ||
| .github { | ||
| filter: grayscale(1.5) invert(0.38); | ||
| } | ||
| .mail_icon { | ||
| img { | ||
| padding: 0.1rem; | ||
| border-radius: 0.25rem; | ||
| } | ||
| } | ||
| } | ||
| @media screen and (max-width: 575px) { | ||
| .social_icons { | ||
| margin-bottom: 2rem; | ||
| justify-content: center; | ||
| } | ||
| @media screen and (max-width: 575px) { | ||
| .social_icons { | ||
| margin-bottom: 2rem; | ||
| justify-content: center; | ||
| } | ||
| } | ||
| `; | ||
|
|
||
| export default SocialLinksWrapper; | ||
| export default SocialLinksWrapper; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -2,7 +2,7 @@ import React from "react"; | |
| import { Container } from "../../../reusecore/Layout"; | ||
| import { HandbookWrapper } from "./Handbook.style"; | ||
| import TOC from "../../../components/handbook-navigation/index"; | ||
| import twitter_icon from "../../../assets/images/socialIcons/twitter-light.svg"; | ||
| import { ReactComponent as TwitterIcon } from "../../../assets/images/socialIcons/twitter.svg"; | ||
| import mail_icon from "../../../assets/images/socialIcons/mail_keppel.svg"; | ||
| import youtube_icon from "../../../assets/images/socialIcons/youtube-light.svg"; | ||
| import github_icon from "../../../assets/images/socialIcons/github-light.svg"; | ||
|
|
@@ -63,22 +63,71 @@ const Connect = () => { | |
| <h2>Mailing Lists</h2>{" "} | ||
| </a> | ||
| <ul> | ||
|
|
||
| <li><a href="mailto:[email protected]">Layer5 Maintainers</a></li> | ||
| <li><a href="mailto:[email protected]">Moderators of Discussion Forum</a></li> | ||
| <li><a href="mailto:[email protected]">Meshery Developers</a></li> | ||
| <li><a href="mailto:[email protected]">Meshery Users</a></li> | ||
| <li><a href="http://[email protected]">Meshery Contributors</a></li> | ||
| <li><a href="mailto:[email protected]">Meshery Maintainers</a></li> | ||
| <li><a href="http://[email protected]">Meshery Security and Vulnerability Reports</a></li> | ||
| <li><a href="mailto:[email protected]">Meshery Community</a></li> | ||
| <li><a href="https://groups.google.com/a/getnighthawk.dev/g/developers">Nighthawk Developers</a></li> | ||
| <li><a href="https://groups.google.com/u/2/a/getnighthawk.dev/g/maintainers">Nighthawk Maintainers</a></li> | ||
| <li><a href="https://groups.google.com/a/getnighthawk.dev/g/users">Nighthawk Users</a></li> | ||
| <li><a href="mailto:[email protected]">Service Mesh Performance Community</a></li> | ||
| <li><a href="mailto:[email protected]">Service Mesh Performance Maintainers</a></li> | ||
| <li><a href="mailto:[email protected]">Service Mesh Performance Users</a></li> | ||
| <li><a href="mailto:[email protected]">Layer5 Community Members</a></li> | ||
| <li> | ||
| <a href="mailto:[email protected]">Layer5 Maintainers</a> | ||
| </li> | ||
| <li> | ||
| <a href="mailto:[email protected]"> | ||
| Moderators of Discussion Forum | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="mailto:[email protected]">Meshery Developers</a> | ||
| </li> | ||
| <li> | ||
| <a href="mailto:[email protected]">Meshery Users</a> | ||
| </li> | ||
| <li> | ||
| <a href="http://[email protected]"> | ||
| Meshery Contributors | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="mailto:[email protected]">Meshery Maintainers</a> | ||
| </li> | ||
| <li> | ||
| <a href="http://[email protected]"> | ||
| Meshery Security and Vulnerability Reports | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="mailto:[email protected]">Meshery Community</a> | ||
| </li> | ||
| <li> | ||
| <a href="https://groups.google.com/a/getnighthawk.dev/g/developers"> | ||
| Nighthawk Developers | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="https://groups.google.com/u/2/a/getnighthawk.dev/g/maintainers"> | ||
| Nighthawk Maintainers | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="https://groups.google.com/a/getnighthawk.dev/g/users"> | ||
| Nighthawk Users | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="mailto:[email protected]"> | ||
| Service Mesh Performance Community | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="mailto:[email protected]"> | ||
| Service Mesh Performance Maintainers | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="mailto:[email protected]"> | ||
| Service Mesh Performance Users | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="mailto:[email protected]"> | ||
| Layer5 Community Members | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| <a id="Calendar"> | ||
| {" "} | ||
|
|
@@ -189,17 +238,14 @@ const Connect = () => { | |
| <h2>Social Media</h2>{" "} | ||
| </a> | ||
| <p> | ||
| Layer5 is dedicated to empowering engineers and supporting the open source community that create them. | ||
| Learn more about Layer5 and connect with the community by following and | ||
| engaging with us on our social media accounts. | ||
| Layer5 is dedicated to empowering engineers and supporting the | ||
| open source community that create them. Learn more about Layer5 | ||
| and connect with the community by following and engaging with us | ||
| on our social media accounts. | ||
| </p> | ||
| <div> | ||
| <p className="channels-para"> | ||
| <img | ||
| className="channels-img" | ||
| src={twitter_icon} | ||
| alt="twitter" | ||
| /> | ||
| <TwitterIcon className="twitter" /> | ||
| | ||
| <a href="https://twitter.com/layer5">@layer5</a>, | ||
| <a href="https://twitter.com/mesheryio">@mesheryio</a> | ||
|
|
@@ -209,7 +255,10 @@ const Connect = () => { | |
| <p className="channels-para"> | ||
| <img className="channels-img" src={mail_icon} alt="mail" /> | ||
| | ||
| <a href="mailto:[email protected]">Connect with our community managers for any inquiries or support!</a> | ||
| <a href="mailto:[email protected]"> | ||
| Connect with our community managers for any inquiries or | ||
| support! | ||
| </a> | ||
| </p> | ||
| <p className="channels-para"> | ||
| <img | ||
|
|
@@ -225,21 +274,34 @@ const Connect = () => { | |
| <p className="channels-para"> | ||
| <img className="channels-img" src={github_icon} alt="github" /> | ||
| | ||
| <a href="https://github.com/layer5io">Discover our projects on GitHub</a> | ||
| <a href="https://github.com/layer5io"> | ||
| Discover our projects on GitHub | ||
| </a> | ||
| </p> | ||
| <p className="channels-para"> | ||
|
|
||
| <img className="channels-img" src={linkedin_icon} alt="linkedin" /> | ||
| <a href="https://www.linkedin.com/company/layer5">Join our professional network on LinkedIn</a> | ||
| <img | ||
| className="channels-img" | ||
| src={linkedin_icon} | ||
| alt="linkedin" | ||
| /> | ||
| | ||
| <a href="https://www.linkedin.com/company/layer5"> | ||
| Join our professional network on LinkedIn | ||
| </a> | ||
| </p> | ||
| <p className="channels-para"> | ||
| <img className="channels-img" src={docker_icon} alt="docker" /> | ||
| <a href="https://hub.docker.com/u/layer5/">Take control with Docker deployment</a> | ||
| <img className="channels-img" src={docker_icon} alt="docker" /> | ||
| | ||
| <a href="https://hub.docker.com/u/layer5/"> | ||
| Take control with Docker deployment | ||
| </a> | ||
| </p> | ||
| <p className="channels-para"> | ||
| <img className="channels-img" src={slack_icon} alt="slack" /> | ||
| <a href="https://slack.layer5.io/">Communicate and collaborate with us on Slack</a> | ||
|
|
||
| <img className="channels-img" src={slack_icon} alt="slack" /> | ||
| | ||
| <a href="https://slack.layer5.io/"> | ||
| Communicate and collaborate with us on Slack | ||
| </a> | ||
| </p> | ||
| </div> | ||
| </div> | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.