blob42
/
sp4ke.github.com
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update protfolio

Browse Source
master
chakib benziane 10 years ago
parent 4202c80d94
commit 89296ef169
9 changed files with 403 additions and 33 deletions
Show Stats Download Patch File Download Diff File

7
cof/directives.coffee
Unescape Escape View File

@ -33,10 +33,8 @@ angular
img.src = carousel[cIndex] img.src = carousel[cIndex]
setInterval(-> setInterval(->
$(img).toggleClass('fadeIn fadeOut')
setTimeout(-> setTimeout(->
$(img).hide() $(img).css({opacity: 0.1})
, ,
100 100
) )
@ -48,8 +46,7 @@ angular
img.src = carousel[cIndex] img.src = carousel[cIndex]
setTimeout(-> setTimeout(->
$(img).toggleClass('fadeOut fadeIn') $(img).css({opacity: 1})
$(img).show()
, ,
200 200
) )

379
css/bootstrap.css vendored
View File

File diff suppressed because it is too large Load Diff

4
css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

BIN
img/iMac.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 140 KiB

BIN
img/zapawa.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 712 KiB

After

Width:  |  Height:  |  Size: 278 KiB

2
index.html
Unescape Escape View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Chakib Benziane - Entrepreneur, Developer, Designer</title> <title>Chakib Benziane - UI/UX Designer - Frontend Engineer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/app.css"/> <link rel="stylesheet" href="css/app.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css"/> <link rel="stylesheet" href="css/bootstrap.min.css"/>

1
less/compile.less
Unescape Escape View File

@ -4,6 +4,7 @@
@import "../lib/bootstrap/less/bootstrap.less"; @import "../lib/bootstrap/less/bootstrap.less";
@import "../lib/fontawesome/less/font-awesome.less"; @import "../lib/fontawesome/less/font-awesome.less";
@import "../lib/lesshat/lesshat.less";
@FontAwesomePath: "../lib/fontawesome/font"; @FontAwesomePath: "../lib/fontawesome/font";
@import "variables.less"; @import "variables.less";
@import "theme.less"; @import "theme.less";

40
less/theme.less
Unescape Escape View File

@ -115,7 +115,7 @@ body {
} }
.projects { .projects {
img, video { img, video {
width: 100% !important; width: 100% !important;
height: auto !important; height: auto !important;
@ -137,7 +137,10 @@ body {
&.morrisby { &.morrisby {
.demo { .demo {
margin-top: 40px; margin-top: 20px;
width: 80%;
margin-left: auto;
margin-right: auto;
} }
video { video {
@ -154,6 +157,27 @@ body {
width: 100% width: 100%
} }
&.zapawa {
.demo {
width: 80%;
margin-left: auto;
margin-right: auto;
}
img:first-child {
z-index: 10;
}
img:nth-child(2) {
position: absolute;
z-index: 1;
width: 91.5% !important;
left: 50%;
.translate(-50%, 0%);
top: 4%;
}
}
.demo { .demo {
position: relative; position: relative;
@ -241,19 +265,19 @@ body {
} }
i { i {
font-size: 4.5em; font-size: 3.5em;
.transition(all 200ms ease); .transition(all 200ms ease);
&.contact { &.contact {
font-size: 4.5em; font-size: 3.5em;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
font-size: 2em; font-size: 1em;
&.contact { &.contact {
font-size: 1.5em; font-size: 0.5em;
} }
} }
} }
} }

3
partials/projects.html
Unescape Escape View File

@ -86,7 +86,8 @@
<br> <br>
<p>Technologies: <em>Bootstrap, Angular JS, Less</em></p> <p>Technologies: <em>Bootstrap, Angular JS, Less</em></p>
<hr> <hr>
<div class="images"> <div class="demo">
<img src="/img/iMac.png" alt="">
<img src="/img/zapawa.png" alt=""> <img src="/img/zapawa.png" alt="">
</div> </div>