curly-happiness/app/views/layouts/application.html.erb

83 lines
3.4 KiB
Text

<!DOCTYPE html>
<html>
<head>
<title>Rently</title>
<%= csrf_meta_tags %>
<!-- Full version, For production do compiled and minified CSS by adding .min before .css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.css">
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<%= stylesheet_link_tag "application" %>
</head>
<header>
<ul id="slide-out" class="side-nav">
<li><div class="user-view">
<div class="background">
<img src="images/me_with_mangoes1.jpg">
</div>
<img src="app/assets/images/me_with_mangoes1.jpg"><br>
</div></li>
<li><a href="#!"><i class="material-icons">cloud</i>First Link With Icon</a></li>
<li><div class="divider"></div></li>
<li><a class="waves-effect" href="#!">Third Link With Waves</a></li>
<li><!-- # views/devise/menu/_login_items.html.erb -->
<% if user_signed_in? %>
<!-- <%= link_to('Logout', destroy_user_session_path, method: :delete) %> -->
<% else %>
<%= link_to('Login', new_user_session_path) %>
<% end %></li>
<li><!-- # views/devise/menu/_registration_items.html.erb -->
<% if user_signed_in? %>
<%= link_to('Edit registration', edit_user_registration_path) %>
<% else %>
<%= link_to('Register', new_user_registration_path) %>
</li>
<% end %></li>
<li><%= link_to "Mailbox", conversations_path %><br></li>
</ul>
<a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>
</header>
<!-- <nav>
<div class="nav-wrapper">
<a href="#!" class="brand-logo">Logo</a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="sass.html">Sass</a></li>
<li><a href="badges.html">Components</a></li>
<li><a href="collapsible.html">Javascript</a></li>
<li><a href="mobile.html">Mobile</a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li><a href="sass.html">Sass</a></li>
<li><a href="badges.html">Components</a></li>
<li><a href="collapsible.html">Javascript</a></li>
<li><a href="mobile.html">Mobile</a></li>
</ul>
</div>
</nav> -->
<body>
<!--For devise to flash notices and alerts -->
<p class="notice"><%= notice %></p>
<p class="alert"><%= alert %></p>
<%= yield %>
<script type="text/javascript">
$(".button-collapse").sideNav();
// Initialize collapsible (uncomment the line below if you use the dropdown variation)
//$('.collapsible').collapsible();
</script>
</body>
</html>