 
     miningPanel = React.createElement(MiningPanel, {stats: @state.stats})
 
+    iskPanel = React.createElement(ISKPanel, {stats: @state.stats})
+    marketPanel = React.createElement(MarketPanel, {stats: @state.stats})
+
+    contactsSelfPanel = React.createElement(ContactsPanel, {context: 'self', stats: @state.stats})
+    contactsOtherPanel = React.createElement(ContactsPanel, {context: 'other', stats: @state.stats})
+
     rawStatsList = React.createElement(RawStatsList, {stats: @state.stats})
 
     dom.div {className: 'container'},

        dom.div {className: 'col-md-6'}, miningPanel

      # Markets

      # Social

      # Misc

      rawStatsList
)

Title = React.createClass(

    label: 'Veldspar'
    iconId: 1230

  great:
    label: 'Excellent'
    color: '#0C2174'
    icon: 'images/standingsExcellent.png'
  good:
    label: 'Good'
    color: '#3E5FBF'
    icon: 'images/standingsGood.png'
  neutral:
    label: 'Neutral'
    color: '#868786'
    icon: 'images/standingsNeutral.png'
  bad:
    label: 'Bad'
    color: '#A94700'
    icon: 'images/standingsBad.png'
  horrible:
    label: 'Terrible'
    color: '#7C0000'
    icon: 'images/standingsTerrible.png'

# alias styles
STYLES.HighSec = STYLES.high
STYLES.LowSec = STYLES.low
