Use an SVG <object> tag to allow the Twitter button to be interactive (#3739)

* Use an SVG <object> tag to allow the Twitter button to be interactive

The interactive button links you to a page to follow the user directly, so I also added a direct link to the profile.

* Lint
master
Jed Fox 2018-01-15 09:02:30 -05:00 committed by GitHub
parent 64f1c06727
commit b92f1cd0ae
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 4 deletions

View File

@ -57,11 +57,19 @@ class Footer extends React.Component {
</a>
<a href="https://gitter.im/jlongster/prettier">Chat on Gitter</a>
<a href="https://twitter.com/PrettierCode">
<img
alt="Follow Prettier on Twitter"
src="https://img.shields.io/twitter/follow/prettiercode.svg?label=Follow+Prettier&style=social"
/>
@PrettierCode on Twitter
</a>
<object
type="image/svg+xml"
data="https://img.shields.io/twitter/follow/prettiercode.svg?label=Follow+Prettier&style=social"
>
<a href="https://twitter.com/intent/follow?screen_name=prettiercode">
<img
alt="Follow Prettier on Twitter"
src="https://img.shields.io/twitter/follow/prettiercode.png?label=Follow+Prettier&style=social"
/>
</a>
</object>
</div>
<div>
<h5>More</h5>