From d25f55903eda2c3bb3ed93edd6e690fd8724880d Mon Sep 17 00:00:00 2001 From: Alicia Sykes Date: Mon, 24 Apr 2017 20:41:19 +0100 Subject: [PATCH] Page src V1 --- src/locals.json | 230 ++++++++++++------------------- src/scripts/page-actions.coffee | 15 +- src/styles/basic.sass | 234 ++++++++++++++++---------------- src/views/fragments/middle.jade | 190 +++++++++++++------------- src/views/fragments/side.jade | 102 +++++++------- 5 files changed, 356 insertions(+), 415 deletions(-) diff --git a/src/locals.json b/src/locals.json index 9d10775..1da9bc3 100644 --- a/src/locals.json +++ b/src/locals.json @@ -1,201 +1,143 @@ { - "title":"Alicia Sykes CV", - "heading1":"Alicia Sykes", + "title":"", + "heading1":"", "contact":{ - "address":"London", - "phone": "07742922302", - "email":"sykes.alicia@gmail.com", - "website":"AliciaSykes.com" + "address":"", + "phone": "", + "email":"", + "website":"" }, "design": { - "color":"blue" + "color":"orange" }, "headshot":{ - "url": "http://aliciasykes.com/cv/assets/profile-pic-2.jpg", - "alt": "Receiving the BCS Best Final Year Project Prize" + "url": "", + "alt": "" }, "social":{ - "github": "github.com/lissy93", - "linkedin":"linkedin.com/in/aliciasykes" + "github": "", + "linkedin":"" }, "bio": [ - "Software Engineer with broad development knowledge, specialising", - "in full-stack modern web applications. \n Hardworking, adaptable and", - "passionate about coding. Understands the importance of clean, good", - "quality and well tested code." + "", + "", + "" ], "employment":[ { - "role":"Software Engineer (Intern)", - "place":"University of Oxford", - "placeurl":"http://www.tropicalmedicine.ox.ac.uk/uk-centre", - "dates":"June - September 2013 (3 months)", + "role":"", + "place":"", + "placeurl":"", + "dates":"", "description":[ - "Worked as part of a small Java team following the agile methodology.", - "Developing software for WWARN", - "who are working towards the eradication of resistance to anti-malarial", - "vaccinations. Involved processing mass amounts of data, so algorithm", - "efficiency was paramount." + "", + "", + "" ] }, { - "role":"Software Engineer", - "place":"Accenture, UK", - "placeurl":"https://www.accenture.com", - "dates":"July 2014 - September 2015 (15 months)", + "role":"", + "place":"", + "placeurl":"", + "dates":"", "description":[ - "Worked accross several large government departments as a Java developer,", - "before joining the ", - "Accenture UKI Innovation Programme, ", - "using a range of modern technologies to rapidly develop prototypes in ", - "an agile team." + "", + "", + "" ] }, { - "role":"Web Admin", - "place":"UTC Swindon", - "placeurl":"http://www.utcswindon.co.uk/", - "dates":"Part-time September 2013 - September 2014 (12 months)", + "role":"", + "place":"", + "placeurl":"", + "dates":"", "description":[ - "Was responsible for the day-to-day running of the WordPress site, from", - "creating and styling new pages and features to ensuring content was", - "published promptly and never out-of-date." + "", + "", + "" ] } ], "experience":[ { - "title":"Teaching Computing", - "subtitle":"Completed UAS, A Level Computing tutor, published many educational resources", + "title":"", + "subtitle":"", "description":[ - "While at Uni, ran a series of after-school programming clubs at the", - "Wheatley Park School and", - "The Oxford Academy for year ", - "7- 9 pupils to inspire them to get into coding.

I have Completed ", - "the Undergraduate Ambassador Scheme,", - "which by the end involved planning and taking full computing lessons.", - "1-to-1 A Level computing tutor, helped several pupils increase their grades.", - "

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 web-dev.school, ", - "a computer science site, ", - "revisionquizzes.co.uk,", - "a 100-page A Level Computing Revision guide,", - "an educational file sharing site,", - "A2 Computing revision site and ", - "an Android app for revising", - "to name a few." + "", + "", + "" ] }, { - "title":"Hackathons", - "subtitle":"Keen attender of coding competitions", + "title":"", + "subtitle":"", "description":[ - "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 a few recently, including 1st place at", - "StartHack Switzerland 2016,", - "HP Prize at AngelHack 2015. And", - "2nd place in NBC Universal Comcast, ", - "DevLab Live, ", - "AngelHack 2014", - "and AngelHack 2013." + "", + "", + "" ] }, { - "title":"Freelance Work", - "subtitle":"http://aliciasykes.com", + "title":"", + "subtitle":"", "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 aliciasykes.com/work.html", - "Between jobs I have also worked on several open source projects, ", - "including creating sentiment-sweep.com." - ] - }, - { - "title":"Army Reservist", - "subtitle":"Currently serving in a London-based Army Reserve unit", - "description":[ - "Regularly attend", - "weekend exercises,", - "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)." + "", + "", + "" ] } - ], + "education":[ { - "course":"Computer Science BSc", - "establishment":"Oxford Brookes University", - "placeurl":"https://www.brookes.ac.uk/", - "dates":"September 2012 - May 2016", + "course":"", + "establishment":"", + "placeurl":"", + "dates":"", "description":[ - "Gained a first-class honours in computer science, and won the", - "British Computer Society (BCS) award for best computing project.\n", - "Course representative and student ambassador, I was fully involved", - "in all aspects of my course.\n", - "Founded and initially ran the computing society, which holds regular", - "computer-science related, and social events." + "", + "", + "" ] }, { - "course":"A Levels", - "establishment":"St John's Academy, Marlborough", - "placeurl":"http://www.stjohns.wilts.sch.uk/", - "dates":"May 2012 - Sep 2016", + "course":"", + "establishment":"", + "placeurl":"", + "dates":"", "description":[ - "Studied Economics, Physics and Computing at A Level. ", - "Business Studies and Photography for AS Level.\n", - "While studying also developed a set of interactive learning tools,", - "including a quiz sharing website, and dynamic computing revision app.", - "Won the governors award for economics." + "", + "", + "" + ] + }, + { + "course":"", + "establishment":"", + "placeurl":"", + "dates":"", + "description":[ + "", + "", + "" ] } ], "skills":[ - {"name":"D3.js", "type":"web", "level":"5"}, - {"name":"Node.js", "type":"web", "level":"5"}, - {"name":"JavaScript", "type":"web", "level":"5"}, - {"name":"unit testing", "type":"dev", "level":"4"}, - {"name":"Java", "type":"Java", "level":"3"}, - {"name":"CSS3", "type":"web", "level":"5"}, - {"name":"CoffeeScript", "type":"web", "level":"5"}, - {"name":"npm", "type":"web", "level":"5"}, - {"name":"Ionic", "type":"mobile", "level":"4"}, - {"name":"HTML5", "type":"web", "level":"5"}, - {"name":"React.js", "type":"web", "level":"3"}, - {"name":"Android", "type":"mobile", "level":"4"}, - {"name":"Angular.js", "type":"web", "level":"3"}, - {"name":"git", "type":"dev", "level":"4"}, - {"name":"PHP", "type":"web", "level":"3"}, - {"name":"Tomcat", "type":"Java", "level":"2"}, - {"name":"Jenkins", "type":"Java", "level":"2"}, - {"name":"Maven", "type":"Java", "level":"2"}, - {"name":"Hibernate", "type":"Java", "level":"2"}, - {"name":"JUnit", "type":"Java", "level":"2"}, - {"name":"Ubuntu", "type":"server", "level":"1"}, - {"name":"Apache", "type":"server", "level":"1"}, - {"name":"Linux", "type":"server", "level":"1"}, - {"name":"NGINX", "type":"server", "level":"1"}, - {"name":"Swift", "type":"mobile", "level":"3"}, - {"name":"iOS", "type":"mobile", "level":"3"}, - {"name":"UX", "type":"dev", "level":"2"}, - {"name":"Project-Management", "type":"dev", "level":"2"}, - {"name":"Agile", "type":"dev", "level":"4"} + {"name":"", "type":"", "level":"0"}, + {"name":"", "type":"", "level":"0"}, + {"name":"", "type":"", "level":"0"}, + {"name":"", "type":"", "level":"0"}, + {"name":"", "type":"", "level":"0"}, + {"name":"", "type":"", "level":"0"}, + {"name":"", "type":"", "level":"0"} ], "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." + "", + "", + "" ] } diff --git a/src/scripts/page-actions.coffee b/src/scripts/page-actions.coffee index d22da3f..93ebdb3 100644 --- a/src/scripts/page-actions.coffee +++ b/src/scripts/page-actions.coffee @@ -1,8 +1,7 @@ -# Set the color of the content links to template color -links = document.getElementsByTagName('a') -i = 0 -while i < links.length - if links[i].href - links[i].className += textColor - console.log ' #{design.color}-text' - i++ +# Set the color of the content links to template color +links = document.getElementsByTagName('a') +i = 0 +while i < links.length + if links[i].href + links[i].className += textColor + i++ diff --git a/src/styles/basic.sass b/src/styles/basic.sass index 32dc41b..a861f40 100644 --- a/src/styles/basic.sass +++ b/src/styles/basic.sass @@ -1,117 +1,117 @@ - -.hide-on-computer - display: none - -html, body, .row, .side-bar, header - height: 100% - -/* SIDEBAR */ -.side-bar - padding: 0 !important - header - overflow-x: hidden - overflow-y: auto - width: inherit - @media (min-width: 601px) - position: fixed - .card - background: inherit - margin: 0 - .card-image .profile-pic - width: 100% - .contact-container, .links-container - .row - margin: 15px 0 - .col img - width: 25px - .bio-container - padding: 20px 0 - background: rgba(255, 255, 255, 0.4) - .skills-container - padding: 20px 0 - margin-bottom: 20px - background: rgba(255,255,255,0.25) - -/* MAIN CONTENT */ -.main-content - margin: 20px auto - width: 90% - p:not(:last-child) - 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 - font-size: 1.8em - font-weight: 200 - color: #FFFFFF - text-shadow: 1px 1px 1px rgba(0,0,0,0.3) - margin: 0.5em 0 0 1em - -h4 - font-weight: 400 - color: #9e9e9e - -h5 - margin-bottom: 0 - - -/* OVERIDING STYLES FOR THE PRINTER VERSION*/ -@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 - - p, b, span, a, div, h1, h2, h3, h4, h5, h6 - color: #000000 !important - - b, span - display: inline - - div - box-shadow: none !important - - p, span - font-size: 0.9em - line-height: 1 - - h1 - background: none - 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: normal + +.hide-on-computer + display: none + +html, body, .row, .side-bar, header + height: 100% + +/* SIDEBAR */ +.side-bar + padding: 0 !important + header + overflow-x: hidden + overflow-y: auto + width: inherit + @media (min-width: 601px) + position: fixed + .card + background: inherit + margin: 0 + .card-image .profile-pic + width: 100% + .contact-container, .links-container + .row + margin: 15px 0 + .col img + width: 25px + .bio-container + padding: 20px 0 + background: rgba(255, 255, 255, 0.4) + .skills-container + padding: 20px 0 + margin-bottom: 20px + background: rgba(255,255,255,0.25) + +/* MAIN CONTENT */ +.main-content + margin: 20px auto + width: 90% + p:not(:last-child) + 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 + font-size: 1.8em + font-weight: 200 + color: #FFFFFF + text-shadow: 1px 1px 1px rgba(0,0,0,0.3) + margin: 0.5em 0 0 1em + +h4 + font-weight: 400 + color: #9e9e9e + +h5 + margin-bottom: 0 + + +/* OVERIDING STYLES FOR THE PRINTER VERSION*/ +@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 + + p, b, span, a, div, h1, h2, h3, h4, h5, h6 + color: #000000 !important + + b, span + display: inline + + div + box-shadow: none !important + + p, span + font-size: 0.9em + line-height: 1 + + h1 + background: none + 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: normal diff --git a/src/views/fragments/middle.jade b/src/views/fragments/middle.jade index 655bb14..1881317 100644 --- a/src/views/fragments/middle.jade +++ b/src/views/fragments/middle.jade @@ -1,95 +1,95 @@ - -.main-content - .row - .hide-on-computer - h1=heading1 - - if (typeof(bio) !== 'undefined'){ - h4 perm_identity About - .col.s12.card-panel - p!= bio.join(" ").replace(/\n/g, "
") - - } - - - if (typeof(employment) !== 'undefined'){ - h4 assignment Employment - .col.s12.card-panel - for job in employment - h5 #{job.role} @ #{job.place} - small.grey-text= job.dates - p!= job.description.join(" ") - - } - - - if (typeof(experience) !== 'undefined'){ - h4 done_all Other Experience - .col.s12.card-panel - for stuff in experience - h5 #{stuff.title} - small.grey-text= stuff.subtitle - p!= stuff.description.join(" ") - - } - - - - if (typeof(education) !== 'undefined'){ - h4 class Education - .col.s12.card-panel - for school in education - h5 #{school.course} @ #{school.establishment} - small.grey-text= school.dates - p= school.description.join(" ") - - } - - - - - if (typeof(skills) !== 'undefined'){ - h4 list Key Skills - .col.s12.card-panel - for skill in skills - span(style='font-size:#{(skill.level / 6)+0.6}em; cursor: default', title='#{skill.type}: #{skill.name}. Competency: #{skill.level}/5') #{skill.name}   - - } - - - if (typeof(hobies) !== 'undefined'){ - h4 stars Hobbies and Interests - .col.s12.card-panel.pad - p= hobies.join(" ") - - } - - - .row.hide-on-computer - - if (typeof(contact) !== 'undefined'){ - .col.s6 - h4 Contact - .card-panel - - if (typeof(contact.email) !== 'undefined'){ - b Email: - span!= ' '+contact.email - br - - } - - if (typeof(contact.phone) !== 'undefined'){ - b Phone: - span!= ' '+contact.phone - br - - } - - if (typeof(contact.address) !== 'undefined'){ - b Address: - span!= ' '+contact.address - - } - - } - - if (typeof(social) !== 'undefined'){ - .col.s6.hide-on-computer - h4 Links - .card-panel - - if (typeof(contact.website) !== 'undefined'){ - b Website: - span!= ' ' + contact.website - br - - } - - if (typeof(social.github) !== 'undefined'){ - b GitHub: - span!= ' ' + social.github - br - - } - - if (typeof(social.linkedin) !== 'undefined'){ - b LinkedIn: - span!= ' ' + social.linkedin - - } - - - } + +.main-content + .row + .hide-on-computer + h1=heading1 + - if (typeof(bio) !== 'undefined'){ + h4 perm_identity About + .col.s12.card-panel + p!= bio.join(" ").replace(/\n/g, "
") + - } + + - if (typeof(employment) !== 'undefined'){ + h4 assignment Employment + .col.s12.card-panel + for job in employment + h5 #{job.role} @ #{job.place} + small.grey-text= job.dates + p!= job.description.join(" ") + - } + + - if (typeof(experience) !== 'undefined'){ + h4 done_all Other Experience + .col.s12.card-panel + for stuff in experience + h5 #{stuff.title} + small.grey-text= stuff.subtitle + p!= stuff.description.join(" ") + - } + + + - if (typeof(education) !== 'undefined'){ + h4 class Education + .col.s12.card-panel + for school in education + h5 #{school.course} @ #{school.establishment} + small.grey-text= school.dates + p= school.description.join(" ") + - } + + + + - if (typeof(skills) !== 'undefined'){ + h4 list Key Skills + .col.s12.card-panel + for skill in skills + span(style='font-size:#{(skill.level / 6)+0.6}em; cursor: default', title='#{skill.type}: #{skill.name}. Competency: #{skill.level}/5') #{skill.name}   + - } + + - if (typeof(hobies) !== 'undefined'){ + h4 stars Hobbies and Interests + .col.s12.card-panel.pad + p= hobies.join(" ") + - } + + + .row.hide-on-computer + - if (typeof(contact) !== 'undefined'){ + .col.s6 + h4 Contact + .card-panel + - if (typeof(contact.email) !== 'undefined'){ + b Email: + span!= ' '+contact.email + br + - } + - if (typeof(contact.phone) !== 'undefined'){ + b Phone: + span!= ' '+contact.phone + br + - } + - if (typeof(contact.address) !== 'undefined'){ + b Address: + span!= ' '+contact.address + - } + - } + - if (typeof(social) !== 'undefined'){ + .col.s6.hide-on-computer + h4 Links + .card-panel + - if (typeof(contact.website) !== 'undefined'){ + b Website: + span!= ' ' + contact.website + br + - } + - if (typeof(social.github) !== 'undefined'){ + b GitHub: + span!= ' ' + social.github + br + - } + - if (typeof(social.linkedin) !== 'undefined'){ + b LinkedIn: + span!= ' ' + social.linkedin + - } + + - } diff --git a/src/views/fragments/side.jade b/src/views/fragments/side.jade index 0b3f928..ab9d392 100644 --- a/src/views/fragments/side.jade +++ b/src/views/fragments/side.jade @@ -1,51 +1,51 @@ -header(class="#{design.color}") - .card - .card-image.show-on-medium-and-up - img.profile-pic(src="#{headshot.url}", alt="#{headshot.alt}") - h1.card-title= heading1 - - .bio-container.z-depth-1 - h2(style='margin: 0 0 0.2em 1em') About - .row - i.col.s2.small.white-text.material-icons perm_identity - span.col.s10.white-text!= bio.join(" ").replace(/\n/g, "
") - - - if (typeof(contact) !== 'undefined'){ - .contact-container - h2 Contact - - if (typeof(contact.email) !== 'undefined'){ - .row - i.col.s2.small.white-text.material-icons email - a(href="mailto:#{contact.email}").col.s10.white-text= contact.email - - } - - if (typeof(contact.phone) !== 'undefined'){ - .row - i.col.s2.small.white-text.material-icons phone - a(href="dialer:#{contact.phone}").col.s10.white-text= contact.phone - - } - - if (typeof(contact.address) !== 'undefined'){ - .row - i.col.s2.small.white-text.material-icons location_on - span.col.s10.white-text= contact.address - - } - - } - - - if (typeof(social) !== 'undefined'){ - .links-container - h2 Links - - if (typeof(contact.website) !== 'undefined'){ - .row - i.col.s2.small.white-text.material-icons http - a(href='http://#{contact.website}').col.s10.white-text= contact.website - - } - - if (typeof(social.github) !== 'undefined'){ - .row - .col.s2: img(src='assets/github.png') - a(href='https://#{social.github}').col.s10.white-text= social.github - - } - - if (typeof(social.linkedin) !== 'undefined'){ - .row - .col.s2: img(src='assets/linkedin.png') - a(href='https://#{social.linkedin}').col.s10.white-text= social.linkedin - - } - - } +header(class="#{design.color}") + .card + .card-image.show-on-medium-and-up + img.profile-pic(src="#{headshot.url}", alt="#{headshot.alt}") + h1.card-title= heading1 + + .bio-container.z-depth-1 + h2(style='margin: 0 0 0.2em 1em') About + .row + i.col.s2.small.white-text.material-icons perm_identity + span.col.s10.white-text!= bio.join(" ").replace(/\n/g, "
") + + - if (typeof(contact) !== 'undefined'){ + .contact-container + h2 Contact + - if (typeof(contact.email) !== 'undefined'){ + .row + i.col.s2.small.white-text.material-icons email + a(href="mailto:#{contact.email}").col.s10.white-text= contact.email + - } + - if (typeof(contact.phone) !== 'undefined'){ + .row + i.col.s2.small.white-text.material-icons phone + a(href="dialer:#{contact.phone}").col.s10.white-text= contact.phone + - } + - if (typeof(contact.address) !== 'undefined'){ + .row + i.col.s2.small.white-text.material-icons location_on + span.col.s10.white-text= contact.address + - } + - } + + - if (typeof(social) !== 'undefined'){ + .links-container + h2 Links + - if (typeof(contact.website) !== 'undefined'){ + .row + i.col.s2.small.white-text.material-icons http + a(href='http://#{contact.website}').col.s10.white-text= contact.website + - } + - if (typeof(social.github) !== 'undefined'){ + .row + .col.s2: img(src='assets/github.png') + a(href='https://#{social.github}').col.s10.white-text= social.github + - } + - if (typeof(social.linkedin) !== 'undefined'){ + .row + .col.s2: img(src='assets/linkedin.png') + a(href='https://#{social.linkedin}').col.s10.white-text= social.linkedin + - } + - }