base.html 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!DOCTYPE html>
  2. {% load staticfiles %}
  3. {% load i18n %}
  4. {# TODO: change lang? #}
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  6. <head>
  7. <meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
  8. <title>{% block title %}{% endblock title %}</title>
  9. <link type="image/x-icon" rel="shortcut icon" href="{% static "panorama/img/tsf.png" %}"/>
  10. <link href="{% static "panorama/css/bootstrap.css" %}" rel="stylesheet" media="screen">
  11. <link href="{% static "panorama/css/sb-admin.css" %}" rel="stylesheet" media="screen">
  12. <link href="{% static "panorama/css/plugins/morris.css" %}" rel="stylesheet" media="screen">
  13. <link href="{% static "panorama/font-awesome/css/font-awesome.min.css" %}" rel="stylesheet" type="text/css">
  14. <link href="{% static "panorama/css/celutz.css" %}" rel="stylesheet" media="screen">
  15. {% block css %}{% endblock css %}
  16. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  17. <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  18. </head>
  19. <body>
  20. {# Add base structure here, menu, etc... #}
  21. <div id="wrapper" {% block wrapper-style %}{% endblock wrapper-style %}>
  22. <!-- Navigation -->
  23. <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  24. <!-- Brand and toggle get grouped for better mobile display -->
  25. <div class="navbar-header">
  26. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
  27. <span class="sr-only">Toggle navigation</span>
  28. <span class="icon-bar"></span>
  29. <span class="icon-bar"></span>
  30. <span class="icon-bar"></span>
  31. </button>
  32. {% block top-menu-title %}
  33. {% endblock top-menu-title %}
  34. </div>
  35. <ul class="nav navbar-pano top-nav">
  36. {% block top-menu-pano-items %}
  37. {% endblock top-menu-pano-items %}
  38. </ul>
  39. <ul class="nav navbar-right top-nav">
  40. <li>
  41. <a href="/admin"><i class="fa fa-pencil-square-o"></i>  {% trans "Admin" %}</a>
  42. </li>
  43. <li class="dropdown">
  44. <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-info-circle"></i>  {% trans "About" %}<b class="caret"></b></a>
  45. <ul class="dropdown-menu">
  46. <li>
  47. <p>{% blocktrans %}Celutz is a tool for managing and referencing panoramic photos{% endblocktrans %}.
  48. <a href="https://code.ffdn.org/FFDN/celutz/">{% trans "Project homepage" %}</a>
  49. </li>
  50. </ul>
  51. </li>
  52. </ul>
  53. {% block sidebar %}
  54. {% endblock sidebar %}
  55. </nav>
  56. {% block pano %}{% endblock pano %}
  57. <div id="page-wrapper">
  58. {% block content %}{% endblock content %}
  59. </div>
  60. </div>
  61. {% block js %}
  62. {% endblock js %}
  63. <script src="{% static "panorama/js/jquery.js" %}"></script>
  64. <script src="{% static "panorama/js/bootstrap.min.js" %}"></script>
  65. </body>
  66. </html>