Skip to content
Super light HTML and CSS template for personas.
Branch: gh-pages
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
_data
img
.gitignore
Gemfile
Gemfile.lock
LICENSE
README.md
_config.yml
index.html
persona-process.md
style.css

README.md

Persona Template

Super light HTML and CSS template for personas.

Update:

  • name;
  • job title (e.g. Programme Manager);
  • role description (e.g. Technically-inclined PM);
  • photo;
  • the id attribute of the .persona div so that you can link directly to it, like personas.com/#personas-name.

If you want to display responsibilities too, update:

  • img/hats.png;
  • the styles for the text colours: .hat-*;
  • the background positions of the CSS sprite: .haticon-*.

To add another persona, copy and paste the whole .persona div, then do the updates above.

You can’t perform that action at this time.