Browse Source

Welcome page improvements

master
Igor Zhukov 11 years ago
parent
commit
cc49350ada
  1. 14
      app/css/app.css
  2. 2
      app/js/init.js
  3. 2
      app/partials/confirm_modal.html
  4. 10
      app/partials/welcome.html

14
app/css/app.css

@ -673,16 +673,16 @@ a.tg_radio_on:hover i.icon-radio {
text-align: center; text-align: center;
font-size: 24px; font-size: 24px;
font-weight: normal; font-weight: normal;
margin: 20px 0 25px; margin: 15px 0 20px;
} }
.welcome_text { .welcome_text {
text-align: center; text-align: center;
margin-bottom: 30px; margin-bottom: 26px;
font-size: 13px; font-size: 14px;
line-height: 16px; line-height: 14px;
} }
.welcome_btn_wrap { .welcome_btn_wrap {
max-width: 206px; max-width: 219px;
margin: 0 auto; margin: 0 auto;
} }
@ -697,7 +697,7 @@ a.tg_radio_on:hover i.icon-radio {
.welcome_footer_card_wrap { .welcome_footer_card_wrap {
width: 260px; width: 260px;
margin: 45px auto 0; margin: 41px auto 0;
text-align: center; text-align: center;
} }
.welcome_footer_card { .welcome_footer_card {
@ -731,7 +731,7 @@ a.tg_radio_on:hover i.icon-radio {
} }
.welcome_footer_card_wrap h4 { .welcome_footer_card_wrap h4 {
font-size: 16px; font-size: 18px;
} }
.welcome_footer_card_wrap .welcome_footer_card_lead { .welcome_footer_card_wrap .welcome_footer_card_lead {

2
app/js/init.js

@ -43,7 +43,7 @@
appCache.addEventListener('updateready', function (e) { appCache.addEventListener('updateready', function (e) {
if (appCache.status == appCache.UPDATEREADY) { if (appCache.status == appCache.UPDATEREADY) {
if (!declined) { if (!declined) {
safeConfirm({type: 'WEBOGRAM_UPDATED_RELOAD', message: 'A new version of Webogram is available. Load it?'}, function (result) { safeConfirm({type: 'WEBOGRAM_UPDATED_RELOAD', message: 'A new version of Webogram is downloaded. Launch it?'}, function (result) {
if (result) { if (result) {
window.location.reload(); window.location.reload();
} else { } else {

2
app/partials/confirm_modal.html

@ -6,7 +6,7 @@
<div class="confirm_modal_description" ng-switch="type"> <div class="confirm_modal_description" ng-switch="type">
<span ng-switch-when="LOGOUT">Are you sure you want to log out?</span> <span ng-switch-when="LOGOUT">Are you sure you want to log out?</span>
<span ng-switch-when="WEBOGRAM_UPDATED_RELOAD">A new version of Webogram is available. Load it?</span> <span ng-switch-when="WEBOGRAM_UPDATED_RELOAD">A new version of Webogram is downloaded. Launch it?</span>
<span ng-switch-when="HISTORY_FLUSH">Are you sure? This can not be undone!</span> <span ng-switch-when="HISTORY_FLUSH">Are you sure? This can not be undone!</span>
<span ng-switch-when="TERMINATE_SESSIONS">Are you sure you want to log out all devices except for the current one?</span> <span ng-switch-when="TERMINATE_SESSIONS">Are you sure you want to log out all devices except for the current one?</span>
<span ng-switch-when="HTTPS_MIXED_FAIL"> <span ng-switch-when="HTTPS_MIXED_FAIL">

10
app/partials/welcome.html

@ -9,8 +9,8 @@
<h3 class="welcome_header"><strong>Telegram</strong> Web</h3> <h3 class="welcome_header"><strong>Telegram</strong> Web</h3>
<div class="welcome_text"> <div class="welcome_text">
<p>Welcome to an unofficial web-prototype of <strong>Telegram</strong>.</p> <p>This is an unofficial web-client for the <strong>Telegram Messenger</strong>.</p>
<p>It is an <strong>alpha</strong>, so it still may not be 200% reliable.</p> <p>It's still an <strong>alpha-version</strong> and may not be 200% reliable</p>
</div> </div>
<div class="welcome_btn_wrap"> <div class="welcome_btn_wrap">
<a href="#/login" class="btn btn-primary btn-block">Start Messaging</a> <a href="#/login" class="btn btn-primary btn-block">Start Messaging</a>
@ -26,7 +26,7 @@
<div class="welcome_footer_card_wrap row"> <div class="welcome_footer_card_wrap row">
<div class="welcome_footer_card welcome_footer_card_messaging"></div> <div class="welcome_footer_card welcome_footer_card_messaging"></div>
<h4>Fast messaging</h4> <h4>Fast messaging</h4>
<div class="welcome_footer_card_lead">Send messages with rich emoji support to your contacts</div> <div class="welcome_footer_card_lead">Send messages with rich emoji support right from your desktop or laptop computer</div>
</div> </div>
</div> </div>
@ -34,7 +34,7 @@
<div class="welcome_footer_card_wrap"> <div class="welcome_footer_card_wrap">
<div class="welcome_footer_card welcome_footer_card_filesharing"></div> <div class="welcome_footer_card welcome_footer_card_filesharing"></div>
<h4>Easy file sharing</h4> <h4>Easy file sharing</h4>
<div class="welcome_footer_card_lead">Share and forward any files you want by using attach icon or drag-and-drop</div> <div class="welcome_footer_card_lead">Share files of any type using drap-and-drop or the attachment icon</div>
</div> </div>
</div> </div>
@ -42,7 +42,7 @@
<div class="welcome_footer_card_wrap"> <div class="welcome_footer_card_wrap">
<div class="welcome_footer_card welcome_footer_card_powerful"></div> <div class="welcome_footer_card welcome_footer_card_powerful"></div>
<h4>Powerful tools</h4> <h4>Powerful tools</h4>
<div class="welcome_footer_card_lead">Browse photos in chats, use edit mode and set custom notifications</div> <div class="welcome_footer_card_lead">Browse shared media and files by type <br/> and set custom notifications</div>
</div> </div>
</div> </div>

Loading…
Cancel
Save