Merge branch 'master' of https://github.com/salomonelli/best-resume-ever

src/resumes/material-dark.vue

@@ -75,7 +75,7 @@
       </div>
     </a>
 
-    <div class="item last">
+    <div class="item">
       <div class="section-headline">
         {{ lang.skills }}
       </div>
@@ -90,15 +90,27 @@
         </div>
       </div>
     </div>
+
+    <div class="item last">
+      <div v-if="person.knowledge" class="section-headline">
+        {{ lang.additionalSkills }}
+      </div>
+      <div v-if="person.knowledge" class="skill">
+        <div class="right">
+          <span>{{person.knowledge}}</span>
+        </div>
+      </div>
+    </div>
   </div>
 
   <div class="rightCol">
     <div class="title">
       <h2>{{person.name.first}} {{person.name.middle}} {{person.name.last}}</h2>
-      <div>{{person.position}}</div>
+      <div class="description">{{person.position}}</div>
+      <span class="about">{{person.about}}</span>
     </div>
 
-    <div class="section-headline">{{ lang.experience }}</div>
+    <div class="section-headline experience">{{ lang.experience }}</div>
     <div class="block" v-for="experience in person.experience" :key="experience.company">
       <a
       :href="experience.website">
@@ -160,7 +172,7 @@ a {
 .title {
   right:25px;
   padding-left:20px;
-  padding-top:20px;
+  padding-top:10px;
   bottom:25px;
   h2 {
     text-transform:uppercase;
@@ -200,6 +212,10 @@ a {
     text-transform:uppercase;
     opacity:0.8;
   }
+  .description {
+    margin-top: -20px;
+    margin-botton: 20px;
+  }
 }
 .section-headline {
   text-transform:uppercase;
@@ -208,8 +224,8 @@ a {
   font-size:10pt;
   opacity:0.8;
   margin-left:20px;
-  margin-top:40px;
-  margin-bottom:20px;
+  margin-top:12px;
+  margin-bottom:6px;
   color:#3f3d3c;
 }
 .c {
@@ -271,6 +287,16 @@ h4 {
   float:right;
   display:flex;
   flex-direction:column;
+  .experience {
+    margin-top: 40px;
+  }
+  .about {
+    display: block;
+    margin-top:8px !important;
+    font-weight:375;
+    font-size: 16px;
+    color:rgba(0,0,0,0.541176);
+  }
   .block {
     width:90%;
     position:relative;
@@ -404,6 +430,9 @@ h4 {
       clear:both;
       width:97%;
       padding-top:4px;
+      span {
+        font-size: 13px;
+      }
       .left {
         float:left;
         width:10%;
@@ -445,9 +474,15 @@ h4 {
       }
     }
   }
-  .item.last .text {
-    border-bottom-style:none;
-    padding-bottom:0;
+  .item.last{ 
+    .text {
+      border-bottom-style:none;
+      padding-bottom:0;
+    }
+
+    .section-headline {
+      margin-top: 0 !important;
+    }
   }
 }
 #myselfpic {

src/resumes/oblique.vue

@@ -15,6 +15,7 @@
     </div>
   </div>
   <div class="resume-content">
+    <div class="about">{{person.about}}</div>
     <div class="experience">
       <h3>{{ lang.experience }}</h3>
 
@@ -46,7 +47,7 @@
       <h3>{{ lang.skills }}</h3>
       <div class="skills" v-for="skill in person.skills" :key="skill.name">
         <div class="skill-block">
-          <i class="material-icons">details</i>
+          <i class="material-icons">keyboard_arrow_right</i>
           <span class="skill">{{skill.name}}</span>
         </div>
       </div>
@@ -93,6 +94,7 @@ export default Vue.component(name, getVueOptions(name));
     font-weight:bold;
     text-transform:uppercase;
     margin-bottom:10px;
+    font-size: 22px;
   }
   .resume-header .triangle {
     width:0;
@@ -102,13 +104,13 @@ export default Vue.component(name, getVueOptions(name));
     border-color:#006064 transparent transparent transparent;
     position:absolute;
     left:-600px;
-    top:0;
+    top:-200px;
   }
   .resume-header .person-header {
     position:absolute;
     z-index:20;
     right:15%;
-    top:200px;
+    top:50px;
     .person-wrapper {
       overflow:hidden;
       position:relative;
@@ -145,15 +147,25 @@ export default Vue.component(name, getVueOptions(name));
       margin-top:10px;
     }
   }
+  .company {
+    font-weight:bold;
+  }
   .resume-content {
     margin-top:435px;
     margin-left:15%;
     width:70%;
+    .about {
+      font-size: 20px;
+      font-weight: 350;
+      top: -200px;
+      margin-top: -200px;
+      width: 375px;
+    }
     .experience .experience-block {
       line-height:1;
       margin-bottom:10px;
       .row:first-child {
-        font-size:20px;
+        font-size:18px;
         text-transform:uppercase;
         i {
           font-size:17px;
@@ -193,7 +205,7 @@ export default Vue.component(name, getVueOptions(name));
     line-height:1;
   }
   .contact {
-    margin-top:50px;
+    margin-top: 0px;
     a, span {
       display:inline-block;
       font-size:20px;

src/resumes/side-bar-rtl.vue

@@ -158,6 +158,7 @@ export default Vue.component(name, getVueOptions(name));
       text-align:center;
       letter-spacing:2px;
       margin-bottom:3px;
+      direction: ltr;
       a {
         color:black;
       }