4 files changed, 105 insertions, 0 deletions
diff --git a/static/saclay/css/styles.css b/static/saclay/css/styles.css
index 6046bb2..39db464 100644
--- a/static/saclay/css/styles.css
+++ b/static/saclay/css/styles.css
@@ -418,6 +418,12 @@ h3.warn{
     background-color:#e0e0d8;
 }
 
+.media-img{
+    max-height: 200px;
+    max-width: 300px;
+}
+
+
 #submited-window{
     background-image:url(../images/popup/thanks_title.png) ;
     background-repeat:no-repeat;
@@ -452,6 +458,7 @@ a#ui-active-menuitem.ui-state-hover{
     width: 281px;
 }
 
+#haystack-search-page,
 #haystack-search{
     width:35px;
     height:28px;
@@ -463,6 +470,19 @@ a#ui-active-menuitem.ui-state-hover{
     vertical-align:top;
 }
 
+#haystack-search-page .action-label,
+#haystack-search .action-label{
+    display: none;
+}
+
+#id_welcome_search{
+    height: 20px;
+}
+
+.welcome-dialog p.welcome-search{
+    padding: 10px 0 20px 0;
+}
+
 #search-listing img{
     vertical-align:middle;
 }
@@ -1745,6 +1765,10 @@ div.cloud h4{
     background-position:center bottom;
 }
 
+.cloud .description img{
+    max-width: 300px;
+}
+
 .close_img{
     display:block;
     overflow:hidden;
@@ -2118,3 +2142,32 @@ select#id_categories{
     color:#d38fac;
 }
 
+#welcome h3, #welcome h4,
+#welcome{
+    font-family: 'Numans', sans-serif;
+    text-align: center;
+    color: #999;
+    font-weight: 300;
+}
+
+#welcome h3{
+    font-size: 50px;
+}
+
+#welcome h4{
+    font-size: 30px;
+}
+
+
+a#page-feedback{
+    display: block;
+    position: absolute;
+    bottom: 50px;
+    right: 0;
+    z-index: 100;
+    background-image:url('../images/button-suggestion.png');
+    height: 130px;
+    width: 40px;
+    font-size: 0;
+    color: 0;
+}
diff --git a/static/saclay/images/button-suggestion.png b/static/saclay/images/button-suggestion.png
new file mode 100644
index 0000000..84b5a73
--- /dev/null
+++ b/static/saclay/images/button-suggestion.png
diff --git a/static/saclay/js/interface.js b/static/saclay/js/interface.js
index e004ce4..ba14b15 100644
--- a/static/saclay/js/interface.js
+++ b/static/saclay/js/interface.js
@@ -162,6 +162,10 @@ $(function(){
     $('input[name="transport"]').change(change_routing_transport);
     $('input[name="speed"]').change(change_routing_speed);
     $('#id_speed').change(change_routing_speed);
+
+    $('#haystack-search-page').click(welcome_search);
+    $(".olControlSimplePanZoom").css('right', '80px');
+    $(".olControlSimplePanZoom").css('left', 'auto');
 });
 
 function change_routing_speed(){
diff --git a/static/saclay/js/search.js b/static/saclay/js/search.js
new file mode 100755
index 0000000..27e9a3a
--- /dev/null
+++ b/static/saclay/js/search.js
@@ -0,0 +1,48 @@
+function load_search_box(){
+    if (!search_url) return;
+    $.ajax({url: search_url}).done(function( data ) {
+        $("#search-box").html(data);
+    });
+}
+
+function haystack_search(evt, page){
+    search_result = new Array();
+    $('#categories').find('#ul_categories > li > input').attr("checked", false);
+    if (!$('#id_q').val()){
+        $('.ac-results').remove();
+        $('#search-result').html('').show('slow');
+        return false;
+    }
+
+    var c_url = search_url + "?q=" + $('#id_q').val();
+    if (page){
+        c_url += '&page=' + page;
+    }
+    $.get(c_url).done(function( data ) {
+        $('.ac-results').remove();
+        $('#search-result').html(data).show('slow');
+    });
+    return false;
+}
+
+function welcome_search(){
+    if ($("#welcome").is(":visible") && $("#id_welcome_search").val()) {
+        $("#id_q").val($("#id_welcome_search").val());
+        $("#action-search").click();
+        $('#welcome').dialog('close');
+        $("#haystack-search").click();
+        return true;
+    }
+}
+
+// disable enter
+$(window).keydown(function(event){
+    if (event.keyCode == 13) {
+        event.preventDefault();
+        if (!welcome_search()){
+            $("#haystack-search").click();
+        }
+        return false;
+    }
+});
+