menu {{ctrl.content.site.owner}} share
arrow_back

{{tab}}

{{ctrl.content.tabs[tab].icon}}
{{ctrl.content.tabs['terms'].long}}
{{ctrl.content.tabs['contact'].long}}
© {{ctrl.content.copyright.period}} {{ctrl.content.copyright.name}}
goto top keyboard_arrow_up
{{t.tab}} keyboard_arrow_left keyboard_arrow_right

{{t.title}} ?

  • {{p}}
{{tt.text}} {{ctrl.content.images[ctrl.content.tabs[t].image].source}}

{{ctrl.content.tabs[t].medium}}

{{ctrl.content.sections[section].question}}

{{ ctrl.alsArray2Paragraph(ctrl.content.sections[section].leads.slice(0, 3)) }}

 {{tt.text}} our {{t.toUpperCase()}} page read more

Font

The quick brown fox jumps over the lazy dog | HIJ klm | OPQ 012
{{o.name}}

Material Design

Google standard typography
Show

See here for the official documentation.

H1 Headline 45px

H2 Headline 34px

H3 Headline 24px

H4 Title 20px

H5 Subhead 16px

P Lead medium weight 14px

P Body regular weight 14px

SPAN Caption 12px

{{ctrl.content.sections[section].headline}}

{{ctrl.content.sections[section].subhead}}
{{ctrl.content.sections[section].tagline}}

{{ctrl.content.sections[section].lead}}

{{ ctrl.alsArray2Paragraph(ctrl.content.sections[section].leads) }}

{{ctrl.content.sections[section].lists.intro}}

{{ll.header}}

  • {{p}}
Expand all
{{ss.subhead}}
{{ss.tagline}}
{{ss.expanded ? 'expand_less' : 'expand_more'}}

{{ss.lead}}

{{tt.text}} {{img.source}}

{{img.caption}}

{{ss.subhead}}

{{p}}

{{ss.lists.intro}}

{{ll.header}}

  • {{p}}

{{ss.venns.intro}}

{{ll.header}}

{{ll.points[0]}}

{{ll.points[1]}}

{{ll.points[2]}}

{{ll.points[3]}}

{{ll.points[4]}}

{{ss.tables.intro}}

{{tt.header}}

{{th}}
{{tr[th]}}

{{a.name}}

{{icons[k]}} {{k}}: {{v}} {{v.account}}@{{v.domain}}

follow us on

{{tt.text}} {{ctrl.content.pubs[i].title}}
{{tt.icon}}    {{ctrl.content.pubs[i].short}}
{{tt.text}} {{ctrl.content.links[i].title}}
{{tt.icon}}    {{ctrl.content.links[i].short}}

{{ctrl.content.people.groups[group].tagline}}

{{[bio.nameFirst, bio.nameLast].join(' ')}}
{{bio.teamJobtitle}}
{{[bio.teamRole,bio.teamYear,'and is based in', ctrl.content.locations[bio.teamLocation].city, '('+ctrl.content.locations[bio.teamLocation].country.toUpperCase()+')'].join(' ')}}

{{bio.nameFirst}}

visit our team page

{{ctrl.content.people.groups[group].tagline}}

{{[bio.nameFirst, bio.nameLast].join(' ')}} {{bio.teamJobtitle}}

{{bio.profile}}

{{bio.achievement1}}

{{bio.achievement2}}

{{[bio.nameGender,'holds',bio.education].join(' ') +'. '}} {{[bio.nameFirst,bio.teamRole,ctrl.content.site.owner,bio.teamYear,'and is based in', ctrl.content.locations[bio.teamLocation].city, '('+ctrl.content.locations[bio.teamLocation].country.toUpperCase()+')'].join(' ') + '.'}}

{{more[$index] ? "ok" : "more"}}

{{ctrl.content.people.groups[group].tagline}}

{{[bio.nameFirst,bio.teamRole,ctrl.content.site.owner,bio.teamYear].join(' ') + '.'}}

{{[bio.nameFirst, bio.nameLast].join(' ')}}

{{bio.teamJobtitle}}

{{[ctrl.content.locations[bio.teamLocation].city, '('+ctrl.content.locations[bio.teamLocation].country.toUpperCase()+')'].join(' ')}}

{{bio.profile}}

{{bio.achievement1}}

{{bio.achievement2}}

{{[bio.nameGender,'holds',bio.education].join(' ') +'. '}}

Case {{$index+1}}

{{ctrl.content.cases[case].headline}}

{{ctrl.content.cases[case].subhead}}
{{ctrl.content.cases[case].tagline}}
{{tt.text}} {{ctrl.content.images[ctrl.content.cases[case].image].source}}

{{ctrl.content.images[ctrl.content.cases[case].image].caption}}

The problem - {{ctrl.content.cases[case].story.problem}}

The solution - {{ctrl.content.cases[case].story.solution}}

Next steps - {{ctrl.content.cases[case].story.next}}

{{ctrl.content.cases[case].testimonial.quote}} {{ctrl.content.cases[case].testimonial.name}} {{ctrl.content.cases[case].testimonial.role}}
{{tt.text}} {{ctrl.content.pubs[ctrl.content.cases[case].pub].title}}
{{tt.icon}}    full story

{{ctrl.content.slogans.topics}}

{{tt.text}} {{ctrl.content.images[ctrl.content.topics[topic].image].source}}

{{ctrl.content.topics[topic].headline}}

{{ctrl.content.topics[topic].subhead}}
{{ctrl.content.topics[topic].tagline}}

{{ctrl.content.topics[topic].story.know}}

{{ctrl.content.topics[topic].story.feel}}

{{ctrl.content.topics[topic].story.do}}

 {{tt.text}} {{ctrl.content.pubs[ctrl.content.cases[case].pub].title}}
{{tt.icon}}    case study

{{s.headline}}

{{e.image?ctrl.content.images[e.image].caption:ctrl.content.logos[e.logo].name}}

{{(e.start?[e.start, e.end].join('—'):e.end)+', '+e.location+''}}

{{[e.deliverable?e.deliverable:e.service, ctrl.content.events.phrases[e.type], e.name].join(' ')}}

{{e.lead}}

{{showAll ? "most recent only" : "show all"}}

test

test
primary
accent

our palettes

(Material Design colour picker to be added)

our styles

{{key}}

md-colors='{{ctrl.alsMdColors(key)}}'
{{prop}}
{{p}}

JSON source

content configuration hide headers
{{k}}
{{v | json}}
 
{{ctrl.content | json}}

{{set}}

hover to see tooltips
Show Apple Terminal rename commands Show as avatar
action from to
mv "{{v.url.split('\\').pop().split('/').pop().split('?')[0]}}" "{{k}}.{{v.url.split('\\').pop().split('/').pop().split('?')[0].split('.').pop()}}"
{{tt.text}} {{img.source}}
{{k}} {{tt.icon}}

publications

can be downloaded as pdf
Show summaries
  1. {{i.title}} - {{i.subtitle}} | {{i.authors.join(', ')}} | {{i.date}}

    {{i.summary}}
© {{ctrl.config.copyright.period}} {{ctrl.content.copyright.name}}
{{ctrl.content.tabs['terms'].long}} {{ctrl.content.tabs['contact'].long}}