summaryrefslogtreecommitdiff
path: root/views/layout.haml
blob: 5965ee1af64d85048761ee5c049d4550f703ce8a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
!!!
%html{:xmlns => "http://www.w3.org/1999/xhtml", "xml:lang" => "en", :lang => "en"}
  %head
    %meta{'charset'=>"utf-8"}
    %meta{'http-equiv'=>"X-UA-Compatible", :content=>"IE=edge"}
    %meta{'name'=>"viewport", :content=>"width=device-width, initial-scale=1"}
    %title lazar Toxicity Predictions
    %link{:rel=>'icon', :type=>'image/x-icon', :href=>'/images/favicon.ico'}
    %link{:rel=>'stylesheet', :href=>"#{'/css/bootstrap.min.css'}"}
    %link{:rel=>'stylesheet', :href=>"#{'/css/theme.default.min.css'}"}
    %link{:rel=>'stylesheet', :href=>"#{'/css/theme.bootstrap.min.css'}"}
    %link{ :href=>"/style.css", :rel=>"stylesheet"}
    %link{ :href=>"/stylesheets/jquery-ui.css", :rel=>"stylesheet"}
    %script{:src=>"/javascripts/jquery-1.11.2.min.js"}
    %script{:src=>"/javascripts/bootstrap.min.js"}
    %script{:src=>"/javascripts/jquery.tablesorter.min.js"}
    %script{:src=>"/javascripts/jquery.tablesorter.widgets.js"}
    %script{ :src=>"/javascripts/lazar-gui.js"}
  %body
    %noscript
      %div{ :style=>"width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif"}
      Your web browser must have JavaScript enabled in order for this application to display correctly.
    %header.page-header
      %div.row
        %div.col-md-2
          %a{:href=> to("/predict")}
            %img.media-object{:src=>"/images/IST_logo_s.png", :alt=>"logo", :width=>"150px", :heigth=>"150px", :style=>"margin:0 3em 0 2em;"}
        %div.col-md-8
          %h1.media-heading{:style=>"margin: 0 0 0 2em;"}
            lazar Toxicity Predictions
        %div.col-md-2
          %h1.media-heading
            %small
              %a{:href=>"https://nano-lazar.in-silico.ch"} nano-lazar
          %a{:href=>"http://lazar-old.in-silico.ch"} lazar-old version

    %div.container-fluid
      Problems, bugs, ideas for improvements ? Please report at our
      %a{:href => 'https://github.com/opentox/lazar-gui/issues', :rel => "external"} issue tracker
      :javascript
        $(document).ready(function(){
          $("#back-top").hide();
          $(".blind").error(function(){
            $(this).attr('src', '/images/blind.png');
          });
        });
        $(document).ready(function(){
          $('[data-toggle="popover"]').popover();
          $('.modal').on('hidden.bs.modal', function () {
            $(this).removeData('bs.modal');
          });
        });
          
      = yield
    
    %footer.footer
      %div.container-fluid
        %div.row
          %div.col-md-8
            %p.text-muted
              © 
              %a{:href => 'http://www.in-silico.ch', :rel => "external"} <i style="font-family: serife">in silico</i> toxicology gmbh 2004 - #{Time.now.year.to_s}
          %div.col-md-4
            %button.btn.btn-default{:type=>"button", :data=>{:toggle=>"modal", :target=>"#acknowledgements"}} acknowledgements
            %div.modal.fade{:id=>"acknowledgements", :role=>"dialog"}
              %div.modal-dialog
                %div.modal-content
                  %div.modal-header
                    %button{:type=>"button", :class=>"close", :data=>{:dismiss=>"modal"}}
                      &times;
                    %h4.modal-title Financial support:
                  %div.modal-body
                    %a{:href=>"http://www.bfr.bund.de/de/start.html", :target=>"_blank"}
                      %img{:src=>"/images/bfr_logo.gif"}
                    %a{:href=>"http://www.opentox.org/", :target=>"_blank"}
                      %img{:src=>"/images/ot_logo.png"}
                    %a{:href=>"https://enanomapper.net/", :target=>"_blank"}
                      %img{:src=>"/images/enm_logo.png"}
                    %a{:href=>"https://www.researchgate.net/institution/Nestle_SA/department/Nestle_Research_Center", :target=>"_blank"}
                      %img{:src=>"/images/nestec.jpg"}
    
            %div.btn-group.dropup
              %button.btn.btn-default.dropdown-toggle{:data=>{:toggle=>"dropdown"}, :aria=>{:haspopup=>"true", :expanded=>"false"}} share
              %ul.dropdown-menu{:class=>"share-buttons"}
                %li
                  %a{:href=>"https://twitter.com/intent/tweet?source=http%3A%2F%2Flazar.in-silico.ch&text=:%20http%3A%2F%2Flazar.in-silico.ch", :target=>"_blank", :title=>"Tweet"}
                    %img{:src=>"/images/Twitter.png"}
                %li
                  %a{:href=>"https://plus.google.com/share?url=http%3A%2F%2Flazar.in-silico.ch", :target=>"_blank", :title=>"Share on Google+"}
                    %img{:src=>"/images/Google+.png"}
                %li
                  %a{:href=>"http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Flazar.in-silico.ch&title=&summary=&source=http%3A%2F%2Flazar.in-silico.ch", :target=>"_blank", :title=>"Share on LinkedIn"}
                    %img{:src=>"/images/LinkedIn.png"}

    #back-top{:style => "z-index:100;position:fixed;bottom:1%;right:1%;"}
      %a{:href => "", :style=>"text:decoration:none;color:#ccc;"}
        %span.glyphicon.glyphicon-circle-arrow-up{:style => "font-size:3em;color:black;"}
    :javascript
      $("#back-top").hide();
      $(function () {
        $(window).scroll(function () {
          if ($(this).scrollTop() > 600) {
            $('#back-top').fadeIn();
          } else {
            $('#back-top').fadeOut();
          }
        });
        // scroll body to 0px on click
        $('#back-top a').click(function () {
          $('body,html').animate({
            scrollTop: 0
          }, 500);
          return false;
        });
      });