Colorize roadmap using Bootstrap alerts

This MR introduces new colors to Bootstrap for Cloud, Software, Backbone and Overall. These colors are then used to colorize the roadmap.

Closes #8 (closed)

_layouts/roadmap.html

@@ -12,7 +12,6 @@
         {% assign unique_dates = sorted_roadmap | map: "date" | uniq | sort %}
 
         {% assign year = "1999" %}
-        {% assign did_first_section = false %}
 
         <section>
         <div class="timeline">
@@ -22,25 +21,25 @@
 
             {% if newyear != year %}
                 {% assign year = newyear %}
-                <div class="roadmap-year">{{ newyear }}</div>
+                <h1>{{ newyear }}</h1>
             {% endif %}
 
             <div class="roadmap-month">
                 <div class="timeline-bubble"></div>
-                <div class="month-text">{{ date_item | date: "%B %Y" }}</div>
+                <h2>{{ date_item | date: "%B %Y" }}</h2>
             </div>
             <div class="roadmap-item">
 
 
                         {% for roadmap_item in sorted_roadmap_by_date %}
                             {% assign service_short = roadmap_item.service | capitalize %}
-                            <article>
+                            <article class="alert-{{ roadmap_item.service }}-light">
                             {% for service_name in service_names %}
                                 {% if service_name contains service_short %}
-                                    <div class="service_name">{{ service_name }}</div>
+                                    <span class="service_name badge badge-{{ roadmap_item.service }}-light">{{ service_name }}</span>
                                 {% endif %}
                             {% endfor %}
-                            <p>{{ roadmap_item.content | markdownify }}</p>
+                            {{ roadmap_item.content | markdownify }}
                             </article>
                         {% endfor %}