summaryrefslogtreecommitdiff
path: root/views/layout.haml
diff options
context:
space:
mode:
authorgebele <gebele@in-silico.ch>2016-01-22 13:49:16 +0100
committergebele <gebele@in-silico.ch>2016-01-22 13:49:16 +0100
commitdfffcd555607ce21645eb481bb151c7873c367ab (patch)
tree92ae4810064a320ac9be0816c779897a2c5fad0e /views/layout.haml
initial commit
hard copied nanoparticles.rb and data.json from @helma nano-lazar
Diffstat (limited to 'views/layout.haml')
-rw-r--r--views/layout.haml63
1 files changed, 63 insertions, 0 deletions
diff --git a/views/layout.haml b/views/layout.haml
new file mode 100644
index 0000000..d6b1a9e
--- /dev/null
+++ b/views/layout.haml
@@ -0,0 +1,63 @@
+!!!
+%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 Nano 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'}"}
+ %script{:src=>"/javascripts/jquery-1.11.2.min.js"}
+ %script{:src=>"/javascripts/bootstrap.min.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.png", :alt=>"logo_ist", :style=>"margin:0 3em 0 2em;"}
+ %div.col-md-6
+ %h1.media-heading{:style=>"margin: 0 0 0 1em;"} Nano Lazar Toxicity Predictions
+ %div.col-md-2
+ %a{:href=> "http://www.enanomapper.net" }
+ %img.media-object{:src=>"/images/enm-sm.jpg", :width=>"200px", :heigth=>"200px", :alt=>"logo_enm", :style=>"margin:0 3em 0 2em;"}
+
+ %div.container-fluid
+ :javascript
+ $(document).ready(function(){
+ $("#back-top").hide();
+ });
+
+ = yield
+
+ %footer.footer
+ %div.container-fluid
+ %p.text-muted
+ &copy;
+ %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}
+
+ #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;
+ });
+ });