Version 1.0

This commit is contained in:
wpioneer
2016-06-03 14:05:50 +03:00
parent 05ee70daab
commit 4a4b34f52b
13 changed files with 39 additions and 35 deletions

View File

@@ -0,0 +1,42 @@
import React from 'react'
import { RouteHandler, Link } from 'react-router'
import { prefixLink } from 'gatsby-helpers'
import { config } from 'config'
import './style.css'
import '../../static/fonts/fontawesome/style.css'
class SiteLinks extends React.Component {
render() {
return (
<div className='blog-social'>
<ul>
<li>
<a href={ config.siteTwitterUrl }><i className='fa fa-twitter'></i></a>
</li>
<li>
<a href={ config.siteGithubUrl }><i className='fa fa-github-alt'></i></a>
</li>
<li>
<a href={ config.siteVkUrl }><i className='fa fa-vk'></i></a>
</li>
</ul>
<ul>
<li>
<a href={ config.siteEmailUrl }><i className='fa fa-envelope-o'></i></a>
</li>
<li>
<a href={ config.siteTelegramUrl }><i className='fa fa-paper-plane'></i></a>
</li>
</ul>
<ul>
<li>
<a href={ config.siteRssUrl }><i className='fa fa-rss'></i></a>
</li>
</ul>
</div>
);
}
}
export default SiteLinks

View File

@@ -0,0 +1,32 @@
.blog-social {
margin-top: 30px;
}
.blog-social ul {
list-style: none;
padding: 0;
margin: 10px 0;
clear: fix-legacy;
}
.blog-social ul > li {
float: left;
margin-right: 5px;
text-align: center;
height: 24px;
width: 24px;
border-radius: 3px;
background: #f4f4f4;
}
.blog-social ul > li:hover {
background: #f4f4f4;
}
.blog-social ul > li > a {
border-bottom: 0;
}
.blog-social ul > li > a > i {
color: #606060;
font-size: 14px;
line-height: 24px;
}
.blog-social ul > li:hover a > i {
color: #444;
}