69 lines
3.1 KiB
HTML
69 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Treehouse - Navbar</title>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<ul id='dropdown' class='dropdown-content'>
|
|
<li><a href="{{ url_for('profile')}}">Profile</a></li>
|
|
<li><a href="{{ url_for('friends_code')}}">Friend Code</a></li>
|
|
<li><a href="{{ url_for('logout') }}">Logout</a></li>
|
|
</ul>
|
|
|
|
<nav class="black-text z-depth-0" style="font-family: Arial, Helvetica, sans-serif;">
|
|
<div class="nav-wrapper green lighten-2 black-text">
|
|
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
|
|
<ul id="nav-mobile" class="hide-on-med-and-down">
|
|
<li><a href="{{ url_for('home') }}">Home</a></li>
|
|
{% if current_user.is_authenticated %}
|
|
<li><a href="{{ url_for('collections') }}">Collections</a></li>
|
|
<li style="" class="right"><a style="font-size: 16px; font-family: Arial, Helvetica, sans-serif;" class="dropdown-trigger" href="#!" data-target="dropdown">
|
|
<img style="vertical-align: top; padding-right: 10px; width: 60px; padding-top: 5px" class="image circle center-valign" src="{{url_for("static", filename=current_user.m_avatar)}}">{{current_user.username}}
|
|
<i class="material-icons right">arrow_drop_down</i></a>
|
|
</li>
|
|
{% else %}
|
|
<li class="right"><a href="{{ url_for('signup') }}">Sign Up</a></li>
|
|
<li class="right"><a href="{{ url_for('login') }}">Login</a></li>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<ul class="sidenav" id="mobile-demo">
|
|
<li><a href="{{ url_for('home') }}">Home</a></li>
|
|
{% if current_user.is_authenticated %}
|
|
<li><a href="{{ url_for('collections') }}">Collections</a></li>
|
|
<li><a class="" href="#!" data-target="">{{current_user.username}}<i class="material-icons right">arrow_drop_down</i></a></li>
|
|
{% else %}
|
|
<li><a href="{{ url_for('signup') }}">Sign Up</a></li>
|
|
<li><a href="{{ url_for('login') }}">Login</a></li>
|
|
{% endif %}
|
|
</ul>
|
|
|
|
</header>
|
|
|
|
{% block content %}
|
|
|
|
{% endblock %}
|
|
<script>
|
|
$(".dropdown-trigger").dropdown({hover: false});
|
|
</script>
|
|
<script>
|
|
$(document).ready(function(){
|
|
$('.sidenav').sidenav();
|
|
});
|
|
</script>
|
|
<script>
|
|
$(document).ready(function () {
|
|
$('.modal').modal();
|
|
}
|
|
)
|
|
</script>
|
|
</body>
|
|
</html> |