Metaphor V2 - Custom Components



Fonts & Typography

Metaphor uses the following fonts:



Someone's Name  
Professor | Computer Science
Faculty Director - META+LAB

Overview   Overview

Contact  Degrees  Interests  Past  Courses

Fall 2018    Spring 2017
















Timeline

Timeline (default)
  • May 2016 - Steven Kitzes - MS Computer Science
    A Comparative Study of Asynchronous Performance in NodeJS
    Committee Chair: A. Kaplan. Committee Members: J. Weigley and S. Fitzgerald.
  • 12/12/12 - Really Long Title For This Research Publicaiton
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti culpa laudantium veniam nisi ea, maiores impedit nulla facilis beatae provident, sint expedita. Ab dolore sed sit nesciunt maiores doloribus minima! Ab consectetur adipisicing elit.
  • Thing Another Thing
    thing foo bar
    another another foobar
  • Thing Another Thing thing
    foo bar
    another another foobar
Timeline (dots top aligned)
  • May 2016 - Steven Kitzes - MS Computer Science
    A Comparative Study of Asynchronous Performance in NodeJS
    Committee Chair: A. Kaplan. Committee Members: J. Weigley and S. Fitzgerald.
  • 12/12/12 - Really Long Title For This Research Publicaiton
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti culpa laudantium veniam nisi ea, maiores impedit nulla facilis beatae provident, sint expedita. Ab dolore sed sit nesciunt maiores doloribus minima! Ab consectetur adipisicing elit.
  • Thing Another Thing
    thing foo bar
    another another foobar
  • Thing Another Thing thing
    foo bar
    another another foobar





Navbar






Nav

Column Nav with .nav-pills

Row Nav
Row Nav - justified
Row Nav - justified with .nav-pills




Rise Arrow









Badges and Cards

Badges (default)
  • Web Development
  • Programming Languages
  • Parallel and Distributed Programming
  • Lorem Ipsum
  • Metaphor
  • Light Badge
  • Dark Badge
Badges (outline)
  • Web Development
  • Programming Languages
  • Parallel and Distributed Programming
  • Lorem Ipsum
  • Metaphor
  • Light Badge
  • Dark Badge
Card
(basic implementation...cards can do more)
Computer Science
META+LAB




Datepicker


Include the datepicker.js file (included with MetaphorV2). Initialize with ('.date').datepicker();





Breadcrumbs





Buttons