add Facebook social button

This commit is contained in:
boryslevytskyi
2017-05-13 21:42:13 +03:00
parent 7cfc62cec2
commit c29a9029f2
4 changed files with 23 additions and 2 deletions

View File

@@ -3,7 +3,7 @@ import React from 'react'
export default class AboutResultView extends React.Component {
render() {
return <div className="aboutTpl">
<p> Created by <a href="http://boryslevytskyi.github.io/">Borys Levytskyi</a></p>
<p> Created by <a href="http://boryslevytskyi.github.io/">Borys Levytskyi</a>. Please give it a like if BitwiseCmd has helped you in your work.</p>
<p>If you have an idea, suggestion or you've spotted a bug here, please send it to <a href="mailto:&#098;&#105;&#116;&#119;&#105;&#115;&#101;&#099;&#109;&#100;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;?subject=Feedback">&#098;&#105;&#116;&#119;&#105;&#115;&#101;&#099;&#109;&#100;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;</a> or tweet on <a href="http://twitter.com/BitwiseCmd">@BitwiseCmd</a>. Your feedback is greatly appreciated.</p>
<p><a href="https://github.com/BorisLevitskiy/BitwiseCmd">Project on <strong>GitHub</strong></a></p>
</div>;

View File

@@ -90,6 +90,8 @@ code { font-size: 1.2em; font-weight: bold; }
.top-links .link-text { display: none }
}
.social-container{ position:fixed; bottom:10px; right:10px }
/* Remove margin space on body. Inline top links with header */
@media (max-width: 700px) {
body { padding: 10px; }

BIN
src/img/social-avatar.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

View File

@@ -2,15 +2,34 @@
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="Bitwise Calculator. Visualised Bitwise Operations.">
<meta name="description" content="Free Text Online Bitwise Calculator">
<title>BitwiseCmd</title>
<link rel="shortcut icon" href="http://bitwisecmd.com/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<meta property="og:url" content="http://bitwisecmd.com" />
<meta property="og:type" content="website" />
<meta property="og:title" content="BitwiseCmd" />
<meta property="og:description" content="Free Text Online Bitwise Calculator" />
<meta property="og:image" content="http://bitwisecmd.com/img/social-avatar.png" />
</head>
<body>
<div id="root">Ooops... Something went wrong ¯\_(ツ)_/¯</div>
<script src="bundle.js"></script>
<script src="analytics.js"></script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="social-container">
<div class="fb-like" data-href="http://bitwisecmd.com" data-layout="box_count" data-action="like" data-show-faces="false" data-share="true"></div>
</div>
</body>
</html>