diff --git a/src/assets/preview/resume-side-bar-projects.png b/src/assets/preview/resume-side-bar-projects.png index 40bc996..0fab7f2 100644 Binary files a/src/assets/preview/resume-side-bar-projects.png and b/src/assets/preview/resume-side-bar-projects.png differ diff --git a/src/resumes/side-bar-projects.vue b/src/resumes/side-bar-projects.vue old mode 100755 new mode 100644 index 1c73d0d..66c1256 --- a/src/resumes/side-bar-projects.vue +++ b/src/resumes/side-bar-projects.vue @@ -11,7 +11,7 @@
-

{{ lang.contact }}

+

Contact

{{person.contact.email}}
@@ -41,7 +41,7 @@
-

{{ lang.skills }}

+

Skills

{{skill.name}} @@ -52,7 +52,7 @@
-

{{ lang.experience }}

+

Experience

{{experience.company}} - @@ -67,7 +67,7 @@
-

{{ lang.projects }}

+

Projects

{{project.name}} @@ -80,7 +80,7 @@
-

{{ lang.education }}

+

Education

{{education.degree}} @@ -182,6 +182,40 @@ export default Vue.component(name, getVueOptions(name)); font-size:10px; color:rgba(153,153,153,0.6); } + .skills-block { + margin-top:50px; + position:relative; + .skills { + margin-bottom:10px; + margin-bottom:20px; + position:relative; + margin-left:auto; + margin-right:auto; + display:inline-block; + .skill { + width:60px; + height:60px; + border-radius:50%; + position:relative; + border:#333333 1px solid; + margin:3px; + float:left; + font-size:13px; + .skill-name { + text-align:center; + position:absolute; + top:50%; + transform:translateY(-50%); + width:100%; + } + } + .skills-other { + display:inline-block; + width:100%; + margin-top:20px; + } + } + } } .right-col { width:50%; @@ -223,43 +257,6 @@ export default Vue.component(name, getVueOptions(name)); } } } - .skills-block { - text-align:center; - margin-top:50px; - position:relative; - .skills { - text-align:center; - margin-bottom:10px; - margin-bottom:20px; - position:relative; - margin-left:auto; - margin-right:auto; - display:inline-block; - .skill { - text-align:center; - width:80px; - height:80px; - border-radius:50%; - position:relative; - border:#333333 1px solid; - margin:3px; - float:left; - font-size:13px; - .skill-name { - text-align:center; - position:absolute; - top:50%; - transform:translateY(-50%); - width:100%; - } - } - .skills-other { - display:inline-block; - width:100%; - margin-top:20px; - } - } - } } }