From 4affb1ac2ee5b105d99fd0b6f9adce0971523f53 Mon Sep 17 00:00:00 2001
From: Jason Snelders <jsnelders@gmail.com>
Date: Sat, 30 Nov 2019 22:37:21 +1100
Subject: [PATCH] WIP

---
 index.html | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index ea29669..bb4d09a 100644
--- a/index.html
+++ b/index.html
@@ -942,20 +942,21 @@
                                     <div v-if="$root.sections.skills.length > 0" v-for="(skill, index) in $root.sections.skills">
                                         <p>{{skill.name}}</p>
                                         <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>
                                     <br>
 
                                     <!-- 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.length > 0" v-for="(language, index) in $root.sections.languages">
-                                        <p>{{language.language}}</p>
-                                        <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 v-if="$root.sections.languages && $root.sections.languages.length > 0" >
+                                        <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-for="(language, index) in $root.sections.languages">
+                                            <p>{{language.language}}</p>
+                                            <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>
+                                        <br>
                                     </div>
-                                    <br>
                                 </div>
                             </div><br>