diff --git a/Website/content/pages/About.md b/Website/content/pages/About.md
index 5e4e70c..d7cea85 100644
--- a/Website/content/pages/About.md
+++ b/Website/content/pages/About.md
@@ -11,6 +11,7 @@ It is still in early development, but pretty much already achieves what it was c
The project is under the __[simplified BSD license](http://www.linfo.org/bsdlicense.html)__. So here are the rules :
+
Copyright (c) 2012, Julien Lengrand-Lambert
All rights reserved.
@@ -36,6 +37,8 @@ ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
[Here is where you can learn more about this license]http://www.linfo.org/bsdlicense.html).
The important thing to note is that __I can not be taken responsible for any problem you might encounter__ (but I'd be glad to help you solve them if you have some).
diff --git a/Website/content/pages/Downloads.md b/Website/content/pages/Downloads.md
index dd85691..6ac11e4 100644
--- a/Website/content/pages/Downloads.md
+++ b/Website/content/pages/Downloads.md
@@ -6,8 +6,8 @@ Slug: Downloads
Here is what you need to install Ivolution :
-- For Windows users, the last executable
-- For Linux and Mac users, the source package
+- For __Windows__ users, the last executable
+- For __Linux and Mac__ users, the source package
- Complete source code of the last version (updated each time I commit)
@@ -35,4 +35,4 @@ Several other ressources are available to download :
- pack of samples, to test the application.
-If you think something is missing, just let me know by dropping a message to __ivolution-app@gmail.com__ or [file a request here](https://github.com/jlengrand/Ivolution/issues)
\ No newline at end of file
+If you think something is missing, just let me know by dropping a message to __[ivolution-app@gmail.com](mailto:ivolution-app@gmail.com)__ or [file a request here](https://github.com/jlengrand/Ivolution/issues)
\ No newline at end of file
diff --git a/Website/content/pages/FirstPage.md b/Website/content/pages/FirstPage.md
index 946ad9c..41eeea0 100644
--- a/Website/content/pages/FirstPage.md
+++ b/Website/content/pages/FirstPage.md
@@ -11,7 +11,7 @@ Feed it with a bunch of images and it will generate a movie with your face cente
Here is a small demonstration of what Ivolution can achieve :
-
+
Ivolution uses __face detection__ and modifies the images so that your face always keeps the same size and location over the movie.
@@ -21,7 +21,9 @@ Ivolution uses a really simple interface, so that you timelapse is only two clic
Here is what the current interface looks like :
-
+
+
+
diff --git a/Website/content/pages/MainInterface.md b/Website/content/pages/MainInterface.md
index 887fddc..1a1a227 100644
--- a/Website/content/pages/MainInterface.md
+++ b/Website/content/pages/MainInterface.md
@@ -7,7 +7,9 @@ Slug: MainInterface
The following picture shows what you should see when launching the Ivolution application.
-
+
+
+
The main frame is composed of three different parts :
@@ -49,7 +51,9 @@ The toolbar contains several icons, each of them having a precise purpose:
The main frame regroups all the elements of the interface that will give you information about your project.
-
+
+
+
It is divided into 4 different parts
@@ -73,9 +77,10 @@ When all the files are given a color, the face detection step is terminated and
Below are presented 2 examples of processing list. In the first case, the face detection is being performed and everything seems to work fine.
In the second example, the operation seem to be finished as all the images have been processed. No face has been found on one of the images though.
-
-
-
+
+
+
+
#### Status Bar
diff --git a/Website/content/pages/OneMinuteKickOff.md b/Website/content/pages/OneMinuteKickOff.md
index 0f038f0..e287a37 100644
--- a/Website/content/pages/OneMinuteKickOff.md
+++ b/Website/content/pages/OneMinuteKickOff.md
@@ -17,20 +17,23 @@ You should now see the main frame of the application.
Click on the input folder, and select the location of the samples.
-
-
+
+
+
Click on start, and wait for the processing to end.
-
-
+
+
+
Here is what you should get once everything is finished :
-
-
+
+
+
__Done !__ You can now watch the timelapse generated from the images.
diff --git a/Website/content/pages/Settings.md b/Website/content/pages/Settings.md
index 78a19c3..9918122 100644
--- a/Website/content/pages/Settings.md
+++ b/Website/content/pages/Settings.md
@@ -17,8 +17,9 @@ The settings Window is divided into two main parts :
This is the default page opened when you click on settings.
-
-
+
+
+
The basic settings page contains only elements:
@@ -32,8 +33,9 @@ The basic settings page contains only elements:
The advanced settings page contain several option you can adjust to modify the timelapse creation algorithm behavior.
-
-
+
+
+
### Speed of the video
@@ -54,8 +56,9 @@ Each image is also moved so that __the faces always stays in the same place__, e
You can easily understand this concept by looking at the difference between each mode in this video :
-
+
+
By choosing the __conservative mode__, all of your images are entirely used.
diff --git a/themes/ivolution/static/bootstrap.min.css b/themes/ivolution/static/bootstrap.min.css
index e52adf1..bf1267f 100644
--- a/themes/ivolution/static/bootstrap.min.css
+++ b/themes/ivolution/static/bootstrap.min.css
@@ -277,6 +277,7 @@ a.menu:after,.dropdown-toggle:after{width:0;height:0;display:inline-block;conten
.hero-unit{background-color:#f5f5f5;margin-bottom:30px;padding:60px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;letter-spacing:-1px;}
.hero-unit p{font-size:18px;font-weight:200;line-height:27px;}
footer{margin-top:17px;padding-top:17px;border-top:1px solid #eee;}
+.to-center{position:absolute;left:50%;top:50%}
.page-header{margin-bottom:17px;border-bottom:1px solid #ddd;-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}.page-header h1{margin-bottom:8px;}
.page-content{max-width:750px;}
.btn.danger,.alert-message.danger,.btn.danger:hover,.alert-message.danger:hover,.btn.error,.alert-message.error,.btn.error:hover,.alert-message.error:hover,.btn.success,.alert-message.success,.btn.success:hover,.alert-message.success:hover,.btn.info,.alert-message.info,.btn.info:hover,.alert-message.info:hover{color:#ffffff;}
