mirror of
https://github.com/mastermindzh/rickvanlieshout.com
synced 2025-07-27 04:32:32 +02:00
Version 1.0
This commit is contained in:
42
components/SiteLinks/index.jsx
Normal file
42
components/SiteLinks/index.jsx
Normal 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
|
32
components/SiteLinks/style.css
Normal file
32
components/SiteLinks/style.css
Normal 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;
|
||||
}
|
Reference in New Issue
Block a user