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", "title":"",
"heading1":"Alicia Sykes", "heading1":"",
"contact":{ "contact":{
"address":"London", "address":"",
"phone": "07742922302", "phone": "",
"email":"sykes.alicia@gmail.com", "email":"",
"website":"AliciaSykes.com" "website":""
}, },
"design": { "design": {
"color":"blue" "color":"orange"
}, },
"headshot":{ "headshot":{
"url": "http://aliciasykes.com/cv/assets/profile-pic-2.jpg", "url": "",
"alt": "Receiving the BCS Best Final Year Project Prize" "alt": ""
}, },
"social":{ "social":{
"github": "github.com/lissy93", "github": "",
"linkedin":"linkedin.com/in/aliciasykes" "linkedin":""
}, },
"bio": [ "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":[ "employment":[
{ {
"role":"Software Engineer (Intern)", "role":"",
"place":"University of Oxford", "place":"",
"placeurl":"http://www.tropicalmedicine.ox.ac.uk/uk-centre", "placeurl":"",
"dates":"June - September 2013 (3 months)", "dates":"",
"description":[ "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", "role":"",
"place":"Accenture, UK", "place":"",
"placeurl":"https://www.accenture.com", "placeurl":"",
"dates":"July 2014 - September 2015 (15 months)", "dates":"",
"description":[ "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", "role":"",
"place":"UTC Swindon", "place":"",
"placeurl":"http://www.utcswindon.co.uk/", "placeurl":"",
"dates":"Part-time September 2013 - September 2014 (12 months)", "dates":"",
"description":[ "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":[ "experience":[
{ {
"title":"Teaching Computing", "title":"",
"subtitle":"Completed UAS, A Level Computing tutor, published many educational resources", "subtitle":"",
"description":[ "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", "title":"",
"subtitle":"Keen attender of coding competitions", "subtitle":"",
"description":[ "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", "title":"",
"subtitle":"http://aliciasykes.com", "subtitle":"",
"description":[ "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":[ "education":[
{ {
"course":"Computer Science BSc", "course":"",
"establishment":"Oxford Brookes University", "establishment":"",
"placeurl":"https://www.brookes.ac.uk/", "placeurl":"",
"dates":"September 2012 - May 2016", "dates":"",
"description":[ "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", "course":"",
"establishment":"St John's Academy, Marlborough", "establishment":"",
"placeurl":"http://www.stjohns.wilts.sch.uk/", "placeurl":"",
"dates":"May 2012 - Sep 2016", "dates":"",
"description":[ "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":[ "skills":[
{"name":"D3.js", "type":"web", "level":"5"}, {"name":"", "type":"", "level":"0"},
{"name":"Node.js", "type":"web", "level":"5"}, {"name":"", "type":"", "level":"0"},
{"name":"JavaScript", "type":"web", "level":"5"}, {"name":"", "type":"", "level":"0"},
{"name":"unit testing", "type":"dev", "level":"4"}, {"name":"", "type":"", "level":"0"},
{"name":"Java", "type":"Java", "level":"3"}, {"name":"", "type":"", "level":"0"},
{"name":"CSS3", "type":"web", "level":"5"}, {"name":"", "type":"", "level":"0"},
{"name":"CoffeeScript", "type":"web", "level":"5"}, {"name":"", "type":"", "level":"0"}
{"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"}
], ],
"hobies":[ "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 # Set the color of the content links to template color
links = document.getElementsByTagName('a') links = document.getElementsByTagName('a')
i = 0 i = 0
while i < links.length while i < links.length
if links[i].href if links[i].href
links[i].className += textColor links[i].className += textColor
console.log ' #{design.color}-text' i++
i++

234
src/styles/basic.sass
View File

@@ -1,117 +1,117 @@
.hide-on-computer .hide-on-computer
display: none display: none
html, body, .row, .side-bar, header html, body, .row, .side-bar, header
height: 100% height: 100%
/* SIDEBAR */ /* SIDEBAR */
.side-bar .side-bar
padding: 0 !important padding: 0 !important
header header
overflow-x: hidden overflow-x: hidden
overflow-y: auto overflow-y: auto
width: inherit width: inherit
@media (min-width: 601px) @media (min-width: 601px)
position: fixed position: fixed
.card .card
background: inherit background: inherit
margin: 0 margin: 0
.card-image .profile-pic .card-image .profile-pic
width: 100% width: 100%
.contact-container, .links-container .contact-container, .links-container
.row .row
margin: 15px 0 margin: 15px 0
.col img .col img
width: 25px width: 25px
.bio-container .bio-container
padding: 20px 0 padding: 20px 0
background: rgba(255, 255, 255, 0.4) background: rgba(255, 255, 255, 0.4)
.skills-container .skills-container
padding: 20px 0 padding: 20px 0
margin-bottom: 20px margin-bottom: 20px
background: rgba(255,255,255,0.25) background: rgba(255,255,255,0.25)
/* MAIN CONTENT */ /* MAIN CONTENT */
.main-content .main-content
margin: 20px auto margin: 20px auto
width: 90% width: 90%
p:not(:last-child) p:not(:last-child)
padding-bottom: 15px padding-bottom: 15px
border-bottom: 1px solid #e2e2e2 border-bottom: 1px solid #e2e2e2
.pad .pad
padding: 1em !important padding: 1em !important
/* TEXT */ /* TEXT */
a a
color: #008ece color: #008ece
a:hover a:hover
text-decoration: underline text-decoration: underline
h1 h1
background: rgba(0,0,0,0.6) background: rgba(0,0,0,0.6)
h2 h2
font-size: 1.8em font-size: 1.8em
font-weight: 200 font-weight: 200
color: #FFFFFF color: #FFFFFF
text-shadow: 1px 1px 1px rgba(0,0,0,0.3) text-shadow: 1px 1px 1px rgba(0,0,0,0.3)
margin: 0.5em 0 0 1em margin: 0.5em 0 0 1em
h4 h4
font-weight: 400 font-weight: 400
color: #9e9e9e color: #9e9e9e
h5 h5
margin-bottom: 0 margin-bottom: 0
/* OVERIDING STYLES FOR THE PRINTER VERSION*/ /* OVERIDING STYLES FOR THE PRINTER VERSION*/
@media print @media print
.hide-on-computer .hide-on-computer
display: block display: block
.main-content .main-content
width: 100% width: 100%
margin: 0 margin: 0
.col .col
border-bottom: 1px solid grey border-bottom: 1px solid grey
.pad .pad
padding: 0 !important padding: 0 !important
.side-bar, i .side-bar, i
display: none !important display: none !important
p, b, span, a, div, h1, h2, h3, h4, h5, h6 p, b, span, a, div, h1, h2, h3, h4, h5, h6
color: #000000 !important color: #000000 !important
b, span b, span
display: inline display: inline
div div
box-shadow: none !important box-shadow: none !important
p, span p, span
font-size: 0.9em font-size: 0.9em
line-height: 1 line-height: 1
h1 h1
background: none background: none
text-align: center text-align: center
font-size: 1.8em font-size: 1.8em
margin: 0 margin: 0
padding: 0 padding: 0
h4 h4
font-size: 1.6em font-size: 1.6em
margin: 0 margin: 0
padding: 0 padding: 0
h5 h5
font-size: 1.1em font-size: 1.1em
font-weight: normal font-weight: normal

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

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

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

@@ -1,51 +1,51 @@
header(class="#{design.color}") header(class="#{design.color}")
.card .card
.card-image.show-on-medium-and-up .card-image.show-on-medium-and-up
img.profile-pic(src="#{headshot.url}", alt="#{headshot.alt}") img.profile-pic(src="#{headshot.url}", alt="#{headshot.alt}")
h1.card-title= heading1 h1.card-title= heading1
.bio-container.z-depth-1 .bio-container.z-depth-1
h2(style='margin: 0 0 0.2em 1em') About h2(style='margin: 0 0 0.2em 1em') About
.row .row
i.col.s2.small.white-text.material-icons perm_identity i.col.s2.small.white-text.material-icons perm_identity
span.col.s10.white-text!= bio.join(" ").replace(/\n/g, "<br>") span.col.s10.white-text!= bio.join(" ").replace(/\n/g, "<br>")
- if (typeof(contact) !== 'undefined'){ - if (typeof(contact) !== 'undefined'){
.contact-container .contact-container
h2 Contact h2 Contact
- if (typeof(contact.email) !== 'undefined'){ - if (typeof(contact.email) !== 'undefined'){
.row .row
i.col.s2.small.white-text.material-icons email i.col.s2.small.white-text.material-icons email
a(href="mailto:#{contact.email}").col.s10.white-text= contact.email a(href="mailto:#{contact.email}").col.s10.white-text= contact.email
- } - }
- if (typeof(contact.phone) !== 'undefined'){ - if (typeof(contact.phone) !== 'undefined'){
.row .row
i.col.s2.small.white-text.material-icons phone i.col.s2.small.white-text.material-icons phone
a(href="dialer:#{contact.phone}").col.s10.white-text= contact.phone a(href="dialer:#{contact.phone}").col.s10.white-text= contact.phone
- } - }
- if (typeof(contact.address) !== 'undefined'){ - if (typeof(contact.address) !== 'undefined'){
.row .row
i.col.s2.small.white-text.material-icons location_on i.col.s2.small.white-text.material-icons location_on
span.col.s10.white-text= contact.address span.col.s10.white-text= contact.address
- } - }
- } - }
- if (typeof(social) !== 'undefined'){ - if (typeof(social) !== 'undefined'){
.links-container .links-container
h2 Links h2 Links
- if (typeof(contact.website) !== 'undefined'){ - if (typeof(contact.website) !== 'undefined'){
.row .row
i.col.s2.small.white-text.material-icons http i.col.s2.small.white-text.material-icons http
a(href='http://#{contact.website}').col.s10.white-text= contact.website a(href='http://#{contact.website}').col.s10.white-text= contact.website
- } - }
- if (typeof(social.github) !== 'undefined'){ - if (typeof(social.github) !== 'undefined'){
.row .row
.col.s2: img(src='assets/github.png') .col.s2: img(src='assets/github.png')
a(href='https://#{social.github}').col.s10.white-text= social.github a(href='https://#{social.github}').col.s10.white-text= social.github
- } - }
- if (typeof(social.linkedin) !== 'undefined'){ - if (typeof(social.linkedin) !== 'undefined'){
.row .row
.col.s2: img(src='assets/linkedin.png') .col.s2: img(src='assets/linkedin.png')
a(href='https://#{social.linkedin}').col.s10.white-text= social.linkedin a(href='https://#{social.linkedin}').col.s10.white-text= social.linkedin
- } - }
- } - }