base_generic.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. <!DOCTYPE html>
  2. <html lang="de">
  3. <head>
  4. <meta charset="UTF-8">
  5. {% block title %} <title>{{ config.WEBSITE_TITEL }}</title> {% endblock %}
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. {% load static %}
  8. <link rel="icon" href="{% static 'favicon.ico'%}">
  9. <link rel="apple-touch-icon" href="{% static 'favicon.ico'%}">
  10. <link rel="stylesheet" href="{% static 'css/bootstrap.min.css'%}" >
  11. <link rel="stylesheet" href="{% static 'css/styles.css' %}">
  12. <script src="{% static 'jquery-3.2.1.slim.min.js' %}" ></script>
  13. <script src="{% static 'popper.min.js' %}" ></script>
  14. <script src="{% static 'bootstrap.min.js' %}" ></script>
  15. <script src="{% static 'jquery.min.js' %}"></script>
  16. <style media="screen">
  17. .mab-navbar{
  18. padding-left: 15px;
  19. padding-bottom: 4px;
  20. margin-bottom: 16px;
  21. position: sticky;
  22. top: 0;
  23. z-index: 2;
  24. background-color: #FCFCFC;
  25. padding-right: 15px;
  26. box-shadow: 0 8px 4px -6px gray;
  27. }
  28. </style>
  29. {% block script %}
  30. {% endblock %}
  31. </head>
  32. <body>
  33. {% if not embed %}
  34. {% block navbar %}
  35. <nav class="navbar navbar-expand-sm navbar-fixed-top mab-navbar" style="">
  36. <div class="container-fluid rounded-0" style="padding-left: 2px">
  37. <a class="navbar-brand navbar-right" href="{% url 'products' %}">
  38. <img src="{% static 'newMAB.png' %}" alt="MAB20" height="40px" width="auto" style="margin: auto; padding-bottom: 2px">
  39. </a>
  40. <button class="navbar-toggler" type="button " data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
  41. <span class="navbar-toggler-icon"></span> ⋁
  42. </button>
  43. <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
  44. <div class="navbar-nav navbar-right">
  45. <a class="nav-link active nav-right boldkur" style="color: black; font-weight: bold;" href="{% url 'products' %}">MARKTPLATZ</a>
  46. <a class="nav-link active nav-right boldkur" style="color: black; font-weight: bold;" href="{% url 'submit' %}">EINREICHEN</a>
  47. <a class=" nav-link active nav-right boldkur" style="color: black; font-weight: bold;" href="{% url 'about' %}">ÜBER UNS</a>
  48. {% if not user.is_authenticated %}
  49. <a class=" nav-link active nav-right boldkur" style="color: black; font-weight: bold;" href="{% url 'login' %}">EINLOGGEN</a>
  50. {% endif %}
  51. {% if user.is_authenticated %}
  52. <a class="nav-link nav-right boldkur" style="color: black; font-weight: bold;" href="{% url 'new-submit-view'%}?">PROJEKT EINREICHEN</a>
  53. <a class="nav-link nav-right boldkur" style="color: black; font-weight: bold;" href="{% url 'my-products'%}">MEINE PROJEKTE</a>
  54. <a class="nav-link nav-right boldkur" style="color: black; font-weight: bold;" href="{% url 'logout'%}?next={{request.path}}">AUSLOGGEN</a>
  55. {% endif %}
  56. </div>
  57. </div>
  58. </div>
  59. </nav>
  60. {% endblock %}
  61. {% endif %}
  62. <div class="container-fluid">
  63. {% block content %}
  64. {% endblock %}
  65. </div>
  66. <div class="modal fade " id="LoginModal" tabindex="-1" role="dialog" aria-labelledby="LoginModal" aria-hidden="true">
  67. <div class="modal-dialog border border-dark rounded-0" role="document">
  68. <div class="modal-content rounded-0">
  69. <div class="modal-header">
  70. <h5 class="modal-title" id="exampleModalLabel">Bitte loggen Sie sich hier ein: </h5>
  71. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  72. <span aria-hidden="true">&times;</span>
  73. </button>
  74. </div>
  75. <div class="modal-body">
  76. <form method="post" action="{% url 'login' %}">
  77. {% csrf_token %}
  78. <div class="form-group " style="margin-top: 20px">
  79. <input type="text" class="form-control rounded-0" name="username" placeholder="username" />
  80. </div>
  81. <div class="form-group">
  82. <input type="password" class="form-control rounded-0" name="password" placeholder="password">
  83. </div>
  84. <div>
  85. <input type="submit" class="btn btn-outline-secondary rounded-0 mybtn" value="login" />
  86. <input type="hidden" name="next" value="{{ next }}" />
  87. </div>
  88. </form>
  89. </div>
  90. <div class="modal-footer">
  91. <p><a href="{% url 'password_reset' %}">Passwort vergessen?</a></p>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. </body>
  97. <!-- Matomo -->
  98. <script type="text/javascript">
  99. /*
  100. var _paq = _paq || [];
  101. _paq.push(['trackPageView']);
  102. _paq.push(['enableLinkTracking']);
  103. (function() {
  104. var u="https://piwik.juan-carlos.info/";
  105. _paq.push(['setTrackerUrl', u+'piwik.php']);
  106. _paq.push(['setSiteId', '4']);
  107. var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
  108. g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  109. })();
  110. */
  111. </script>
  112. <!-- End Matomo Code -->
  113. </html>