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 @@
-