updated protfolio style

master v0.5
chakib benziane 10 years ago
parent e76d1d629a
commit ebc86dda29

@ -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: '='

21
css/bootstrap.css vendored

@ -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;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.28);
color: #f8ca00;
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,

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 43 KiB

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

@ -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);
}
}

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

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

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