base_generic.html 6.2 KB

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