bigchaindb/site
1
0
Fork 0
mirror of https://github.com/bigchaindb/site.git synced 2024-12-24 02:16:10 +01:00
Code Releases Activity

blog icon, nicer social icons interaction, closes #30

Browse Source
This commit is contained in:
Matthias Kretschmann 2016-02-09 01:53:59 +01:00
parent 63dafcd4f8
commit 19b80e4f89
4 changed files with 43 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
_src/_assets/images/icon-blog.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 100 100"><path d="M64.956,8.989h-29.89c-9.799,0-17.746,7.946-17.746,17.746v22.76v2.865v44.484l16.583-26.737 c-0.27-0.052-1.419-0.001,1.163-0.001h29.89c9.801,0,17.746-7.946,17.746-17.746V26.735C82.702,16.935,74.757,8.989,64.956,8.989z"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 361 B

37
_src/_assets/styles/page-community.scss
View File

@ -17,6 +17,43 @@
.section-community {
.grid h1 { @extend .h3; }
.social-link {
&,
.icon {
@extend .transition;
}
box-shadow: none;
padding: $btn-padding-y-sm $btn-padding-x-sm;
&:hover,
&:focus {
background: none;
.icon {
fill: lighten($brand-primary, 10%);
filter: drop-shadow(0 1px 4px rgba($brand-main-blue-dark, .4));
transform: translateY(-1px);
}
}
&:active {
outline: 0;
.icon {
fill: $brand-primary;
filter: drop-shadow(0 1px 2px rgba($brand-main-blue-dark, .3));
transform: translateY(0);
}
}
.icon {
fill: $brand-primary;
width: 1.5rem;
height: 1.5rem;
}
}
}
.section-conduct {

8
_src/community.html
View File

@ -20,24 +20,24 @@ title: Community
<h1>Social</h1>
<p>Follow us for the latest updates</p>
<p>
<a href="https://github.com/{{ site.github }}" class="btn btn-primary btn-sm btn--social">
<a class="social-link" href="https://github.com/{{ site.github }}">
<svg class="icon icon--social icon--github" aria-labelledby="title">
<title>GitHub</title>
<use xlink:href="/assets/img/sprite.svg#github"></use>
</svg>
</a>
<a href="https://twitter.com/{{ site.twitter }}" class="btn btn-primary btn-sm btn--social">
<a class="social-link" href="https://twitter.com/{{ site.twitter }}">
<svg class="icon icon--social icon--twitter" aria-labelledby="title">
<title>Twitter</title>
<use xlink:href="/assets/img/sprite.svg#twitter"></use>
</svg>
</a>
<a href="https://medium.com/{{ site.medium }}" class="btn btn-primary btn-sm btn--social">
<a class="social-link" href="https://medium.com/{{ site.medium }}">
<svg class="icon icon--social icon--blog" aria-labelledby="title">
<title>Blog</title>
<use xlink:href="/assets/img/sprite.svg#blog"></use>
<use xlink:href="/assets/img/sprite.svg#icon-blog"></use>
</svg>
</a>
</p>

2
_src/contact.html
View File

@ -50,7 +50,7 @@ title: Contact
<a href="https://medium.com/{{ site.medium }}">
<svg class="icon icon--social icon--blog" aria-labelledby="title">
<title>Blog</title>
<use xlink:href="/assets/img/sprite.svg#blog"></use>
<use xlink:href="/assets/img/sprite.svg#icon-blog"></use>
</svg>
Blog
</a>