Completing the web page

Fix #78 by adding all the libraries & widgets used (in About page & Readme file) Fix #42 by finishing all the first work on the UI
Gulix · Jul 29, 2016 · 739a4af · 739a4af
1 parent a219d77
commit 739a4af
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 13 deletions.
diff --git a/README.md b/README.md
@@ -25,10 +25,24 @@ It's free, open-source, and you can get it, modify it, enhance it. Feel free to
 
 **Geckos** will not work without those libraries, that I use inside the project :
 
-* knockoutJS
-* FabricJS
-* FileSaver.js
-* CKeditor
+* **Geckos main engine**
+  * [JQuery](https://jquery.com/)
+  * [KnockoutJS](http://knockoutjs.com/)
+  * [FabricJS](http://fabricjs.com/)
+  * [RequireJS](http://requirejs.org/)
+* **Geckos UI**
+  * [Skeleton](http://getskeleton.com)
+  * [codrops - Responsive Full Width Tabs](https://github.com/codrops/FullWidthTabs)
+  * [codrops - Vertical Icon Menu](https://github.com/codrops/Blueprint-VerticalIconMenu)
+  * [IcoMoon Vector Font generator](https://icomoon.io)
+* **Widgets**
+  * [CKEditor](http://ckeditor.com/)
+  * [JSColor](http://jscolor.com/)
+  * [JQuery.simplecolorpicker.js](https://github.com/tkrotoff/jquery-simplecolorpicker)
+  * [ddSlick](http://designwithpc.com/Plugins/ddSlick)
+* **Helpers & others libraries**
+  * [FileSaver.js](https://github.com/eligrey/FileSaver.js/)
+  * [TinyColor](http://bgrins.github.io/TinyColor/)
 
 ## The How
 

diff --git a/src/index.html b/src/index.html
@@ -54,6 +54,12 @@
                 <li><a href="https://github.com/Gulix/geckos">Github Page</a></li>
             </ul>
           </div>
+          <h1>Welcome to Geckos</h1>
+          <p>Geckos is a web-application which goal is to create <em>Image cards</em>, through the use of predetermined <em>Templates</em>.</p>
+          <p>Those templates are built in a simple language (JSON), and can be easily modified.</p>
+          <p>Set your template, add new cards and edit them, and you can download your images !</p>
+          <p>No login required, all the work is done inside your browser with modern javascript framework !</p>
+          <p>Geckos is fully Open-Source, and the source-code is available to anyone.</p>
         </section>
 
         <!-- ********************
@@ -188,15 +194,38 @@ <h1>About Geckos</h1>
               <p>Other templates can be found on <a href="https://github.com/Gulix/geckos/tree/master/templates">this page</a> of the repository.</p>
               <p>Geckos is open-source, and can be found on <a href="http://www.github.com/gulix/geckos">Github</a>.</p>
               <p>Geckos is still <a href="http://www.github.com/gulix/geckos/issues">under development</a>, and this demo page is a Beta version of the software.</p>
-              <p>Geckos uses open-source softwares &amp; libraries :</p>
+              <p>Geckos relies on multiple open-source softwares &amp; libraries :</p>
               <ul>
-                <li><a href="https://jquery.com/">JQuery</a></li>
-                <li><a href="http://knockoutjs.com/">KnockoutJS</a></li>
-                <li><a href="http://fabricjs.com/">FabricJS</a></li>
-                <li><a href="https://github.com/eligrey/FileSaver.js/">FileSaver.js</a></li>
-                <li><a href="http://ckeditor.com/">CKEditor</a></li>
-                <li><a href="http://jscolor.com/">JSColor</a></li>
-                <li><a href="http://getskeleton.com">Skeleton</a></li>
+                <li>Geckos main engine
+                  <ul>
+                    <li><a href="https://jquery.com/">JQuery</a></li>
+                    <li><a href="http://knockoutjs.com/">KnockoutJS</a></li>
+                    <li><a href="http://fabricjs.com/">FabricJS</a></li>
+                    <li><a href="http://requirejs.org/">RequireJS</a></li>
+                  </ul>
+                </li>
+                <li>Geckos UI
+                  <ul>
+                    <li><a href="http://getskeleton.com">Skeleton</a></li>
+                    <li><a href="https://github.com/codrops/FullWidthTabs">codrops - Responsive Full Width Tabs</a></li>
+                    <li><a href="https://github.com/codrops/Blueprint-VerticalIconMenu">codrops - Vertical Icon Menu</a></li>
+                    <li><a href="https://icomoon.io">IcoMoon Vector Font generator</a></li>
+                  </ul>
+                </li>
+                <li>Widgets
+                  <ul>
+                    <li><a href="http://ckeditor.com/">CKEditor</a></li>
+                    <li><a href="http://jscolor.com/">JSColor</a></li>
+                    <li><a href="https://github.com/tkrotoff/jquery-simplecolorpicker">JQuery.simplecolorpicker.js</a></li>
+                    <li><a href="http://designwithpc.com/Plugins/ddSlick">ddSlick</a></li>
+                  </ul>
+                </li>
+                <li>Helpers &amp; others libraries
+                  <ul>
+                    <li><a href="https://github.com/eligrey/FileSaver.js/">FileSaver.js</a></li>
+                    <li><a href="http://bgrins.github.io/TinyColor/">TinyColor</a></li>
+                  </ul>
+                </li>
               </ul>
               <p>Any problem ? Any need ? Any question ? Any bug ? Write an <a href="http://www.github.com/gulix/geckos/issues/new">Issue</a> !<p>
             </div>
@@ -205,7 +234,7 @@ <h1>About Geckos</h1>
       </div>
     </div>
     <div class="clear"></div>
-    <div class="page-footer">Beta version 1 (WIP) - Last updated 2016-07-03 (master branch)</div>
+    <div class="page-footer">Beta version 1 (WIP) - Last updated 2016-07-29 (master branch)</div>
   </div>