updated protfolio style

cof/directives.coffee

@@ -18,11 +18,18 @@ angular
   )
 
   .directive('customScroll', ()->
-    link: (scope, elm, attrs)->
+    link: (scoe, elm, attrs)->
       $(elm).mCustomScrollbar 
         theme: 'dark-2'
   )
 
+  .directive('copyToClipboard', ()->
+    link: (scope, elm, attrs) ->
+      elm.bind('click', ->
+        window.prompt('You can safely copy&past my bitcoin address :-)', elm.text())
+      )
+  )
+
   .directive('carousel', ()->
     scope: 
       carousel: '='

css/bootstrap.css

@@ -7912,6 +7912,11 @@ body h2 {
   padding-bottom: 2%;
 }
 
+.main .freelance a,
+.main .freelance h2 {
+  color: #06df43;
+}
+
 @media (max-width: 767px) {
   .main .freelance {
     padding-bottom: 16%;
@@ -7938,9 +7943,19 @@ body h2 {
           transition: all 200ms ease;
 }
 
+.main .contact a.contact-qrcode {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+}
+
+.main .contact a.contact-qrcode img {
+  width: 15%;
+}
+
 .main .contact a:hover {
-  color: #f9ff6b;
+  color: #f8ca00;
-  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.28);
+  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
   -webkit-transition: all 50ms ease;
      -moz-transition: all 50ms ease;
       -ms-transition: all 50ms ease;
@@ -8215,7 +8230,7 @@ body h2 {
 
 .dock a:hover .contact,
 .dock a.active .contact {
-  color: #f9ff6b;
+  color: #f8ca00;
 }
 
 .dock a:hover .profil,

js/directives.js

@@ -23,12 +23,20 @@
     };
   }).directive('customScroll', function() {
     return {
-      link: function(scope, elm, attrs) {
+      link: function(scoe, elm, attrs) {
         return $(elm).mCustomScrollbar({
           theme: 'dark-2'
         });
       }
     };
+  }).directive('copyToClipboard', function() {
+    return {
+      link: function(scope, elm, attrs) {
+        return elm.bind('click', function() {
+          return window.prompt('You can safely copy&past my bitcoin address :-)', elm.text());
+        });
+      }
+    };
   }).directive('carousel', function() {
     return {
       scope: {

less/theme.less

@@ -83,6 +83,10 @@ body {
 
     .freelance {
 
+        a, h2 {
+            color: darken(@profilColor, 20%);
+        }
+
         @media (max-width: 767px) {
             padding-bottom: 16%;
         }
@@ -105,10 +109,20 @@ body {
             padding-left: .5em;
             padding-right: .5em;
 
+            &.contact-qrcode {
+                width: 100%;
+                display: inline-block;
+                position: relative;
+
+                img {
+                    width: 15%;
+                }
+            }
+
             &:hover {
                 color: @contactColor;
                 .transition(all 50ms ease);
-                text-shadow: 0 1px 0 rgba(0, 0, 0, 0.28);
+                text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
 
             }
         }

less/variables.less

@@ -14,7 +14,7 @@
 @profilColor: rgb(81, 250, 128);
 @projectsColor: #3dc4de;
 @blogColor: rgb(255, 140, 150);
-@contactColor: rgb(249, 255, 107);
+@contactColor: #F8CA00;
 
 @font-face {
     font-family: 'junctionregularRegular';

partials/contact.html

@@ -12,5 +12,8 @@
    <a target="_blank" href="http://plus.google.com/101872645526916013771/posts"><i class="icon-google-plus icon-2x"></i></a>
    <br />
    <br />
-   <a class="contact-qrcode" href="javascript:void(0);" style="border:0 none;cursor:default;text-decoration:none;"><img src="http://api.qrserver.com/v1/create-qr-code/?data=BEGIN%3AVCARD%0AVERSION%3A2.1%0AFN%3AChakib%20Benziane%0AN%3ABenziane%3BChakib%0ATITLE%3AFreelance%20Developer%0ATEL%3BWORK%3BVOICE%3A(%2B33)%20615485453%0AEMAIL%3BWORK%3BINTERNET%3Achakib.benz%40gmail.com%0AURL%3Ahttp%3A%2F%2Fcbenz.com%0AADR%3A%3B%3B%3BParis%3B%3B%3BFrance%0AEND%3AVCARD%0A&#38;size=100x100&#38;color=606060&#38;prov=goqrme" alt="QR Code generator" title="" /></a>
+   <a class="contact-qrcode" href="javascript:void(0);" style="border:0 none;cursor:default;text-decoration:none;">
+      <img src="/img/contact.svg" alt="">
+   </a>
+
 </div>

partials/home.html

@@ -6,7 +6,7 @@
     <br><hr>
     <div class="container bitcoin">
     	<div class="row">
-    		<div class="offset4 span4"><img src="img/BC_Logo_.png" alt=""><em>Bitcoins accepted</em></div>
+    		<div class="offset4 span4"><a href="https://bitcoin.org/en/" target="_blank"><img src="img/BC_Logo_.png" alt=""></a><em>Bitcoins accepted</em></div>
     	</div>
     </div>
 <a class="qrcode" href="javascript:void(0);" style="border:0 none;cursor:default;text-decoration:none;"><img src="http://api.qrserver.com/v1/create-qr-code/?data=BEGIN%3AVCARD%0AVERSION%3A2.1%0AFN%3AChakib%20Benziane%0AN%3ABenziane%3BChakib%0ATITLE%3AFreelance%20Developer%0ATEL%3BWORK%3BVOICE%3A(%2B33)%20615485453%0AEMAIL%3BWORK%3BINTERNET%3Achakib.benz%40gmail.com%0AURL%3Ahttp%3A%2F%2Fcbenz.com%0AADR%3A%3B%3B%3BParis%3B%3B%3BFrance%0AEND%3AVCARD%0A&#38;size=155x155&#38;color=686868&#38;prov=goqrme" alt="QR Code generator" title="" /></a>