Issue 25: Improved the about page

Author: jettro

js/services.js

@@ -2,7 +2,7 @@
 
 /* Services */
 var serviceModule = angular.module('myApp.services', []);
-serviceModule.value('version', '0.2');
+serviceModule.value('version', '0.3');
 
 serviceModule.factory('elastic', ['$http', 'serverConfig', 'ejsResource', function (http, serverConfig, ejsResource) {
     function ElasticService(http, serverConfig, ejsResource) {

partials/about.html

@@ -7,61 +7,79 @@
 </div>
 
 <div class="row-fluid">
-    <div class="span2">
-        LOGO
-        <a href="http://angularjs.org">website</a>
-    </div>
-    <div class="span9">
-        <h3>AngularJS</h3>
+    <div class="span6">
+        <p>At the beginning of 2013 I started learning about elasticsearch. I was looking at existing plugins for
+            elasticsearch with basic functionality to learn about the data in the elasticsearch index. I did not really
+            find what I was looking for. Therefore I started writing my own plugin. The goal for this project is to
+            learn about the capabilities of elasticsearch and learn about some other frameworks along the way. These
+            frameworks are described on the right side of this page.</p>
 
-        <p></p>
-    </div>
-</div>
-<div class="row-fluid">
-    <div class="span2">
-        LOGO
-        <a href="http://twitter.github.com/bootstrap/#">website</a>
-    </div>
-    <div class="span9">
-        <h3>Twitter bootstrap</h3>
+        <p>By now the plugins is becoming usable. There are means to experiment with a search engine. You can look
+            at the effects of some options to the executed query. You can even look at some graphs.</p>
 
-        <p></p>
-    </div>
-</div>
+        <p>In the nearby future I am planning on creating more features related to facets, filters and other more
+            advanced stuff.</p>
 
-<div class="row-fluid">
-    <div class="span2">
-        LOGO
-        <a href="http://docs.fullscale.co/elasticjs/">website</a>
-    </div>
-    <div class="span9">
-        <h3>Elastic.js</h3>
+        <p>You can install this plugin in your own elasticsearch instance, but you can also use a deployed version
+            on my website. I do my best to keep it up to date.</p>
+        <a href="http://www.gridshore.nl/esgui">http://www.gridshore.nl/esgui</a>
 
-        <p></p>
+        <p>If you find bugs or have ideas for improvements, please use github.</p>
+        <a href="https://github.com/jettro/elasticsearch-gui">https://github.com/jettro/elasticsearch-gui</a>
     </div>
-</div>
+    <div class="span6">
+        <div class="row-fluid">
+            <div class="span12">
+                <h3>AngularJS</h3>
+                <a href="http://angularjs.org">website</a>
 
-<div class="row-fluid">
-    <div class="span2">
-        LOGO
-        <a href="http://www.fullscale.co/dangle/">website</a>
-    </div>
-    <div class="span9">
-        <h3>Dangle</h3>
+                <p>AngularJS is the MVC framework for the client. The nice thing about using angularjs for an
+                    elasticsearch
+                    plugin is that you can create a static site plugin. Still using angularjs you can create a very rich
+                    client side application.</p>
+            </div>
+        </div>
+        <div class="row-fluid">
+            <div class="span12">
+                <h3>Twitter bootstrap</h3>
+                <a href="http://twitter.github.com/bootstrap/#">website</a>
 
-        <p></p>
-    </div>
-</div>
+                <p>Twitter bootstrap is started as a pure css/html library to enable developers to create nice looking
+                    websites without to much effort. Nowadays a lot of (javascript) components are available that make
+                    life
+                    even easier.</p>
+            </div>
+        </div>
 
-<div class="row-fluid">
-    <div class="span2">
-        LOGO
-        <a href="http://angular-ui.github.com/bootstrap/">website</a>
-    </div>
-    <div class="span9">
-        <h3>UI Bootstrap</h3>
+        <div class="row-fluid">
+            <div class="span12">
+                <h3>UI Bootstrap</h3>
+                <a href="http://angular-ui.github.com/bootstrap/">website</a>
+
+                <p>This is the glue between twitter bootstrap and angularjs. This library provides a number of directive
+                    that enable developers to easily create rich client side components.</p>
+            </div>
+        </div>
+
+        <div class="row-fluid">
+            <div class="span12">
+                <h3>Elastic.js</h3>
+                <a href="http://docs.fullscale.co/elasticjs/">website</a>
+
+                <p>This is the javascript client library for elasticsearch. It is a very nice and well documented
+                    library
+                    that makes it very easy to connect to elasticsearch using a dsl.</p>
+            </div>
+        </div>
+
+        <div class="row-fluid">
+            <div class="span12">
+                <h3>Dangle</h3>
+                <a href="http://www.fullscale.co/dangle/">website</a>
+
+                <p>A set of AngularJS directives that provide common D3 visualizations for elasticsearch.</p>
+            </div>
+        </div>
 
-        <p></p>
     </div>
 </div>
-