DotaNoobs main site.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

127 lines
6.2 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. {% block head %}
  5. <title>{% block title %}{% endblock %}</title>
  6. {% endblock %}
  7. <!-- Meta-tags -->
  8. <meta name="viewport" content="initial-scale=1">
  9. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  10. <!-- CSS includes -->
  11. <link rel="stylesheet" href="{{ url_for('static', filename='css/uikit.gradient.min.css') }}" />
  12. <link rel="stylesheet" href="{{ url_for('static', filename='css/app.css') }}" />
  13. <!-- Javascript includes -->
  14. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  15. <script src="{{ url_for('static', filename='js/uikit.min.js') }}"></script>
  16. </head>
  17. <body>
  18. <!-- Navigation bar -->
  19. <nav class="uk-navbar uk-navbar-attached" data-uk-navbar>
  20. <a href="#offcanvas" class="uk-navbar-brand uk-hidden-large" data-uk-offcanvas><img src="{{ url_for('static', filename='img/navlogo.png') }}" /><i class="uk-icon-double-angle-down"></i></a>
  21. <a href="" class="uk-navbar-brand uk-visible-large" data-uk-offcanvas><img src="{{ url_for('static', filename='img/navlogo.png') }}" /></a>
  22. {# /* In header drop-down navigation, possibly reenable as static "you are here" marker */
  23. <ul class="uk-navbar-nav">
  24. <li data-uk-dropdown="" class="uk-parent">
  25. <a href="{{ url_for('main') }}"><i class="uk-icon-home"></i> Home</a>
  26. <div class="uk-dropdown uk-dropdown-navbar">
  27. <ul class="uk-nav uk-nav-navbar">
  28. <li><a href="http://board.dotanoobs.com">Board</a></li>
  29. <li><a href="{{ url_for('teamspeak') }}">TeamSpeak</a></li>
  30. <li class="uk-nav-header">Doobs</li>
  31. <li><a href="{{ url_for('doobs_stuff.list_events') }}">Events</a></li>
  32. <li><a href="{{ url_for('doobs_stuff.ladder') }}">Ladder</a></li>
  33. </ul>
  34. </div>
  35. </li>
  36. </ul>
  37. #}
  38. <!-- Check if user is logged in -->
  39. {% if g.user %}
  40. <ul class="uk-navbar-nav uk-navbar-flip">
  41. <li data-uk-dropdown="" class="uk-parent">
  42. <a href="#"><img class="uk-responsive-height" src="{{ g.user.avatar
  43. }}" /> {{ g.user.nickname }} </a>
  44. <div class="uk-dropdown uk-dropdown-navbar">
  45. <ul class="uk-nav uk-nav-navbar">
  46. {#
  47. <li><a href="{{ url_for('doobs_stuff.doob_summary', playerid=g.doob._id) }}">Profile</a></li>
  48. <li><a href="{{ url_for('doobs_stuff.doob_random', playerid=g.doob._id) }}">A-Z Challenge</a></li>
  49. <!--<li class="uk-disabled"><a href="">Recent Events</a></li>-->
  50. <li class="uk-nav-divider"></li>
  51. #}
  52. <li><a href="{{ url_for('logout') }}">Logout</a></li>
  53. </ul>
  54. </div>
  55. </ul>
  56. {% else %}
  57. <a class="uk-navbar-flip uk-navbar-content" href="{{ url_for('login') }}"><img src="http://cdn.steamcommunity.com/public/images/signinthroughsteam/sits_large_border.png" /></a>
  58. {% endif %}
  59. <div class="uk-navbar-content uk-navbar-center uk-hidden-small uk-text-bold">DotaNoobs</div>
  60. </nav>
  61. <!-- Flash Error Messages -->
  62. {% with messages = get_flashed_messages() %}
  63. {% if messages %}
  64. <ul class="flashes">
  65. <a href="" class="uk-alert-close uk-close"></a>
  66. {% for message in messages %}
  67. <li class="uk-alert uk-alert-danger">{{ category }}:{{ message }}</li>
  68. {% endfor %}
  69. </ul>
  70. {% endif %}
  71. {% endwith %}
  72. <!-- Start Main Container -->
  73. <div id="container" class="uk-grid">
  74. <!-- Big top logo -->
  75. <div class="uk-width-1-1"><img class="uk-align-center" id="biglogo" src="{{ url_for('static', filename='img/biglogo.png') }}"></div>
  76. <!-- Side navigation -->
  77. <div class="uk-visible-large uk-width-1-5 uk-panel uk-panel-box">
  78. {% if g.doob%}
  79. <h3 class="uk-panel-title">{{ g.doob.name }}</h3>
  80. <hr class="uk-nav-divider" />
  81. {% endif %}
  82. <ul class="uk-nav uk-nav-side">
  83. {% include 'sidenav.html' %}
  84. </ul>
  85. </div>
  86. <div id="offcanvas" class="uk-offcanvas">
  87. <div class="uk-offcanvas-bar">
  88. {% if g.doob%}
  89. <h3 class="uk-panel-title">{{ g.doob.name }}</h3>
  90. {% endif %}
  91. <ul class="uk-nav uk-nav-offcanvas" data-uk-nav>
  92. {% include 'sidenav.html' %}
  93. </ul>
  94. </div>
  95. </div>
  96. <!-- Main content area -->
  97. <div class="uk-width-large-4-5 uk-width-medium-5-5">
  98. {% block content %}
  99. {% endblock %}
  100. </div>
  101. </div>
  102. <!-- Footer section -->
  103. <footer class="uk-clearfix uk-align-center">
  104. <div class="uk-float-left uk-visible-large">
  105. <a href="http://flask.pocoo.org/"><img src="{{ url_for('static', filename='img/powered-by-flask-s.png') }}" alt="Flask"></a> &amp;
  106. <a href="http://store.steampowered.com/"><img src="{{ url_for('static', filename='img/steam.png') }}" alt="Steam"></a>
  107. </div>
  108. &copy; Coypright 2013 by <a href="http://www.dotanoobs.com/"><img src="{{ url_for('static',filename='img/navlogo.png') }}" alt="DotaNoobs" /></a>
  109. <div class="uk-float-right uk-visible-large">
  110. <a href="http://www.twitch.tv/dotanoobs"><img src="{{ url_for('static', filename='img/twitchicon.png') }}" width="32" alt="Twitch.tv" /></a>
  111. <a href="http://www.youtube.com/user/DotaNoobsVods"><img src="{{ url_for('static', filename='img/youtube.png') }}" alt="YouTube" /></a>
  112. <a href="emailto:admin@dotanoobs.com"><img src="{{ url_for('static', filename='img/email.png') }}" /></a>
  113. </div>
  114. </footer>
  115. <!-- Page-specific javascript here -->
  116. {% block pagescripts %}
  117. {% endblock %}
  118. </body>
  119. </html>