|
|
<!DOCTYPE html> <html> <head> {% block head %} <title>{% block title %}{% endblock %}</title> {% endblock %}
<!-- Meta-tags --> <meta name="viewport" content="initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- CSS includes --> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/uikit/2.8.0/css/uikit.gradient.min.css" /> <link rel="stylesheet" href="{{ url_for('static', filename='css/app.css') }}" /> <link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.ico') }}">
<!-- Javascript includes --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/uikit/2.8.0/js/uikit.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script>
</head> <body> <!-- Navigation bar --> <nav class="uk-navbar uk-navbar-attached" data-uk-navbar> <a href="#offcanvas" class="uk-navbar-brand uk-hidden-large" data-uk-offcanvas> <img src="{{ url_for('static', filename='img/navlogo.png') }}" class="uk-visible-large" /><i class="uk-icon-navicon uk-hidden-large"></i> </a> <a href="" class="uk-navbar-brand uk-visible-large" data-uk-offcanvas><img src="{{ url_for('static', filename='img/navlogo.png') }}" /></a> <!-- Check if user is logged in --> {% if g.user %} <ul class="uk-navbar-nav uk-navbar-flip"> <li data-uk-dropdown="" class="uk-parent"> <a href="#"><img class="uk-responsive-height" src="{{ g.user.avatar }}" /> {{ g.user.nickname }} </a> <div class="uk-dropdown uk-dropdown-navbar"> <ul class="uk-nav uk-nav-navbar"> <li><a href="{{ url_for('user_profile', userid=g.user.id) }}">Profile</a></li> <li><a href="http://board.dotanoobs.com/?page=lastposts">Latest Posts</a></li> {% if g.user.admin %} <li><a href="{{ url_for('event_edit') }}">Add Event</a></li> {% endif %} <li class="uk-nav-divider"></li> <li><a href="{{ url_for('user_settings') }}">Settings</a></li> <li><a href="{{ url_for('logout') }}">Logout</a></li> </ul> </div> </ul> {% else %} <a class="uk-navbar-flip uk-navbar-content" href="{{ url_for('login') }}"><img src="http://steamcommunity-a.akamaihd.net/public/images/signinthroughsteam/sits_large_border.png" /></a> {% endif %} <div class="uk-navbar-content uk-navbar-center uk-hidden-small uk-text-bold">DotaNoobs</div> </nav>
<!-- Flash Error Messages --> {% with messages = get_flashed_messages(with_categories=true) %} {% if messages %} <ul class="uk-list flashes uk-width-2-3 uk-container-center"> {% for category, message in messages %} <li class="uk-alert uk-alert-{{ category }}">{{ message }} <a href="#" class="uk-alert-close uk-close"></a> </li> {% endfor %} </ul> {% endif %} {% endwith %}
<!-- Start Main Container --> <div id="container" class="uk-grid"> <!-- Big top logo --> {% if not g.user.logo %} <div class="uk-width-1-1"><img class="uk-align-center" id="biglogo" src="{{ url_for('static', filename='img/biglogo.png') }}"></div> {% endif %} <!-- Side navigation --> <div class="uk-visible-large uk-width-1-5 uk-panel"> {% if g.doob%} <h3 class="uk-panel-title">{{ g.doob.name }}</h3> <hr class="uk-nav-divider" /> {% endif %} <ul class="uk-nav uk-nav-side uk-text-right uk-nav-parent-icon" data-uk-nav> {% include 'sidenav.html' %} </ul> </div> <div id="offcanvas" class="uk-offcanvas"> <div class="uk-offcanvas-bar"> {% if g.doob%} <h3 class="uk-panel-title">{{ g.doob.name }}</h3> {% endif %} <ul class="uk-nav uk-nav-offcanvas" data-uk-nav> {% include 'sidenav.html' %} </ul> </div> </div> <!-- Main content area --> <div class="uk-width-large-4-5 uk-width-medium-5-5"> {% block content %} {% endblock %} </div>
</div>
<!-- Footer section --> <footer class="uk-clearfix uk-align-center"> {% cache 60*5 %} <div class="uk-float-left uk-visible-large"> <a href="http://flask.pocoo.org/"><img src="{{ url_for('static', filename='img/powered-by-flask-s.png') }}" alt="Flask"></a> & <a href="http://store.steampowered.com/"><img src="{{ url_for('static', filename='img/steam.png') }}" alt="Steam"></a> </div> © Coypright 2013 by <a href="http://www.dotanoobs.com/"><img src="{{ url_for('static',filename='img/navlogo.png') }}" alt="DotaNoobs" /></a> <div class="uk-float-right uk-visible-large"> <a href="http://www.twitch.tv/dotanoobs"><img src="{{ url_for('static', filename='img/twitchicon.png') }}" width="32" alt="Twitch.tv" /></a> <a href="http://www.youtube.com/user/DotaNoobsVods"><img src="{{ url_for('static', filename='img/youtube.png') }}" alt="YouTube" /></a> <a href="emailto:admin@dotanoobs.com"><img src="{{ url_for('static', filename='img/email.png') }}" /></a> </div> {% endcache %} </footer> <!-- Page-specific javascript here --> {% block pagescripts %} {% endblock %} <script type='text/javascript'> $(document).ready(function() { $("li.uk-alert > a.uk-alert-close").on('click', function(){ $(this).parent().hide(); }); $(document).ready(function() { $('.date').each(function (index) { var d = moment.utc($(this).text()+" UTC"); $(this).html(d.local().format("h:mm A on MMM Do")); }); }); }); </script> </body> </html>
|