removed old screenshots and thumbnails and added in new updated images.

doc/website/index.html

@@ -67,25 +67,25 @@ <h2 class="typeface-js">Track - Invoice - Pay</h2>
           <div id="clock_box_content">
             <div id="gallery">
               <div id="row_1">
-                <a href="images/screen_1.png" title="Dashboard">
-                  <img src="images/thumb_1.png" width="80" height="80" alt="Dashboard" />
+                <a href="images/dashboard.jpg" title="Dashboard">
+                  <img src="images/dashboard_thumbnail.jpg" width="80" height="80" alt="Dashboard" />
                 </a>
-                <a href="images/screen_2.png" title="Invoice Exportation">
-                  <img src="images/thumb_2.png" width="80" height="80" alt="Invoice Exportation" />
+                <a href="images/invoicing.jpg" title="Invoice Exportation">
+                  <img src="images/invoicing_thumbnail.jpg" width="80" height="80" alt="Invoice Exportation" />
                 </a>
-                <a href="images/screen_3.png" title="Payroll Exportation">
-                  <img src="images/thumb_3.png" width="80" height="80" alt="Payroll Exportation" />
+                <a href="images/payroll_export.jpg" title="Payroll Exportation">
+                  <img src="images/payroll_export_thumbnail.jpg" width="80" height="80" alt="Payroll Exportation" />
                 </a>
               </div>
               <div id="row_2">
-                <a href="images/screen_4.png" title="User Management">
-                  <img src="images/thumb_4.png" width="80" height="80" alt="User Management" />
+                <a href="images/user_management.jpg" title="User Management">
+                  <img src="images/user_management_thumbnail.jpg" width="80" height="80" alt="User Management" />
                 </a>
-                <a href="images/screen_5.png" title="Client Management">
-                  <img src="images/thumb_5.png" width="80" height="80" alt="Client Management" />
+                <a href="images/client_management.jpg" title="Client Management">
+                  <img src="images/client_management_thumbnail.jpg" width="80" height="80" alt="Client Management" />
                 </a>
-                <a href="images/screen_6.png" title="Payroll Index">
-                  <img src="images/thumb_6.png" width="80" height="80" alt="Payroll Index" />
+                <a href="images/payroll_index.jpg" title="Payroll Index">
+                  <img src="images/payroll_index_thumbnail.jpg" width="80" height="80" alt="Payroll Index" />
                 </a>
               </div>
             </div>