layout.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <!DOCTYPE html>
  2. {% import "macros.html" as m %}
  3. <html lang="en">
  4. <body id="container">
  5. <div id="header">
  6. {% block head %}
  7. <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/>
  8. <meta charset="UTF-8">
  9. <link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.ico') }}">
  10. <!-- jQuery -->
  11. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  12. <!-- Semantic Main CSS -->
  13. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.css"/>
  14. <!-- Semantic Reset CSS -->
  15. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.6/components/reset.min.css"/>
  16. <!-- Semantic Menu CSS -->
  17. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.6/components/menu.min.css"/>
  18. <!-- Main Semantic JS -->
  19. <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.js"></script>
  20. <!-- Custom CSS -->
  21. <link rel="stylesheet" href="{{ url_for('static', filename='css/custom.css') }}">
  22. <!-- Browser tab name -->
  23. <title>{{ title }}</title>
  24. <!-- Navbar -->
  25. <div class="ui attached inverted menu">
  26. {{ m.nav_link('index', 'Home') }}
  27. {{ m.nav_link('map', 'Map') }}
  28. {{ m.nav_link('contact', 'Contact') }}
  29. <div class="right menu">
  30. <!-- User is logged in -->
  31. {% if current_user.is_authenticated %}
  32. <div class="item">
  33. <a class="ui primary button" href="/user/account">{{ current_user.full_name }}</a>
  34. </div>
  35. <div class="item">
  36. <a class="ui default button" href="/user/signout">Sign out</a>
  37. </div>
  38. <!-- User is not logged in -->
  39. {% else %}
  40. <div class="item">
  41. <a class="ui primary button" href="/user/signin">Sign in</a>
  42. </div>
  43. <div class="item">
  44. <a class="ui default button" href="/user/signup">Sign up</a>
  45. </div>
  46. {% endif %}
  47. </div>
  48. </div>
  49. {% endblock %}
  50. </div>
  51. <!-- Message flashing -->
  52. {% with messages = get_flashed_messages(with_categories=true) %}
  53. {% if messages %}
  54. <ul>
  55. {% for category, message in messages %}
  56. <li class="ui {{ category }} message flash">{{ message }}</li>
  57. {% endfor %}
  58. </ul>
  59. {% endif %}
  60. {% endwith %}
  61. <div id="body" class="body">
  62. {% block content %}{% endblock %}
  63. </div>
  64. <div id="footer">
  65. <div class="ui divider"></div>
  66. <div class="ui divided horizontal footer link list">
  67. <div class="item">
  68. Max Halford
  69. </div>
  70. <div class="item">
  71. <a href="https://github.com/MaxHalford"><i class="github icon"></i></a>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </body>
  77. </html>