base_generic.html 6.1 KB

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