add screenshots for Harmattan version
[mysocials] / 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 Project</title>
7 <link href="style.css" rel="stylesheet" type="text/css" />
8 </head>
9
10 <!--
11 <script>
12 function textToggle(textBlockId) {
13   textBlock = document.getElementById(textBlockId);
14   if (textBlock.style.display == 'none') { textBlock.style.display = 'block'; }
15   else { textBlock.style.display = 'none'; }
16 }
17 </script>
18 <style>
19   .toggler { border-bottom:1px dashed #000000; cursor:pointer; }
20   .hidden-text { display:none; }
21 </style>
22 -->
23
24 <body>
25 <table width="779" border="0" align="center" cellpadding="0" cellspacing="0">
26   <tr>
27     <td><table width="70%" border="0" cellspacing="0" cellpadding="0">
28       <tr>
29         <td class="redbox">&nbsp;</td>
30       </tr>
31       <tr>
32         <td height="45"><a href="index.html" class="logo">MySocials Project</a></td>
33       </tr>
34     </table></td>
35   </tr>
36   <tr>
37     <td>&nbsp;</td>
38   </tr>
39 <tr>
40     <td bgcolor="#E2E2D2" class="border" height="40"><table width="85%" border="0" cellspacing="0" cellpadding="0">
41       <tr align="center">
42         <td><a href="index.html" class="toplinks">About</a></td>
43         <td class="toplinks">|</td>
44         <td><a href="screenshots.html" class="toplinks">Screenshots</a></td>
45         <td class="toplinks">|</td>
46         <td><a href="api.html" class="toplinks">MySocials API</a></td>
47         <td class="toplinks">|</td>
48         <td><a href="privacy.html" class="toplinks">Privacy</a></td>
49                 <td class="toplinks">|</td>
50         <td><a href="development.html" class="toplinks">Development</a></td>
51                 <td class="toplinks">|</td>
52         <td><a href="downloads.html" class="toplinks">Downloads</a></td>
53       </tr>
54     </table></td>
55   </tr>
56   <tr>
57     <td height="10"></td>
58   </tr>
59   <tr>
60     <td bgcolor="#F3F3F3" class="border"><table width="100%" border="0"
61     cellspacing="0" cellpadding="0">
62       <tr>
63         <td height="10"></td>
64       </tr>
65       <tr>
66         <td><table border="0" cellspacing="0" cellpadding="0">
67       <tr>
68         <td class="heading"></td>
69       </tr>
70     </table></td>
71       </tr>
72       <tr>
73         <td height="10"></td>
74       </tr>
75       <tr>
76         <td class="content">
77                 <h1>MySocials App</h1>
78                 
79                  <!-- <span style='' onclick=' textToggle("example") '>Это краткий текст</span>
80 <div class='hidden-text' id='example'>
81   А это полный текст описания<br>А это полный текст описания<br>
82 </div> -->
83                 <ul class="list">
84                         <li>Simultaneous support of several social networks</li>
85                         <li>Album, Set, Collection and Image browsing and exchange</li>
86                         <li>Message browsing and exchange</li>
87                         <li>Audio and video browsing</li>
88                         <li>News feed</li>
89                         <li>Support of Harmattan and Maemo 5 platforms</li>
90                         <li>Support of mobile and desktop Linux</li>
91                 </ul>
92                 <p>
93                 MySocials application is a client for different social networks. It allows to work with various objects including users' profiles, images, messages, audio files, etc. Using your accounts from social networks you are able to browse your friends profiles, work with messages, audio files, albums and images with comments and send your own comment to each image. Also you can download images from your device to social network using this app. MySocials supports interaction with such social networks as Vkontakte, Facebook, Flickr, MyWorld from Mail.Ru and Photobucket. 
94                 </p>
95                 <p>
96 The main aim of MySocials app is to make your work with different services easier, so the app integrates all base functions of social networks such as opportunity to share your photos and video files, exchange messages with other people, browse your friends' profiles, etc. After you pass authorization in several social networks that MySocials supports, you are able to work with common list of your friends from these networks. To make navigation through this list more convenient you can use different filters. The list can be filtered by social network, by sex or by friend's status (online/offline). Also you can find a friend in the list using special field «Search».
97                 </p>
98                 <p align="center"><img src="images/harmattan/friends_fl_eng.jpg" width="240px" height="425px" alt="Harmattan version"/></p>
99                 <p align="center">
100                 <b>Browsing list of friends (Harmattan version)</b>
101                 </p>
102                 Using MySocials you are able to browse all important information about selected friend from social network such as friend's profile information, his/her albums with images and audio files, your messages that you send/get from this friend. 
103                 <p>
104                 Sharing photos and images is another important and popular service in social networks. MySocial allows you to browse you own and your friends' albums and images from different social networks, send your comment to each image and upload your images to the service by using simple form of our app.
105                 </p>
106                 <p align="center"><img src="images/desktop/albums_eng.png" width="650px" height="406px" alt="desktop version"/></p>
107                 <p align="center">
108                 <b>Browsing list of friends and albums of selected friend (desktop version)</b>
109                 </p>
110                 <p align="center"><img src="images/maemo/images_eng.png" width="660px" height="356px" alt="Maemo 5 version"/></p>
111                 <p align="center">
112                 <b>Browsing photos (Maemo 5 version)</b>
113                 </p>
114                 <p>
115                 We have to point out that MySocials uses special application WebAuth to pass the authorization through web interface. That means that the app <i>doesn't store your logins and passwords from your accounts</i> that  make your work with MySocials safety. One more feature of this app is an opportunity to work  though proxy. 
116                 </p>
117                 <p>
118                 MySocials is available for different platforms. More details are available in <a href="downloads.html">Downloads</a> page of our site.
119                 </p>
120                 <p>
121                 Source code is available at <a href="https://gitorious.org/mysocials/">Gitorious</a>. You are welcome to send you comments and suggestions to our email <a href="mailto:maemo-mysocials@cs.karelia.ru">maemo-mysocials@cs.karelia.ru</a>.
122                 </p>
123                 <h2>Timetable of future releases</h2>
124                 <h3>October 2011:</h3>
125                 <ul class="list">
126                         <li>Separate package with Qt UI widgets</li>
127                         <li>News feed panel</li>
128                         <li>Account activation and deactivation</li>
129                         <li>Application optimization</li>
130                         <li>Harmattan version of application</li>
131                 </ul>
132                 <h3>February 2012:</h3>
133                 <ul class="list">
134                         <li>Audio tracks browsing and exchange</li>
135                         <li>Video tracks browsing and exchange</li>
136                         <li>Support of browsing marked images</li>
137                         <li>Qt based drivers for social networks</li>
138                 </ul>
139       </td>
140       </tr>
141     </table></td>
142   </tr>
143   <tr>
144     <td><table width="92%" border="0" align="right" cellpadding="0"
145     cellspacing="0">
146       <tr>
147         <td class="copybox"> MySocials Project &copy; 2011</td>
148       </tr>
149     </table></td>
150   </tr>
151   <tr>
152     <td height="10">&nbsp;</td>
153   </tr>
154 </table>
155 </body>
156 </html>