diff --git a/www/css/reset.css b/www/css/reset.css
index 8525df42a9796cb1ffd600b86c5724cddca7575b..d7c9809743ba3e2354e1dc4c17401adb87044d44 100644
--- a/www/css/reset.css
+++ b/www/css/reset.css
@@ -5,7 +5,7 @@
---------------------------------------- */
#slider {
- width: 260px; /*important to be same as image width */
+ width: 328px; /*important to be same as image width */
/* height: 300px; important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
@@ -38,12 +38,12 @@
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
- width: 190px;
+ width: 100%;
background-color: #ddfabb;
- filter: alpha(opacity=70);
- -moz-opacity: 0.7;
- -khtml-opacity: 0.7;
- opacity: 0.7;
+ filter: alpha(opacity=80);
+ -moz-opacity: 0.8;
+ -khtml-opacity: 0.8;
+ opacity: 0.8;
color: #000;
display: none;
border:1px solid #ddd;
@@ -74,7 +74,7 @@
}
.bottom {
bottom: 0;
- left: 0;
+ left: 5px;
}
.left {
top: 0;
diff --git a/www/css/style1.css b/www/css/style1.css
index c24e74333349f7088cd1b8abee41feb87fbf3cc9..30c89548ea5b09cd442fd5c994463c61a598cfc0 100644
--- a/www/css/style1.css
+++ b/www/css/style1.css
@@ -532,4 +532,10 @@ code {
padding: 3px;
}
+.discover-image {
+ bottom: -50px;
+ left: -50px;
+ position: relative;
+}
+
diff --git a/www/img/gallery/account-add.png b/www/img/gallery/account-add.png
new file mode 100644
index 0000000000000000000000000000000000000000..6740507261ae070a456a38925e1a0fbe0d74847a
Binary files /dev/null and b/www/img/gallery/account-add.png differ
diff --git a/www/img/gallery/account-edit.png b/www/img/gallery/account-edit.png
new file mode 100644
index 0000000000000000000000000000000000000000..006880381306effaf01954f9115a705bba9f2fb8
Binary files /dev/null and b/www/img/gallery/account-edit.png differ
diff --git a/www/img/gallery/thumbs/account-add.png b/www/img/gallery/thumbs/account-add.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f912d6a8894ce4cb6dba0b8d9005da068b2e2aa
Binary files /dev/null and b/www/img/gallery/thumbs/account-add.png differ
diff --git a/www/img/gallery/thumbs/account-edit.png b/www/img/gallery/thumbs/account-edit.png
new file mode 100644
index 0000000000000000000000000000000000000000..b59a120b5aa70ac7278bf0b25eebb29ebcc0bdf7
Binary files /dev/null and b/www/img/gallery/thumbs/account-edit.png differ
diff --git a/www/img/slider/homepage.png b/www/img/slider/homepage.png
new file mode 100644
index 0000000000000000000000000000000000000000..8974efa5b8ff00b3677ec2c389e4fa3983b205ec
Binary files /dev/null and b/www/img/slider/homepage.png differ
diff --git a/www/img/slider/lady-discover.jpg b/www/img/slider/lady-discover.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0058e469cd7049c45581da7ef6017357e1e47307
Binary files /dev/null and b/www/img/slider/lady-discover.jpg differ
diff --git a/www/img/slider/lady-wise.jpg b/www/img/slider/lady-wise.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e71acfdd83af8051ad3dd20c668bd2fd2f27f5f1
Binary files /dev/null and b/www/img/slider/lady-wise.jpg differ
diff --git a/www/img/slider/mrbad.jpg b/www/img/slider/mrbad.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..6cd63f5608a030284447aa7cb58cb38cf40f2b44
Binary files /dev/null and b/www/img/slider/mrbad.jpg differ
diff --git a/www/index.php b/www/index.php
index 765f2c356c8525e5b1f68bcfeef6a105b054cb43..782b184a8306d0d4e40374c06db49adf5c48676b 100644
--- a/www/index.php
+++ b/www/index.php
@@ -18,13 +18,19 @@ include('include/header.php');
<div id="slider" >
<ul id="sliderContent">
<li class="sliderImage">
- <img src="img/comm.jpg" width="210" height="384" alt=""/>
+ <img src="img/slider/lady-wise.jpg" width="310" height="384" alt=""/>
<span class="bottom">
<strong>Savoir-Faire Linux</strong>
<br />presents SFLphone</span>
</li>
<li class="sliderImage">
- <img src="img/sflPhone_a.png" width="210" height="384" alt=""/>
+ <img src="img/slider/mrbad.jpg" width="310" height="384" alt=""/>
+ <span class="bottom">
+ <strong>SFLphone</strong>
+ <br />It's free and you can use it everywhere.</span>
+ </li>
+ <li class="sliderImage">
+ <img src="img/slider/homepage.png" width="310" height="384" alt=""/>
<span class="bottom">
<strong>SFLphone</strong>
<br />SIP and IAX2 softphone</span>
@@ -75,6 +81,7 @@ include('include/header.php');
a Canadian Linux consulting company, in partnership with the global community.
Savoir-Faire Linux provides to users easy-to-install packages for most of the main Linux distributions.
</p>
+ <img class="discover-image" src="img/slider/lady-discover.jpg" />
</td>
</tr>
</tbody>
diff --git a/www/screenshot.php b/www/screenshot.php
index 6e1cc71cecf4a10eed0602daddfbee19455adf22..50f8fdd2f0337f78b1b81630e94e545399ee1c71 100644
--- a/www/screenshot.php
+++ b/www/screenshot.php
@@ -37,7 +37,9 @@ include('include/header.php');
array('incoming-call.png','Incoming call'),
array('main-history.png','Call history'),
array('main-history-opt.png','Call history options'),
- array('main-transfer.png','Call transfer')
+ array('main-transfer.png','Call transfer'),
+ array('account-edit.png','Account add dialog'),
+ array('account-add.png','Account edit dialog')
);
@@ -57,56 +59,54 @@ include('include/header.php');
I should thank all the jQuery team and users for making one of the most awesome javascript library out there.
http://jquery.org
-->
- <script type="text/javascript">
- //jQuery(function($) { $('ul.gallery').galleria(); });
-
- jQuery(function($) {
+ <script type="text/javascript">
+ jQuery(function($) {
- $('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability
+ $('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability
- $('ul.gallery').galleria({
- history : true, // activates the history object for bookmarking, back-button etc.
- clickNext : true, // helper for making the image clickable
- insert : '#main_image', // the containing selector for our main image
- onImage : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
+ $('ul.gallery').galleria({
+ history : true, // activates the history object for bookmarking, back-button etc.
+ clickNext : true, // helper for making the image clickable
+ insert : '#main_image', // the containing selector for our main image
+ onImage : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
- // fade in the image & caption
- if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
- image.css('display','none').fadeIn(1000);
- }
- caption.css('display','none').fadeIn(1000);
+ // fade in the image & caption
+ if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
+ image.css('display','none').fadeIn(1000);
+ }
+ caption.css('display','none').fadeIn(1000);
- // fetch the thumbnail container
- var _li = thumb.parents('li');
+ // fetch the thumbnail container
+ var _li = thumb.parents('li');
- // fade out inactive thumbnail
- _li.siblings().children('img.selected').fadeTo(500,0.3);
+ // fade out inactive thumbnail
+ _li.siblings().children('img.selected').fadeTo(500,0.3);
- // fade in active thumbnail
- thumb.fadeTo('fast',1).addClass('selected');
+ // fade in active thumbnail
+ thumb.fadeTo('fast',1).addClass('selected');
- // add a title for the clickable image
- image.attr('title','Next image >>');
- },
- onThumb : function(thumb) { // thumbnail effects goes here
+ // add a title for the clickable image
+ image.attr('title','Next image >>');
+ },
+ onThumb : function(thumb) { // thumbnail effects goes here
- // fetch the thumbnail container
- var _li = thumb.parents('li');
+ // fetch the thumbnail container
+ var _li = thumb.parents('li');
- // if thumbnail is active, fade all the way.
- var _fadeTo = _li.is('.active') ? '1' : '0.3';
+ // if thumbnail is active, fade all the way.
+ var _fadeTo = _li.is('.active') ? '1' : '0.3';
- // fade in the thumbnail when finnished loading
- thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
+ // fade in the thumbnail when finnished loading
+ thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
- // hover effects
- thumb.hover(
- function() { thumb.fadeTo('fast',1); },
- function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
- )
- }
- });
- });
+ // hover effects
+ thumb.hover(
+ function() { thumb.fadeTo('fast',1); },
+ function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
+ )
+ }
+ });
+ });
</script>
<?php