index.html

---
layout: index
---

{% for project in site.data.projects %}
<a href="{{project.url}}"><div class="box">
		<div class="title"><span class="project">{{project.name}}</span></div>
		<div class="description"> {{project.description}} </div>
		<div class="clearfix">
			<div class="left desktop">status: {{project.status}}</div>
			<div class="center"><span class="desktop">latest release: </span>{{project.release}}</div>
			<div class="center">
				{% if project.bower %}
					<img src="http://bower.io/img/bower-logo.png" style="width: 24px; height: 24px">
				{% endif %}

				{% if project.npm %}
					<a href="{{project.npm}}"><img src="https://www.npmjs.com/static/images/npm-logo.png" style="width: 60px; height: 24px"></a>
				{% endif %}
			</div>
			<a class="right" href="{{project.travis}}"><img src="{{project.travis}}.png?branch=master" alt="Build Status"></a>
		</div>
</div></a>
{% endfor %}

<a href="http://github.com/ibm-js"><div class="box">Additional Front End JavaScript projects can be found on ibm-js Github account</div></a>
<a href="http://ibm.github.io/"><div class="box">Looking for more IBM Github repos?</div></a>