scott/scottjohnson.pro
2
0
Fork 0
forked from robert/robertjohnson.work
Code Pull Requests Activity

made skill section easier to edit on _data folder

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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%

75
_includes/skills.html
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>
<div class="skillset"> <h2 class="section-title"><i class="fa fa-rocket"></i>Skills &amp; Proficiency</h2>
<div class="item">
<h3 class="level-title">Python &amp; Django</h3> <div class="skillset">
<div class="level-bar">
<div class="level-bar-inner" data-level="98%"> {% for skill in site.data.skills %}
</div> <div class="item">
</div><!--//level-bar-->
</div><!--//item--> <h3 class="level-title">{{ skill.name }}</h3>
<div class="item"> <div class="level-bar">
<h3 class="level-title">Javascript &amp; jQuery</h3> <div class="level-bar-inner" data-level="{{ skill.level }}">
<div class="level-bar"> </div>
<div class="level-bar-inner" data-level="98%"> </div><!--//level-bar-->
</div>
</div><!--//level-bar--> </div><!--//item-->
</div><!--//item--> {% endfor %}
<div class="item"> </div>
<h3 class="level-title">Angular</h3>
<div class="level-bar"> </section><!--//skills-section-->
<div class="level-bar-inner" data-level="98%"> {% endif %}
</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>
</section><!--//skills-section-->