mixin svglink
svg(xmlns="http://www.w3.org/2000/svg")
path(d="M24 30.2c0 .2.1.5.1.8 0 1.4-.5 2.6-1.5 3.6l-2 2c-1 1-2.2 1.5-3.6 1.5-2.8 0-5.1-2.3-5.1-5.1 0-1.4.5-2.6 1.5-3.6l2-2c1-1 2.2-1.5 3.6-1.5.3 0 .5 0 .8.1l1.5-1.5c-.7-.3-1.5-.4-2.3-.4-1.9 0-3.6.7-4.9 2l-2 2c-1.3 1.3-2 3-2 4.9 0 3.8 3.1 6.9 6.9 6.9 1.9 0 3.6-.7 4.9-2l2-2c1.3-1.3 2-3 2-4.9 0-.8-.1-1.6-.4-2.3L24 30.2z")
path(d="M33 10.1c-1.9 0-3.6.7-4.9 2l-2 2c-1.3 1.3-2 3-2 4.9 0 .8.1 1.6.4 2.3l1.5-1.5c0-.2-.1-.5-.1-.8 0-1.4.5-2.6 1.5-3.6l2-2c1-1 2.2-1.5 3.6-1.5 2.8 0 5.1 2.3 5.1 5.1 0 1.4-.5 2.6-1.5 3.6l-2 2c-1 1-2.2 1.5-3.6 1.5-.3 0-.5 0-.8-.1l-1.5 1.5c.7.3 1.5.4 2.3.4 1.9 0 3.6-.7 4.9-2l2-2c1.3-1.3 2-3 2-4.9 0-3.8-3.1-6.9-6.9-6.9z")
path(d="M20 31c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l10-10c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-10 10c-.2.2-.4.3-.7.3z")
mixin svgextlink
svg(xmlns="http://www.w3.org/2000/svg")
path(d="M38.288 10.297l1.414 1.415-14.99 14.99-1.414-1.414z")
path(d="M40 20h-2v-8h-8v-2h10z")
path(d="M35 38H15c-1.7 0-3-1.3-3-3V15c0-1.7 1.3-3 3-3h11v2H15c-.6 0-1 .4-1 1v20c0 .6.4 1 1 1h20c.6 0 1-.4 1-1V24h2v11c0 1.7-1.3 3-3 3z")
mixin svgcal
.cal.icon
svg(xmlns="http://www.w3.org/2000/svg")
path(d="M37 38H13c-1.7 0-3-1.3-3-3V13c0-1.7 1.1-3 2.5-3H14v2h-1.5c-.2 0-.5.4-.5 1v22c0 .6.4 1 1 1h24c.6 0 1-.4 1-1V13c0-.6-.3-1-.5-1H36v-2h1.5c1.4 0 2.5 1.3 2.5 3v22c0 1.7-1.3 3-3 3z")
path(d="M17 14c-.6 0-1-.4-1-1V9c0-.6.4-1 1-1s1 .4 1 1v4c0 .6-.4 1-1 1z")
path(d="M33 14c-.6 0-1-.4-1-1V9c0-.6.4-1 1-1s1 .4 1 1v4c0 .6-.4 1-1 1z")
path(d="M20 10h10v2H20z")
path(d="M12 16h26v2H12z")
path(d="M34 20h2v2h-2z")
path(d="M30 20h2v2h-2z")
path(d="M26 20h2v2h-2z")
path(d="M22 20h2v2h-2z")
path(d="M18 20h2v2h-2z")
path(d="M34 24h2v2h-2z")
path(d="M30 24h2v2h-2z")
path(d="M26 24h2v2h-2z")
path(d="M22 24h2v2h-2z")
path(d="M18 24h2v2h-2z")
path(d="M14 24h2v2h-2z")
path(d="M34 28h2v2h-2z")
path(d="M30 28h2v2h-2z")
path(d="M26 28h2v2h-2z")
path(d="M22 28h2v2h-2z")
path(d="M18 28h2v2h-2z")
path(d="M14 28h2v2h-2z")
path(d="M30 32h2v2h-2z")
path(d="M26 32h2v2h-2z")
path(d="M22 32h2v2h-2z")
path(d="M18 32h2v2h-2z")
path(d="M14 32h2v2h-2z")
mixin title(description, classname)
.main-heading(class=classname)
h2= description
mixin quote(text)
.quote
p= text
mixin text(text)
.textnode
p= text
mixin spanner(array)
for item in array
each val, key in item
if (key == 'break')
br
else
span(class=key)= val
mixin section(description, classname)
.section(class=classname)
.std-format
if description
p.script= description
block
mixin table(array, display)
.table
for subject in array
ul.tabs
each val, key in subject
li.title= key
each item in val
if (display == 'tags')
li.display-tags= item
else
li.display-list= item
mixin two-column-single-table(title, object)
.table
ul.tabs
li.title= title
for val, key in object
li.display-list
ul.twins
li= key
li= val
mixin row(array)
.row
for section in array
.col(class=section['class'])
if section['img']
img(src=section['img'])
else
if section['link']
a(href= 'http://'+section['link'])
p #{section['content']}
else
p= section['content']
mixin multirow(data, params)
.collection
for row in data
.row
for item in params
each val,key in item
.col(class=val)
p= row[key]
mixin bulletrow(array)
ul.bullets
for point in array
li= point
.circle
mixin paragraphs(array, content)
if content
+title(content)
.formal
each paragraph in array
p= paragraph
mixin link-or-die(url)
if url
.jump(data-src=url data-icn="link" class="icon", title="link to project")
+svgextlink()
else
.dead(data-src="img/deadlink.png")
mixin employment(array)
.employment
each item in array
.job
.header
.group
ul.synopsis
li.logo(style='background-image:url('+item['job']['company']['logo'] +')')
li.company
+spanner([
{'large-font':item['job']['company']['name']},
{'large-font':item['job']['company']['client'] + ','},
{'break':''},
{'':item['job']['company']['location']}
])
li.jobbits
+spanner([
{'':item['job']['company']['jobtitle']},
{'':', on '},
{'':item['job']['company']['project']}
])
li.link
+link-or-die(item['job']['company']['url'])
li.dates
+spanner([
{'':item['job']['date']['duration']},
{'':', from: '},
{'':item['job']['date']['start']['date']}
])
+svgcal()
.group
.single-table-1-2
+table([{'Technologies':item['job']['experience']['stack']}],'tags')
.single-table-1-2
+quote(item['job']['experience']['summary'])
.clear
.detail(reveal='more')
.more-btn click to read more..
.job-description
+paragraphs(item['job']['experience']['overview'])
.follow-on
p.script Consequences, leads and any final thoughts..
+bulletrow(item['job']['experience']['follow'])
mixin description(array)
.content
each item in array
+multirow([item],[{date:'tiny-cell'},{name:''},{url:'align-right'}])
+paragraphs(item.description)
mixin alternative(array)
.content
each item in array
+multirow([item],[{date:'tiny-cell'},{description:''}])
mixin biasmeter(title, extremeLeft, extremeRight)
.bias
p= title
.bias--meter
.bias--slider
.slice.b--left= extremeLeft
.slice.b--mid
.measure--line
.measure--position(class=title)
.sphere
.slice.b--right= extremeRight
+title(about.me.name + ' ' + about.me.surname + ' - ' + about.job.title + ', (' + about.job.experience + ')', 'start')
.bias-container
+biasmeter('Stack', 'Backend', 'Frontend')
+biasmeter('Experience', 'Junior', 'Senior')
+section('Contact and Portfolio')
+quote(about.me.summary)
.group
.single-table-1-3
+two-column-single-table('education',education.degree)
.single-table-1-3
+two-column-single-table('portfolio',portfolio)
.single-table-1-3
+two-column-single-table('contact',contact)
.clear
+table([{'specialist-areas':about.job.specialise}],'tags')
+section('About me, aims and focus..')
+paragraphs(about.summary)
+section('Skills, Practice and Development Tools')
+table(skills.technical, 'tags')
+title('Professional Experience')
+section('Employment History','history')
+employment(employment)
+title('Other Projects, Comissions and Points of Interest')
+section('Website builds')
+multirow(websites,[{date:'tiny-cell'},{name:''},{url:'align-right'},{stack:'align-right'}])
+section('Affiliated Projects')
.affiliated
+description(projects)
+section('End of the line..')
+alternative(alternative)
+section('Thanks for looking..!')