made skill section easier to edit on _data folder

This commit is contained in:
Nelson Estevão 2017-10-29 14:41:43 +00:00
parent 21bf9477f1
commit 814ab5af08
2 changed files with 41 additions and 52 deletions

18
_data/skills.yml Normal file
View File

@ -0,0 +1,18 @@
- skill:
name: Python & Django
level: 98%
- skill:
name: Javascript & jQuery
level: 98%
- skill:
name: Angular
level: 98%
- skill:
name: HTML5 & CSS
level: 95%
- skill:
name: Ruby on Rails
level: 85%
- skill:
name: Sketch & Photoshop
level: 60%

View File

@ -1,53 +1,24 @@
{% if site.data.skills %}
<section class="skills-section section"> <section class="skills-section section">
<h2 class="section-title"><i class="fa fa-rocket"></i>Skills &amp; Proficiency</h2> <h2 class="section-title"><i class="fa fa-rocket"></i>Skills &amp; Proficiency</h2>
<div class="skillset"> <div class="skillset">
{% for skill in site.data.skills %}
<div class="item"> <div class="item">
<h3 class="level-title">Python &amp; Django</h3>
<h3 class="level-title">{{ skill.name }}</h3>
<div class="level-bar"> <div class="level-bar">
<div class="level-bar-inner" data-level="98%"> <div class="level-bar-inner" data-level="{{ skill.level }}">
</div> </div>
</div><!--//level-bar--> </div><!--//level-bar-->
</div><!--//item-->
<div class="item">
<h3 class="level-title">Javascript &amp; jQuery</h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="98%">
</div>
</div><!--//level-bar-->
</div><!--//item-->
<div class="item">
<h3 class="level-title">Angular</h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="98%">
</div>
</div><!--//level-bar-->
</div><!--//item-->
<div class="item">
<h3 class="level-title">HTML5 &amp; CSS</h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="95%">
</div>
</div><!--//level-bar-->
</div><!--//item-->
<div class="item">
<h3 class="level-title">Ruby on Rails</h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="85%">
</div>
</div><!--//level-bar-->
</div><!--//item-->
<div class="item">
<h3 class="level-title">Sketch &amp; Photoshop</h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="60%">
</div>
</div><!--//level-bar-->
</div><!--//item--> </div><!--//item-->
{% endfor %}
</div> </div>
</section><!--//skills-section--> </section><!--//skills-section-->
{% endif %}