Extracted rest of hardcoded info into locals file

production/css/styles.css

@@ -1 +1 @@
-.hide-on-computer{display:none}.row,.side-bar,body,header,html{height:100%}.side-bar{padding:0!important}.side-bar header{overflow-x:hidden;overflow-y:auto;width:inherit}@media (min-width:601px){.side-bar header{position:fixed}}.side-bar header .card{background:inherit;margin:0}.side-bar header .card .card-image .profile-pic{width:100%}.side-bar header .contact-container .row,.side-bar header .links-container .row{margin:15px 0}.side-bar header .contact-container .row .col img,.side-bar header .links-container .row .col img{width:25px}.side-bar header .bio-container{padding:20px 0;background:rgba(255,255,255,.4)}.side-bar header .skills-container{padding:20px 0;margin-bottom:20px;background:rgba(255,255,255,.25)}.main-content{margin:20px auto;width:90%}.main-content p:not(:last-child){padding-bottom:15px;border-bottom:1px solid #e2e2e2}h1{background:rgba(0,0,0,.6)}h2{font-size:1.8em;font-weight:200;color:#FFF;text-shadow:1px 1px 1px rgba(0,0,0,.3);margin:.5em 0 0 1em}h4{font-weight:400;color:#9e9e9e}h5{margin-bottom:0}@media print{.hide-on-computer{display:block}.main-content{width:100%;margin:0}.col{border-bottom:1px solid grey}.side-bar,i{display:none!important}a,b,div,h1,h2,h3,h4,h5,h6,p,span{color:#000!important}b,span{display:inline}div{box-shadow:none!important}p,span{font-size:.8em}h1{background:0 0;text-align:center;font-size:2em}h4{font-size:1.8em;margin:0}h5{font-size:1.3em;font-weight:400}}
+.hide-on-computer{display:none}.row,.side-bar,body,header,html{height:100%}.side-bar{padding:0!important}.side-bar header{overflow-x:hidden;overflow-y:auto;width:inherit}@media (min-width:601px){.side-bar header{position:fixed}}.side-bar header .card{background:inherit;margin:0}.side-bar header .card .card-image .profile-pic{width:100%}.side-bar header .contact-container .row,.side-bar header .links-container .row{margin:15px 0}.side-bar header .contact-container .row .col img,.side-bar header .links-container .row .col img{width:25px}.side-bar header .bio-container{padding:20px 0;background:rgba(255,255,255,.4)}.side-bar header .skills-container{padding:20px 0;margin-bottom:20px;background:rgba(255,255,255,.25)}.main-content{margin:20px auto;width:90%}.main-content p:not(:last-child){padding-bottom:15px;border-bottom:1px solid #e2e2e2}.pad{padding:1em!important}a{color:#008ece}a:hover{text-decoration:underline}h1{background:rgba(0,0,0,.6)}h2{font-size:1.8em;font-weight:200;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.3);margin:.5em 0 0 1em}h4{font-weight:400;color:#9e9e9e}h5{margin-bottom:0}@media print{.hide-on-computer{display:block}.main-content{width:100%;margin:0}.col{border-bottom:1px solid grey}.pad{padding:0!important}.side-bar,i{display:none!important}a,b,div,h1,h2,h3,h4,h5,h6,p,span{color:#000!important}b,span{display:inline}div{box-shadow:none!important}p,span{font-size:.9em;line-height:1}h1{background:0 0;text-align:center;font-size:1.8em;margin:0;padding:0}h4{font-size:1.6em;margin:0;padding:0}h5{font-size:1.1em;font-weight:400}}

src/locals.json

@@ -7,6 +7,10 @@
     "email":"sykes.alicia@gmail.com",
     "website":"AliciaSykes.com"
   },
+  "headshot":{
+    "url": "http://aliciasykes.com/cv/assets/profile-pic-2.jpg",
+    "alt": "Receiving the BCS Best Final Year Project Prize"
+  },
   "social":{
     "github": "github.com/lissy93",
     "linkedin":"linkedin.com/in/aliciasykes"
@@ -25,9 +29,10 @@
       "dates":"June - September 2013 (3 months)",
       "description":[
         "Worked as part of a small Java team following the agile methodology.",
-        "Developing software for WWARN who are working towards the eradication",
+        "Developing software for <a href='http://www.wwarn.org/'>WWARN</a>",
-        "of resistance to anti-malarial vaccinations. Involved processing mass",
+        "who are working towards the eradication of resistance to anti-malarial",
-        "amounts of data, so algorithm efficiency was paramount."
+        "vaccinations. Involved processing mass amounts of data, so algorithm",
+        "efficiency was paramount."
       ]
     },
     {
@@ -37,8 +42,10 @@
       "dates":"July 2014 - September 2015 (15 months)",
       "description":[
         "Worked accross several large government departments as a Java developer,",
-        "before joining the Accenture UKI Innovation Programme, using a range of",
+        "before joining the ",
-        "modern technologies to rapidly develop prototypes in an agile team."
+        "<a href='http://bit.ly/2amjHyn'>Accenture UKI Innovation Programme</a>, ",
+        "using a range of modern technologies to rapidly develop prototypes in ",
+        "an agile team."
       ]
     },
     {
@@ -60,12 +67,23 @@
       "subtitle":"Completed UAS, A Level Computing tutor, published many educational resources",
       "description":[
         "While at Uni, ran a series of after-school programming clubs at the",
-        "local secondary school for year 7- 9 pupils to inspire them to get into coding.",
+        "<a href='https://www.wheatleypark.org/'>Wheatley Park School</a> and",
-        "Completed the Undergraduate Ambassador Scheme, which by the end involved",
+        "<a href='http://bit.ly/2ahXY9y'>The Oxford Academy</a> for year ",
-        "planning and taking full computing lessons. 1-to-1 A Level computing tutor,",
+        "7- 9 pupils to inspire them to get into coding.<br><br>I have Completed ",
-        "helped several pupils increase their grades.",
+        "<a href='http://uas.ac.uk/'>the Undergraduate Ambassador Scheme</a>,",
-        "Developed and maintain many educational online computing teaching",
+        "which by the end involved planning and taking full computing lessons.",
-        "and learning resources, which currently are being used world-wide"
+        "1-to-1 A Level computing tutor, helped several pupils increase their grades.",
+        "<br><br>I am always keen to pass on what I've learnt to others, so I have",
+        "developed and maintain several online educational computing resources",
+        "for students, teachers and anyone wanting to learn.",
+        "Including <a href='http://web-dev.as93.net/'>web-dev.school</a>, ",
+        "<a href='http://computerscience.as93.net/'>a computer science site</a>, ",
+        "<a href='http://revisionquizzes.co.uk/'>revisionquizzes.co.uk</a>,",
+        "<a href='http://a2computing.as93.net/notes.pdf'>a 100-page A Level Computing Revision guide</a>,",
+        "<a href='http://vrs.as93.net/Economics%20Unit%204'>an educational file sharing site</a>,",
+        "<a href='http://a2computing.as93.net/'>A2 Computing revision site</a> and ",
+        "<a href='https://play.google.com/store/apps/details?id=net.as93.studytime'>an Android app for revising</a>",
+        "to name a few."
       ]
     },
     {
@@ -75,7 +93,13 @@
         "I regularly attend hackathons and coding competitions around the",
         "country, and abroad. I love the atmosphere, and the chance",
         "to experiment with new technologies, as well as collaborate with others.",
-        "I have won, or been a runner-up of several large competitions recently"
+        "I have won a few recently, including 1st place at",
+        "<a href='http://starthack.ch/'>StartHack Switzerland 2016</a>,",
+        "<a href='https://www.youtube.com/watch?v=88arKnDGec0'>HP Prize at AngelHack 2015</a>. And",
+        "2nd place in <a href='http://nbcuhackathon.com/medialabs/london-2015/#winners'>NBC Universal Comcast</a>, ",
+        "<a href='http://bit.ly/2azeh2R'>DevLab Live</a>, ",
+        "<a href='http://bit.ly/2aq3fuM'>AngelHack 2014</a>",
+        "and <href='http://bit.ly/2aoMJhs'>AngelHack 2013</a>."
       ]
     },
     {
@@ -84,16 +108,18 @@
       "description":[
         "Creating Android, iOS and hybrid mobile applications, as well as web",
         "apps and WordPress sits for small businesses, individuals and start-ups.",
-        "A portfolio of my work can be found at http://aliciasykes.com/work.html",
+        "A portfolio of my work can be found at <a href='http://aliciasykes.com/work.html'>aliciasykes.com/work.html</a>",
-        "Between jobs I have also worked on several open source projects."
+        "Between jobs I have also worked on several open source projects, ",
+        "including creating <a href='http://sentiment-sweep.com/'>sentiment-sweep.com</a>."
       ]
     },
     {
       "title":"Army Reservist",
       "subtitle":"Currently serving in a London-based Army Reserve unit",
       "description":[
-        "Regularly attend weekend exercises, and have had the opportunity to",
+        "Regularly attend",
-        "learn a range of practical and transferable skills and gain",
+        "<a href='http://www.army.mod.uk/intelligence/32263.aspx'>weekend exercises</a>,",
+        "and have had the opportunity to learn a range of practical and transferable skills and gain",
         "qualifications (including the Level 5 award in Management and Leadership)."
       ]
     }
@@ -159,5 +185,14 @@
     {"name":"UX", "type":"dev", "level":"2"},
     {"name":"Project-Management", "type":"dev", "level":"2"},
     {"name":"Agile", "type":"dev", "level":"4"}
+  ],
+
+  "hobies":[
+    "My biggest hobby is coding, I love experimenting with the latest ",
+    "technologies, finding better ways of doing things, and creating ",
+    "applications.",
+    "I'm also interested in astro-physics and cosmology- while at secondary",
+    "school, I got an A grade in self-taught GCSE Astronomy.  On weekends ",
+    "and sometimes an early session before work I enjoy running, swimming and cycling."
   ]
 }

src/styles/basic.sass

@@ -40,8 +40,18 @@ html, body, .row, .side-bar, header
     padding-bottom: 15px
     border-bottom: 1px solid #e2e2e2
 
+.pad
+  padding: 1em !important
+
 
 /* TEXT */
+a
+  color: #008ece
+
+a:hover
+  text-decoration: underline
+
+
 h1
   background: rgba(0,0,0,0.6)
 h2
@@ -71,6 +81,9 @@ h5
   .col
     border-bottom: 1px solid grey
 
+  .pad
+    padding: 0 !important
+
   .side-bar, i
     display: none !important
 
@@ -84,17 +97,21 @@ h5
     box-shadow: none !important
 
   p, span
-    font-size: 0.8em
+    font-size: 0.9em
+    line-height: 1
 
   h1
     background: none
     text-align: center
-    font-size: 2em
-
-  h4
     font-size: 1.8em
     margin: 0
+    padding: 0
+
+  h4
+    font-size: 1.6em
+    margin: 0
+    padding: 0
 
   h5
-    font-size: 1.3em
+    font-size: 1.1em
     font-weight: normal

src/views/fragments/layout.jade

@@ -11,6 +11,4 @@ html
     link(rel='stylesheet', href='css/styles.css')
 
   body.grey.lighten-3
-    block content
+    block content
-    script(src='bower_components/jquery/dist/jquery.min.js')
-    script(src='bower_components/Materialize/dist/js/materialize.min.js')

src/views/fragments/middle.jade

@@ -13,14 +13,14 @@
       for job in employment
         h5 #{job.role} @ <a href='#{job.placeurl}'>#{job.place}</a>
         small.grey-text= job.dates
-        p= job.description.join(" ")
+        p!= job.description.join(" ")
 
     h4 <i class="material-icons">done_all</i> Other Experience
     .col.s12.card-panel
       for stuff in experience
         h5 #{stuff.title}
         small.grey-text= stuff.subtitle
-        p= stuff.description.join(" ")
+        p!= stuff.description.join(" ")
 
 
     h4 <i class="material-icons">class</i> Education
@@ -38,9 +38,12 @@
         span(style='font-size:#{(skill.level / 6)+0.6}em; cursor: default', title='#{skill.type}: #{skill.name}. Competency: #{skill.level}/5') #{skill.name} &thinsp;
 
 
-  .row.hide-on-computer
+    h4 <i class='material-icons'>stars</i> Hobbies and Interests
-    br
+    .col.s12.card-panel.pad
+      p= hobies.join(" ")
 
+
+  .row.hide-on-computer
     .col.s6
       h4 Contact
       .card-panel

src/views/fragments/side.jade

@@ -1,7 +1,7 @@
 header.light-blue
   .card
     .card-image.show-on-medium-and-up
-      img.profile-pic(src='assets/profile-pic-2.jpg', alt='Receiving the BCS Best Final Year Project Prize')
+      img.profile-pic(src="#{headshot.url}", alt="#{headshot.alt}")
       h1.card-title= heading1
 
   .bio-container.z-depth-1