alihan/md-cv-maker
1
0
Fork 0
mirror of https://github.com/Lissy93/md-cv-maker.git synced 2021-05-12 19:52:19 +03:00
Code Issues Projects Releases Wiki Activity

Page src V1

Browse Source
This commit is contained in:
Alicia Sykes
2017-04-24 20:41:19 +01:00
parent bc4cc3dd1e
commit d25f55903e
5 changed files with 356 additions and 415 deletions
Download Patch File Download Diff File Expand all files Collapse all files

230
src/locals.json
View File

@@ -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 <a href='http://www.wwarn.org/'>WWARN</a>",
"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 ",
"<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."
"",
"",
""
]
},
{
"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",
"<a href='https://www.wheatleypark.org/'>Wheatley Park School</a> and",
"<a href='http://bit.ly/2ahXY9y'>The Oxford Academy</a> for year ",
"7- 9 pupils to inspire them to get into coding.<br><br>I have Completed ",
"<a href='http://uas.ac.uk/'>the Undergraduate Ambassador Scheme</a>,",
"which by the end involved planning and taking full computing lessons.",
"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."
"",
"",
""
]
},
{
"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",
"<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>."
"",
"",
""
]
},
{
"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 <a href='http://aliciasykes.com/work.html'>aliciasykes.com/work.html</a>",
"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",
"<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)."
"",
"",
""
]
}
],
"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."
"",
"",
""
]
}

15
src/scripts/page-actions.coffee
View File

@@ -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++

234
src/styles/basic.sass
View File

@@ -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

190
src/views/fragments/middle.jade
View File

@@ -1,95 +1,95 @@
.main-content
.row
.hide-on-computer
h1=heading1
- if (typeof(bio) !== 'undefined'){
h4 <i class="material-icons">perm_identity</i> About
.col.s12.card-panel
p!= bio.join(" ").replace(/\n/g, "<br>")
- }
- if (typeof(employment) !== 'undefined'){
h4 <i class="material-icons">assignment</i> Employment
.col.s12.card-panel
for job in employment
h5 #{job.role} @ <a href='#{job.placeurl}'>#{job.place}</a>
small.grey-text= job.dates
p!= job.description.join(" ")
- }
- if (typeof(experience) !== 'undefined'){
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(" ")
- }
- if (typeof(education) !== 'undefined'){
h4 <i class="material-icons">class</i> Education
.col.s12.card-panel
for school in education
h5 #{school.course} @ <a href='#{school.placeurl}'>#{school.establishment}</a>
small.grey-text= school.dates
p= school.description.join(" ")
- }
- if (typeof(skills) !== 'undefined'){
h4 <i class="material-icons">list</i> 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} &thinsp;
- }
- if (typeof(hobies) !== 'undefined'){
h4 <i class='material-icons'>stars</i> 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!= '&thinsp;'+contact.email
br
- }
- if (typeof(contact.phone) !== 'undefined'){
b Phone:
span!= '&thinsp;'+contact.phone
br
- }
- if (typeof(contact.address) !== 'undefined'){
b Address:
span!= '&thinsp;'+contact.address
- }
- }
- if (typeof(social) !== 'undefined'){
.col.s6.hide-on-computer
h4 Links
.card-panel
- if (typeof(contact.website) !== 'undefined'){
b Website:
span!= '&thinsp;' + contact.website
br
- }
- if (typeof(social.github) !== 'undefined'){
b GitHub:
span!= '&thinsp;' + social.github
br
- }
- if (typeof(social.linkedin) !== 'undefined'){
b LinkedIn:
span!= '&thinsp;' + social.linkedin
- }
- }
.main-content
.row
.hide-on-computer
h1=heading1
- if (typeof(bio) !== 'undefined'){
h4 <i class="material-icons">perm_identity</i> About
.col.s12.card-panel
p!= bio.join(" ").replace(/\n/g, "<br>")
- }
- if (typeof(employment) !== 'undefined'){
h4 <i class="material-icons">assignment</i> Employment
.col.s12.card-panel
for job in employment
h5 #{job.role} @ <a href='#{job.placeurl}'>#{job.place}</a>
small.grey-text= job.dates
p!= job.description.join(" ")
- }
- if (typeof(experience) !== 'undefined'){
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(" ")
- }
- if (typeof(education) !== 'undefined'){
h4 <i class="material-icons">class</i> Education
.col.s12.card-panel
for school in education
h5 #{school.course} @ <a href='#{school.placeurl}'>#{school.establishment}</a>
small.grey-text= school.dates
p= school.description.join(" ")
- }
- if (typeof(skills) !== 'undefined'){
h4 <i class="material-icons">list</i> 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} &thinsp;
- }
- if (typeof(hobies) !== 'undefined'){
h4 <i class='material-icons'>stars</i> 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!= '&thinsp;'+contact.email
br
- }
- if (typeof(contact.phone) !== 'undefined'){
b Phone:
span!= '&thinsp;'+contact.phone
br
- }
- if (typeof(contact.address) !== 'undefined'){
b Address:
span!= '&thinsp;'+contact.address
- }
- }
- if (typeof(social) !== 'undefined'){
.col.s6.hide-on-computer
h4 Links
.card-panel
- if (typeof(contact.website) !== 'undefined'){
b Website:
span!= '&thinsp;' + contact.website
br
- }
- if (typeof(social.github) !== 'undefined'){
b GitHub:
span!= '&thinsp;' + social.github
br
- }
- if (typeof(social.linkedin) !== 'undefined'){
b LinkedIn:
span!= '&thinsp;' + social.linkedin
- }
- }

102
src/views/fragments/side.jade
View File

@@ -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, "<br>")
- 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, "<br>")
- 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
- }
- }