update protfolio

10 years ago · 89296ef169
parent 4202c80d94
commit 89296ef169
9 changed files with 403 additions and 33 deletions
--- a/cof/directives.coffee
+++ b/cof/directives.coffee
@ -33,10 +33,8 @@ angular
      img.src = carousel[cIndex]

      setInterval(->
-          $(img).toggleClass('fadeIn fadeOut')
-
          setTimeout(->
-              $(img).hide()
+              $(img).css({opacity: 0.1})
            ,
              100
          )
@ -48,8 +46,7 @@ angular

          img.src = carousel[cIndex]
          setTimeout(->
-              $(img).toggleClass('fadeOut fadeIn')
-              $(img).show()
+              $(img).css({opacity: 1})
            ,
              200
            )
--- a/css/bootstrap.css
+++ b/css/bootstrap.css
--- a/css/bootstrap.min.css
+++ b/css/bootstrap.min.css
--- a/img/iMac.png
+++ b/img/iMac.png
--- a/img/zapawa.png
+++ b/img/zapawa.png
--- a/index.html
+++ b/index.html
@ -2,7 +2,7 @@
 <html lang="en">
 <head>
  <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">
  <link rel="stylesheet" href="css/app.css"/>
  <link rel="stylesheet" href="css/bootstrap.min.css"/>
--- a/less/compile.less
+++ b/less/compile.less
@ -4,6 +4,7 @@

@import "../lib/bootstrap/less/bootstrap.less";
@import "../lib/fontawesome/less/font-awesome.less";
+@import "../lib/lesshat/lesshat.less";
@FontAwesomePath:   "../lib/fontawesome/font";
@import "variables.less";
@import "theme.less";
--- a/less/theme.less
+++ b/less/theme.less
@ -115,7 +115,7 @@ body {
    }

    .projects {
-        
+
        img, video {
            width: 100% !important;
            height: auto !important;
@ -137,7 +137,10 @@ body {

            &.morrisby {
                .demo {
-                    margin-top: 40px;
+                    margin-top: 20px;
+                    width: 80%;
+                    margin-left: auto;
+                    margin-right: auto;
                }

                video {
@ -154,6 +157,27 @@ body {
                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 {
                position: relative;

@ -241,19 +265,19 @@ body {
        }

        i {
-            font-size: 4.5em;
+            font-size: 3.5em;
            .transition(all 200ms ease);

            &.contact {
-                font-size: 4.5em;
+                font-size: 3.5em;
            }

            @media (max-width: 767px) {
-                font-size: 2em;
+                font-size: 1em;

-            &.contact {
-                font-size: 1.5em;
-            }
+                &.contact {
+                    font-size: 0.5em;
+                }
            }
        }
    }
--- a/partials/projects.html
+++ b/partials/projects.html
@ -86,7 +86,8 @@
            <br>
            <p>Technologies: <em>Bootstrap, Angular JS, Less</em></p>
            <hr>
-            <div class="images">
+            <div class="demo">
+                <img src="/img/iMac.png" alt="">
                <img src="/img/zapawa.png" alt="">
            </div>