test commit
[mgallery] / www / index.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6 <title>MySocials Gallery</title>
7 <link href="style.css" rel="stylesheet" type="text/css" />
8 </head>
9
10 <body>
11 <table width="779" border="0" align="center" cellpadding="0" cellspacing="0">
12   <tr>
13     <td><table width="70%" border="0" cellspacing="0" cellpadding="0">
14       <tr>
15         <td class="redbox">&nbsp;</td>
16       </tr>
17       <tr>
18         <td height="45"><a href="index.html" class="logo">MySocials Gallery</a></td>
19       </tr>
20     </table></td>
21   </tr>
22   <tr>
23     <td>&nbsp;</td>
24   </tr>
25   <tr>
26     <td height="10"></td>
27   </tr>
28   <tr>
29     <td bgcolor="#F3F3F3" class="border"><table width="100%" border="0"
30     cellspacing="0" cellpadding="0">
31       <tr>
32         <td height="10"></td>
33       </tr>
34       <tr>
35         <td><table border="0" cellspacing="0" cellpadding="0">
36       <tr>
37         <td class="heading"></td>
38       </tr>
39     </table></td>
40       </tr>
41       <tr>
42         <td height="10"></td>
43       </tr>
44       <tr>
45         <td class="content">
46                 <h1>Project Description</h1>
47                 <p> MySocials Gallery is an application for browsing galleries of the images from social networks. It allows the user to view his/her own images and galleries created by user's friends. Current version supports Facebook and VKontakte.</p>
48                 <p>After you start MySocials Gallery for the first time, you will see "add new account" window. You should create an account by inputing some name and choosing one of the supported services.</p>              
49                 <p align="center"><img src="images/add-account.png" width="400px" height="240px" /></p>
50                 <p>Then you have to log on the service. Our application uses autorization through web-interface (Webauth). <b>MySocials Gallery doesn't store your registration information (e.g. login and password).</b> Therefore if your session is out of date, the application shows autorization window again.</p>
51                 <p align="center"><img src="images/autorization.png" width="400px" height="240px" /></p>
52                 <p>The main window of MySocial Gallery consists of the list of your friends from social network and the list of your own albums.</p>
53                 <p align="center"><img src="images/common-view.png" width="400px" height="240px" /></p>
54                 <p>You can find a friend in the list by using quick search.</p>
55                 <p align="center"><img src="images/friend-search.png" width="400px" height="240px" /></p>
56                 <p>You can view the albums, created by your friends in social networks. You should choose one of your friends from the list and click on it.</p>
57                 <p align="center"><img src="images/friend-albums.png" width="400px" height="240px" /></p>               
58                 <p>You will see the list of your friend's albums and it's content as a list of previews of the photos.</p>
59                 <p align="center"><img src="images/friend-photos-2.png" width="400px" height="240px" /></p>
60                 <p>You can view the photos in full screen mode after clicking on the photo preview. If the photo hasn't been loaded from service you will see it's preview.</p>
61                 <p align="center"><img src="images/download-image-for-show.png" width="400px" height="240px" /></p>
62                 <p>After loading you will see the picture in full screen mode.</p>
63                 <p align="center"><img src="images/image-show.png" width="400px" height="240px" /></p>
64                 <p>By using MySocials Gallery settings window you can edit the list of created accounts and set proxy settings, if you need.</p>
65                 <p align="center"><img src="images/settings.png" width="400px" height="240px" /></p>
66       </td>
67       </tr>
68     </table></td>
69   </tr>
70   <tr>
71     <td><table width="91%" border="0" align="right" cellpadding="0"
72     cellspacing="0">
73       <tr>
74         <td class="copybox"> MySocials Gallery &copy; 2010</td>
75       </tr>
76     </table></td>
77   </tr>
78   <tr>
79     <td height="10">&nbsp;</td>
80   </tr>
81 </table>
82 </body>
83 </html>