base_generic.html 6.3 KB

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