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

Merge pull request #59 from ascribe/feature/wrigelyteam

Wrigley as team member
This commit is contained in:
Matthias Kretschmann 2016-02-17 19:09:14 +01:00
commit d000ad1a05
9 changed files with 120 additions and 35 deletions

View File

@ -0,0 +1,68 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="wrigley-avatar_1_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 250 250" style="enable-background:new 0 0 250 250;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:#A8A8A8;}
.st2{fill:#D1D1D1;}
.st3{fill:#111111;}
.st4{fill:#2B363F;}
</style>
<rect id="background_1_" class="st0" width="250" height="250"/>
<g id="wrigley_1_">
<path class="st1" d="M52.9,219.9l0.2,30.1c3.7,0,7.4,0,11,0l4-23.5c20.2-14.8,22.7-33.9,24.5-44.4c1-6,5.5-23.5,5.5-23.5
S59.1,203.8,52.9,219.9z"/>
<path class="st2" d="M103.1,87.5c-12.5,1.9-32.2-35.2-32.2-35.2s6.9,58,34.3,50.3C108.7,101.6,106.7,86.9,103.1,87.5z"/>
<path class="st1" d="M120.7,250c0.3,0,0.6,0,0.9,0c6.9,0,13,0,19.9,0c7.9,0,15,0,22.9,0c-0.1-5-0.1-10.3,0-16
c0.3-23.3,12.6-38.9,12.9-65.6l-16-81.4L102,145.3c-7.6,7.4-11.3,18-10,28.6c1.2,10.3-9,23.3-4.1,53.9c1.4,8.7,1.8,15.9,1.8,22.3
c7.9,0,15,0,23,0C115,250,118.2,250,120.7,250z"/>
<path class="st1" d="M209.7,205.9c-6.2-16.1-45.2-61.3-45.2-61.3s4.4,17.5,5.5,23.5c1.8,10.5,4.3,29.6,24.5,44.4l6.4,37.5
c2.7,0,5.8,0,8.5,0L209.7,205.9z"/>
<path class="st2" d="M89,174.8c0,0-6.5,28.4,1.2,73.1c0.1,0.7,0.3,1.4,0.4,2.1c7.6,0,14.4,0,22.1,0c2.4,0,5.6,0,8.1,0
c0.3,0,0.6,0,0.9,0c6.9,0,13,0,19.9,0c5.4,0,10.5,0,15.6,0c0.9-10.7,2-21.5,4-29.8c7.2-29.3,12.5-40.5,12.5-40.5L89,174.8z"/>
<path class="st3" d="M65.1,159.4c0.2-0.7,0.7-1.5,1-2.4c0.3-0.7,0.6-1.4,0.8-2.2c-0.2,0.2-0.4,0.4-0.5,0.6
c-0.2,0.3-0.4,0.6-0.6,0.9c0-0.4,0-0.8,0.2-1.1c0.2-0.7,0.7-1.5,1-2.4l0,0c0.1-7.6,0.5-25.9,3.5-41.8c0.4-2.2,0.8-4.2,1.1-6
l-0.1,0.1c-0.3,0.3-0.6,0.5-0.6,0.5c0-0.3,0.1-0.5,0.2-0.8c0.2-0.6,0.4-1.2,0.8-1.7l0.1-0.2l0.4-2c-0.2,0.4-0.4,0.7-0.6,0.9
c-0.3,0.5-0.5,0.7-0.5,0.7c0-0.3,0-0.6,0-0.9c0.1-0.7,0.2-1.4,0.5-2s0.6-1.2,1.1-1.6c1-5.1,1.8-8.1,2.7-9.9
c1.3-2.5,1.8-16.8,15.6-20.3c6.2-1.6-1.8-10.5,3.2-14c4.8-3.4,10.5,0.8,15.3-2.2c4.3-2.6,16.8-2.7,21.8,0c5.9,3.2,6.1,1.3,6.5,2.2
l0,0c-0.1-0.3-0.2-0.6-0.3-0.8l-0.5-1.1c0.3,0.2,0.7,0.5,0.9,0.8c0.7,0.8,1.2,1.7,1.5,2.7v0.1l0.8,0.8v-0.2c0-0.2-0.1-0.4-0.1-0.5
c-0.1-0.3-0.2-0.5-0.5-0.6c-0.1,0-0.2-0.1-0.3-0.1c0.1-0.1,0.2-0.1,0.3-0.1c0.3,0,0.7,0.2,0.9,0.5c0.2,0.2,0.3,0.4,0.4,0.6
c0.1,0.2,0.2,0.4,0.3,0.7c0.1,0.4,0.3,0.7,0.4,1.1l0.5,0.5c-2.9-6.3,5.3,6.2,9.7,10.5c3.9-0.6,8-0.1,11.1,2
c2.4,1.7,4.6,3.6,6.5,5.8l1,0.6c1.5,0.9,2.9,2,4.2,3.2l-0.5-0.2c0.2,0.2,0.4,0.3,0.6,0.5c0.3,0.3,0.6,0.6,0.9,0.9
c0,0-0.5-0.2-1.1-0.5c-0.7-0.3-1.6-0.7-2.6-1.2c0.3,0.5,0.5,1,0.7,1.6c0.5,0.7,1,1.4,1.4,2.1c0.2,0.4,0.5,0.9,0.6,1.4l-0.4-0.4
c0.3,0.7,0.5,1.4,0.7,2.1c0.1,0.5,0.2,0.9,0.3,1.4l-0.7-1.2l-0.8-1.4c1.8,5.2,5.7,5,8,7.9c3.2,4-2,8.1,2.7,12.4
c3.6,3.3,4.2,8.5,4.2,11.8c0.3,0.6,0.6,1.1,0.9,1.7c0.5,1.1,0.8,2.2,1,3.4c-0.8-0.8-1.4-1.8-1.9-2.9c0,0.6,0,1.1-0.1,1.7
c0.2,0.3,0.3,0.7,0.4,1c0.4,1,0.6,2.1,0.7,3.1c0.1,0.4,0.1,0.9,0.1,1.3c-0.6-1.1-1.1-2.2-1.6-3.4c-1.1,6-4.3,8.5-3,14.1
c1.3,5.5,4.8,5.6,5.2,10.6c0.4,7-6.3,12.4-7.1,12.9c-0.7,0.5-1.4,1-2.1,1.4c0.3,1.1,0.5,2.3,0.5,3.4c0,1.1-0.2,2.2-0.5,3.3
c-0.1,0.4-0.3,0.9-0.5,1.3V169c0-0.8,0-2,0-3.2c0-0.1,0-0.2,0-0.3c-0.2,1-0.5,1.9-0.7,2.5c-0.5,1.7-2.5,4.9-6.3,11.1
c-3.2,5.3-4.9,8-6.9,10.3c-3.2,3.6-4.5,3.8-6.8,5.9c0,0.3,0,0.7,0,0.9c0,1.1,0,1.7,0,1.7c-0.2-0.5-0.4-1.1-0.5-1.7
c0-0.1-0.1-0.3-0.1-0.4c-0.3,0.3-0.6,0.6-0.9,1c-0.3,0.4-0.6,0.8-0.9,1.2c0,0.5,0,1,0,1.4c0,0.7-0.1,1.2-0.1,1.2
c-0.2-0.4-0.3-0.8-0.5-1.1c0-0.2-0.1-0.3-0.1-0.5c-1.7,2.5-3.2,5.6-5.4,10.6c-3.4,7.6-5.2,11.3-5.3,14.9c-0.2,2.7-0.9,5.4-2.2,7.8
c0.1,0.4,0.1,0.9,0,1.3c-0.1,0.6-0.3,1.1-0.6,1.7c-0.1,0.2-0.3,0.4-0.4,0.6c0,0-0.1-0.3-0.1-0.7c0-0.3,0-0.6,0-0.9
c-1.7,2.9-4.1,5.3-7,7.1c-4.6,2.5-15.7,5.3-20.6,3.6c-10.9-3.6-11.8-12.6-13.1-16.8c-0.4-1.3-0.8-2.5-1.4-3.6
c0,0.9,0.1,1.8,0.3,2.6c0.1,0.3,0.2,0.6,0.3,0.9l0.1,0.3l-0.3-0.3c-0.2-0.2-0.4-0.5-0.6-0.8c-0.8-1.3-1-2.9-0.6-4.4
c-2.6-4.4-6-6.8-9.3-12.9c-1.8-3.2-0.8-1.5-9.6-12c-13.7-16.5-10.1-10.3-13.4-17.3c-3.4-7.3-1.1-15.8-0.7-23.3
c-0.4,0.6-0.8,1.2-1.3,1.8c-0.2,0.3-0.4,0.6-0.6,0.9C64.9,160.2,65,159.8,65.1,159.4z"/>
<path class="st1" d="M158.2,115.9c0,0,1.7,14.2,3.9,22.9c1.6,6.3-8.1,17-14.4,23.5c-1.6,1.6-3,3-4,4c-1.1,1.1-2.5,2-3.9,2.5
l-3.6,1.4c-2,0.8-3.8,2.2-5,4.1l-7.7,11.7c-2.1,3.2-5.1,5.6-8.7,6.8l-11.4,3.9c-3.2,1.1-6.7,1.1-9.8-0.1l-14.4-5.2
c-4.7-1.7-8.3-5.7-9.3-10.6l-1.6-7.3c-0.4-1.7,2.8-39.1,2.8-39.1c0.1-1.1,1.9-16.2,2.2-17.9c0.7-4.3,2.4-16.1,11.7-42
c11.7-32.8,56.2-7.7,56.2-7.7c15.6,21.2,1.7-11.7,18.6,29"/>
<ellipse transform="matrix(0.9906 -0.1368 0.1368 0.9906 -15.5492 17.3422)" cx="118.4" cy="121.8" rx="6.5" ry="6.5"/>
<ellipse transform="matrix(0.2843 -0.9587 0.9587 0.2843 -105.831 207.7341)" cx="86.2" cy="174.8" rx="6.5" ry="5.2"/>
<ellipse transform="matrix(0.2843 -0.9587 0.9587 0.2843 -113.3643 195.781)" cx="74.5" cy="173.8" rx="5.6" ry="4.5"/>
<path class="st2" d="M133.8,83.3c18.6-2.4,34.5-44.4,34.5-44.4s9.6,57.6-32.4,59.5C130.5,98.6,128.5,83.9,133.8,83.3z"/>
<path class="st3" d="M85.7,63.5c-1.7,2-5.1,6.2-4.7,11.9c0.3,3.9,2.4,9.2,6.3,10.4c4.2,1.2,6.6-3.6,11.8-2.6
c4.1,0.8,7.5,3.6,11.6,4.6c5,1.2,7.6-0.2,13.8-0.7c6.5-0.5,3.1-1.7,7.4-2.7c4.7-1.1,9-3.3,12.5-6.5c1.7-1.6,4.5-4.6,4.5-4.6
c-0.6-8.7-15.5-14.9-17.1-16.1C118.1,47,95.4,51.9,85.7,63.5z"/>
<path class="st2" d="M80.6,91.5c6.1-6.6,23.9-4.1,28.4,4.7c0.8,1.6,1.3,3.7,0,11.3c-2.6,15.3-8.3,24.4-19.6,42.5
c-0.7,1.1-2.1,3.3-4.4,3.6c-3.7,0.5-9.3-2.3-10.1-3.5c-4.3-6-2.9-10.3-2.2-24c0.3-5.8,1.2-12.2,4.2-24
C77.7,98.6,78.3,93.9,80.6,91.5z"/>
<path class="st4" d="M85.7,193.6c1.7,0,3.4,0,5-0.1c1.7-0.1,3.4-0.3,5.1-0.7c0.9-0.2,1.8-0.4,2.8-0.7c0.9-0.3,1.9-0.6,2.8-1
c0.5-0.2,0.9-0.4,1.3-0.6c0.4-0.2,0.9-0.5,1.2-0.7c0.4-0.3,0.8-0.5,1.2-0.8c0.4-0.3,0.7-0.6,1.1-0.9c1.2-1.1,2.3-2.5,3-3.9
c0.2-0.3,0.3-0.6,0.5-1c0.1-0.3,0.3-0.6,0.4-0.9c0.2-0.6,0.4-1.1,0.5-1.5l0.4-1.3l-0.1,1.3c0,0.4-0.2,1-0.3,1.6
c-0.1,0.3-0.2,0.6-0.3,1c-0.1,0.4-0.2,0.7-0.4,1.1c-0.3,0.8-0.7,1.5-1.2,2.2c-0.5,0.8-1.1,1.5-1.8,2.2c-0.3,0.4-0.7,0.7-1.1,1
s-0.8,0.6-1.2,0.9c-0.4,0.3-0.9,0.5-1.3,0.8c-0.5,0.3-0.9,0.5-1.4,0.7c-1,0.4-1.9,0.7-2.9,1s-1.9,0.5-2.9,0.6
c-0.9,0.1-1.8,0.2-2.8,0.3c-0.9,0-1.7,0-2.5,0C89.1,194.2,87.4,194,85.7,193.6z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.1 KiB

View File

@ -34,7 +34,6 @@
}
</style>
</defs>
<title>wrigely</title>
<g>
<path class="cls-1" d="M824.74,242.87C783,240.4,751.5,270.32,751.5,270.32l-37.75-34.76h-2.92l34.8,50s56.76-10.16,71.28-21.85c3.92-3.15,9.86-17.52,9.86-17.52S825.72,242.93,824.74,242.87Z" transform="translate(-701.59 -90.15)"/>
<path class="cls-2" d="M712.25,238.56c1.12,0.3,2.42-.2,3.07-1.9a20.29,20.29,0,0,0,.66-11.27c-2.62-6-9.82-9.46-11.4-8-1.93,1.72,4,11,3.1,11.49l-4.24-7.2s-4.51,3.25.56,10.06C705.57,233.79,708.09,237.45,712.25,238.56Z" transform="translate(-701.59 -90.15)"/>

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

View File

@ -3,45 +3,45 @@
jQuery(function($) {
var wrigely = $('#wrigely'),
wrigelyArm = wrigely.find('#arm'),
wrigelyHead = wrigely.find('#head'),
wrigelyEye = wrigely.find('#eye');
var wrigley = $('#wrigley'),
wrigleyArm = wrigley.find('#arm'),
wrigleyHead = wrigley.find('#head'),
wrigleyEye = wrigley.find('#eye');
var wrigelyAnimationStart = function() {
var wrigleyAnimationStart = function() {
// set utility classes
if (wrigely.is( ':in-viewport( -180 )' ) ) {
wrigely.addClass('is-ready');
if (wrigley.is( ':in-viewport( -180 )' ) ) {
wrigley.addClass('is-ready');
// toggle paused class so the :hover interaction can fire animation again
wrigelyArm.on('animationend webkitAnimationEnd oAnimationEnd', function(e) {
wrigelyArm.addClass('paused');
wrigelyHead.addClass('paused');
wrigleyArm.on('animationend webkitAnimationEnd oAnimationEnd', function(e) {
wrigleyArm.addClass('paused');
wrigleyHead.addClass('paused');
wrigely.on('mouseover', function() {
wrigelyArm.removeClass('paused');
wrigelyHead.removeClass('paused');
wrigley.on('mouseover', function() {
wrigleyArm.removeClass('paused');
wrigleyHead.removeClass('paused');
});
// fire eye blinking once other animations have finished
wrigelyEye.addClass('is-ready');
wrigleyEye.addClass('is-ready');
wrigelyEye.on('animationend webkitAnimationEnd oAnimationEnd', function(e) {
wrigelyEye.removeClass('is-ready');
wrigleyEye.on('animationend webkitAnimationEnd oAnimationEnd', function(e) {
wrigleyEye.removeClass('is-ready');
});
}
);
} else {
wrigely.removeClass('is-ready').removeClass('paused');
wrigelyArm.removeClass('paused');
wrigelyHead.removeClass('paused');
wrigelyEye.removeClass('is-ready').removeClass('paused');
wrigley.removeClass('is-ready').removeClass('paused');
wrigleyArm.removeClass('paused');
wrigleyHead.removeClass('paused');
wrigleyEye.removeClass('is-ready').removeClass('paused');
}
}
// fire all the viewport things
wrigelyAnimationStart();
$(window).on('load resize scroll', wrigelyAnimationStart);
wrigleyAnimationStart();
$(window).on('load resize scroll', wrigleyAnimationStart);
});

View File

@ -2,6 +2,6 @@
.grid--team {
// manually center last column
.grid__col:last-child {
margin: auto;
//margin: auto;
}
}

View File

@ -73,9 +73,9 @@
//
// wrigely: positioned and animated
// wrigley: positioned and animated
//
#wrigely {
#wrigley {
@extend .img--responsive;
vertical-align: bottom;
height: 220px;
@ -107,14 +107,14 @@
&.paused { animation: none; }
}
#arm {
animation: wrigely-wink 1s ease-in-out;
animation: wrigley-wink 1s ease-in-out;
}
#head {
animation: wrigely-head-nod 1s ease-in-out;
animation: wrigley-head-nod 1s ease-in-out;
}
#eye {
&.is-ready {
animation: wrigely-blink .3s ease-in-out forwards;
animation: wrigley-blink .3s ease-in-out forwards;
animation-iteration-count: 2;
}
}
@ -122,19 +122,19 @@
}
@keyframes wrigely-wink {
@keyframes wrigley-wink {
0% { transform: rotate(0); }
25%, 50% { transform: rotate(-20deg); }
30%, 100% { transform: rotate(0); }
}
@keyframes wrigely-head-nod {
@keyframes wrigley-head-nod {
0% { transform: rotate(0); }
25%, 50% { transform: rotate(-2deg); }
30%, 100% { transform: rotate(0); }
}
@keyframes wrigely-blink {
@keyframes wrigley-blink {
0% { transform: scaleY(1); }
50% { transform: scaleY(0); }
100% { transform: scaleY(1); }

View File

@ -26,7 +26,7 @@
height: 1px;
width: 3rem;
display: block;
margin: ($spacer / 2) auto;
margin: ($spacer / 1.3) auto ($spacer / 2) auto;
background: $brand-main-blue-light;
}
}
@ -51,6 +51,19 @@
background: transparent;
}
&:hover,
&:focus {
transform: translateY(-1px);
filter: drop-shadow(0 1px 4px rgba($brand-main-blue-dark, .4));
}
&:active {
filter: drop-shadow(0 1px 2px rgba($brand-main-blue-dark, .3));
outline: 0;
transform: none;
}
.icon {
fill: $brand-primary;
}

View File

@ -116,3 +116,8 @@
twitter: sohkai
github: SohKai
linkedin: brettsun
- name: Wrigley the Buffalo
position: Community Manager
image: wrigley-avatar.svg
github: wrigley

View File

@ -1,4 +1,4 @@
<svg id="wrigely" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1091.39 595.28">
<svg id="wrigley" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1091.39 595.28">
<defs>
<style>
.cls-1 {

Before

Width:  |  Height:  |  Size: 9.0 KiB

After

Width:  |  Height:  |  Size: 9.0 KiB

View File

@ -57,5 +57,5 @@ js: page-community.min.js
</div>
{% include svg/wrigely-with-stage.svg %}
{% include svg/wrigley-with-stage.svg %}
</section>