diff --git a/_src/_assets/images/wrigley-avatar.svg b/_src/_assets/images/wrigley-avatar.svg new file mode 100644 index 0000000..22a04b1 --- /dev/null +++ b/_src/_assets/images/wrigley-avatar.svg @@ -0,0 +1,68 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/_src/_assets/images/wrigely.svg b/_src/_assets/images/wrigley.svg similarity index 99% rename from _src/_assets/images/wrigely.svg rename to _src/_assets/images/wrigley.svg index e9b2a1a..464cb95 100644 --- a/_src/_assets/images/wrigely.svg +++ b/_src/_assets/images/wrigley.svg @@ -34,7 +34,6 @@ } - wrigely diff --git a/_src/_assets/javascripts/page-community.js b/_src/_assets/javascripts/page-community.js index 4c634af..ab88b7b 100644 --- a/_src/_assets/javascripts/page-community.js +++ b/_src/_assets/javascripts/page-community.js @@ -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); }); diff --git a/_src/_assets/styles/_page-about.scss b/_src/_assets/styles/_page-about.scss index 067d78d..d99625e 100644 --- a/_src/_assets/styles/_page-about.scss +++ b/_src/_assets/styles/_page-about.scss @@ -2,6 +2,6 @@ .grid--team { // manually center last column .grid__col:last-child { - margin: auto; + //margin: auto; } } diff --git a/_src/_assets/styles/_page-community.scss b/_src/_assets/styles/_page-community.scss index bc99503..0c4908f 100644 --- a/_src/_assets/styles/_page-community.scss +++ b/_src/_assets/styles/_page-community.scss @@ -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); } diff --git a/_src/_assets/styles/bigchain/_team.scss b/_src/_assets/styles/bigchain/_team.scss index 97217fe..247db12 100644 --- a/_src/_assets/styles/bigchain/_team.scss +++ b/_src/_assets/styles/bigchain/_team.scss @@ -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; } diff --git a/_src/_data/team.yml b/_src/_data/team.yml index 3a7521c..f2844c4 100644 --- a/_src/_data/team.yml +++ b/_src/_data/team.yml @@ -116,3 +116,8 @@ twitter: sohkai github: SohKai linkedin: brettsun + +- name: Wrigley the Buffalo + position: Community Manager + image: wrigley-avatar.svg + github: wrigley diff --git a/_src/_includes/svg/wrigely-with-stage.svg b/_src/_includes/svg/wrigley-with-stage.svg similarity index 99% rename from _src/_includes/svg/wrigely-with-stage.svg rename to _src/_includes/svg/wrigley-with-stage.svg index 91b6a24..69ba1e2 100644 --- a/_src/_includes/svg/wrigely-with-stage.svg +++ b/_src/_includes/svg/wrigley-with-stage.svg @@ -1,4 +1,4 @@ - +