1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-12-24 18:36:11 +01:00

reorganise community section, kick out wrigley

This commit is contained in:
Matthias Kretschmann 2017-06-22 14:52:59 +02:00
parent a1a21a91ed
commit 80e808600d
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 31 additions and 98 deletions

View File

@ -1,6 +1,5 @@
//=include bigchain/smoothscroll.js
//=include bigchain/newsletter.js
//=include bigchain/wrigley.js
jQuery(function($) {

View File

@ -76,13 +76,6 @@
.section--community {
text-align: center;
position: relative;
// make room for wrigely
padding-bottom: 200px;
@media ($screen-lg) {
padding-bottom: 0;
}
.section-header {
.section-description { margin-bottom: ($spacer * 2); }
@ -146,88 +139,8 @@
}
}
.text-milestones {
margin-top: ($spacer * 2);
}
//
// wrigley: positioned and animated
//
#wrigley {
@extend .img--responsive;
vertical-align: bottom;
width: 400px;
height: 220px;
position: absolute;
bottom: 0;
right: 0;
#arm {
transform-origin: right;
}
#head {
transform-origin: center;
}
#eye {
transform-origin: center;
}
#arm,
#head,
#eye {
animation: none;
}
&:hover,
&.is-ready {
#arm,
#head,
#eye {
&.paused { animation: none; }
}
#arm {
animation: wrigley-wink 1s ease-in-out;
}
#head {
animation: wrigley-head-nod 1s ease-in-out;
}
#eye {
&.is-ready {
animation: wrigley-blink .3s ease-in-out forwards;
animation-iteration-count: 2;
}
}
}
}
@keyframes wrigley-wink {
0% { transform: rotate(0); }
25%,
50% { transform: rotate(-20deg); }
30%,
100% { transform: rotate(0); }
}
@keyframes wrigley-head-nod {
0% { transform: rotate(0); }
25%,
50% { transform: rotate(-2deg); }
30%,
100% { transform: rotate(0); }
}
@keyframes wrigley-blink {
0% { transform: scaleY(1); }
50% { transform: scaleY(0); }
100% { transform: scaleY(1); }
.community__actions {
border-bottom: 1px solid $gray-dark;
margin-bottom: $spacer * 3;
padding-bottom: $spacer * 3;
}

View File

@ -176,12 +176,36 @@ redirect_from:
<section class="section section--community" id="community">
<div class="row">
<header class="section-header">
<h1 class="section-title">Get Involved</h1>
<h1 class="section-title">Get involved in the community</h1>
<p class="section-description">There are many ways you can contribute to the BigchainDB project, some very easy and others more involved. We welcome all potential contributors, so we ask that everyone participating abide by some simple guidelines.</p>
<a href="{{ site.social.github.url }}/{{ site.social.github.repo }}/blob/master/CONTRIBUTING.md" class="btn btn-primary btn-sm">Read The Guidelines</a>
</header>
</div>
<div class="row community__actions">
<div class="grid grid--full grid-small--fit grid--gutters">
<div class="grid__col">
<h5>Chat on Gitter</h5>
<p>Start a chat with us on Gitter.</p>
<a href="{{ site.social.gitter.url }}" class="btn btn-primary btn-sm">
Chat on Gitter
</a>
</div>
<div class="grid__col">
<h5>Open an issue</h5>
<p>So you found a bug? Report it!</p>
<a href="{{ site.social.github.url }}/{{ site.social.github.repo }}" class="btn btn-primary btn-sm">
Open issue
</a>
</div>
<div class="grid__col">
<h5>Guidelines</h5>
<p>Read up on our community guidelines.</p>
<a href="{{ site.social.github.url }}/{{ site.social.github.repo }}/blob/master/CONTRIBUTING.md" class="btn btn-primary btn-sm">Read Guidelines</a>
</div>
</div>
</div>
<div class="row">
<div class="grid grid--full grid-small--fit grid--gutters">
<div class="grid__col">
<h1>Follow</h1>
@ -199,11 +223,8 @@ redirect_from:
</div>
</div>
</div>
{% include svg/wrigley-with-stage.svg %}
</section>
{% include sections/section-newsletter.html %}