WIP
This commit is contained in:
parent
55073fc2c5
commit
4affb1ac2e
15
index.html
15
index.html
|
|
@ -942,20 +942,21 @@
|
||||||
<div v-if="$root.sections.skills.length > 0" v-for="(skill, index) in $root.sections.skills">
|
<div v-if="$root.sections.skills.length > 0" v-for="(skill, index) in $root.sections.skills">
|
||||||
<p>{{skill.name}}</p>
|
<p>{{skill.name}}</p>
|
||||||
<div class="w3-light-grey w3-round-xlarge w3-small">
|
<div class="w3-light-grey w3-round-xlarge w3-small">
|
||||||
<div class="w3-container w3-center w3-round-xlarge w3-teal" v-bind:style="{ width: $root.skillLevelAsPercent(index) + '%' }">{{skill.level}}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<!-- Languages -->
|
<!-- Languages -->
|
||||||
<p class="w3-large w3-text-theme"><b><i class="fa fa-globe fa-fw w3-margin-right w3-text-teal"></i>Languages</b></p>
|
<div v-if="$root.sections.languages && $root.sections.languages.length > 0" >
|
||||||
<div v-if="$root.sections.languages.length > 0" v-for="(language, index) in $root.sections.languages">
|
<p class="w3-large w3-text-theme"><b><i class="fa fa-globe fa-fw w3-margin-right w3-text-teal"></i>Languages</b></p>
|
||||||
<p>{{language.language}}</p>
|
<div v-for="(language, index) in $root.sections.languages">
|
||||||
<div class="w3-light-grey w3-round-xlarge">
|
<p>{{language.language}}</p>
|
||||||
<div class="w3-round-xlarge w3-teal w3-center" v-bind:style="{ height: '24px', width: $root.languageFluencyAsPercent(index) + '%' }">{{language.fluency}}</div>
|
<div class="w3-light-grey w3-round-xlarge">
|
||||||
|
<div class="w3-round-xlarge w3-teal w3-center" v-bind:style="{ height: '24px', width: $root.languageFluencyAsPercent(index) + '%' }">{{language.fluency}}</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<br>
|
||||||
</div>
|
</div>
|
||||||
<br>
|
|
||||||
</div>
|
</div>
|
||||||
</div><br>
|
</div><br>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue