app/views/layouts/login.html.haml
!!! 5
%html
%head
%title Great Course Guide
= stylesheet_link_tag '/stylesheets/materialize'
= stylesheet_link_tag '/stylesheets/animate.min'
= stylesheet_link_tag '/stylesheets/login'
= csrf_meta_tags
%body
.fullscreen-bg{style: "z-index: -10"}
/ ### SET COLOR OR PICTURE FOR BACKGROUND HERE ###
%video.fullscreen-bg__video{poster: "/media/Sather-Gate-1.png", autoplay: false, loop: false}
/ %source{src: "/media/Berkeley.webm", type: "video/webm"}
/ %source{src: "/media/Berkeley.ogg", type: "video/ogg"}
/ %source{src: "/media/Berkeley.mp4", type: "video/mp4"}
#wrapper
%main.container.center-align.vertical-align#full-size-login
.row.screen-center.animated.fadeIn.slow-animation.delay-animation-quarter-1
.col.s12
%h1.white-text Great Course Guide
.row.animated.fadeIn.slow-animation.delay-animation-half-1
.col.s12
%a.waves-effect.waves-light.btn-large.blue#login-button{href: "/user"} Login
.row.animated.fadeIn.slow-animation.delay-animation-half-1
.col.s12
%p.white-text{ :style => "font-size: 18px;", :id => 'login_about'} Many course scheduling websites rank classes based on difficulty and other factors that do not accurately represent the professor’s teaching skill. The purpose of this application is for UC Berkeley students to choose classes taught by the most worthwhile professors. These professors have awards such as the Distinguished Teaching Award or other department specific awards. We truly believe that taking classes from these professors will make your college experience more rewarding.
= javascript_include_tag '/javascripts/jquery'
%script{src: "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"}