add avatar breathe

.gitignore

@@ -0,0 +1,2 @@
+.DS_Store
+Thumbs.db

source/css/_partial/layout.less

@@ -54,8 +54,17 @@
         border-radius: 50%;
         overflow: hidden;
         box-shadow: @boxShadow;
+        background-image: -webkit-gradient(linear, left top, left bottom, from(#6cc3fe), to(#21a1d0));
+        -webkit-animation-timing-function: ease-in-out;
+        -webkit-animation-name: breathe;
+        -webkit-animation-duration: 2700ms;
+        -webkit-animation-iteration-count: infinite;
+        -webkit-animation-direction: alternate;
+    }
+    @-webkit-keyframes breathe {
+        0% { opacity: .2; box-shadow:0 1px 2px rgba(255,255,255,0.1);}
+        100% { opacity: 1; border:1px solid rgba(59,235,235,1); box-shadow:0 1px 30px rgba(59,255,255,1);}
     }
-
     .introduce {
         margin: 1em 0 0;
         color: @textPrimaryColor;

source/css/_partial/variable.less

@@ -6,14 +6,14 @@
 // font-size
 @font-size: 15px;
 // Palette generated by Material Palette - materialpalette.com/indigo/pink
-@darkPrimaryColor: #303f9f;
-@primaryColor: #3f51b5;
-@lightPrimaryColor: #c5cae9;
-@textPrimaryColor: #fff;
-@accentColor: #ff4081;
-@primaryTextColor: #212121;
-@secondaryTextColor: #727272;
-@dividerColor: #b6b6b6;
+@darkPrimaryColor:   #0288D1;
+@primaryColor:       #03A9F4;
+@lightPrimaryColor:  #B3E5FC;
+@textPrimaryColor:   #FFFFFF;
+@accentColor:        #00BCD4;
+@primaryTextColor:   #212121;
+@secondaryTextColor: #757575;
+@dividerColor:       #BDBDBD;
 @borderColor: #dadada;
 @backColor: #f6f6f6;
 @codeBg: #f5f5f5;