base.html 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. {% load static %}
  2. <!DOCTYPE html>
  3. <html lang="zh-cn">
  4. <head>
  5. <meta charset="utf-8">
  6. <title>
  7. {% block title %}
  8. {% endblock %}
  9. </title>
  10. <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.min.css' %}">
  11. <link rel="stylesheet" href="{% static 'md_css/monokai.css' %}">
  12. <link
  13. rel="stylesheet"
  14. href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.14.0/css/all.min.css"
  15. >
  16. </head>
  17. <body>
  18. {% include "header.html" %}
  19. <div id="wrapper">
  20. {% block content %}
  21. {% endblock content%}
  22. <div id="push"></div>
  23. </div>
  24. {% include "footer.html" %}
  25. <script src="{% static 'jQuery/jquery-3.5.1.js' %}"></script>
  26. <script src="{% static 'layer/layer.js' %}"></script>
  27. <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1-lts/dist/umd/popper.min.js"></script>
  28. <script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
  29. {% include 'back_to_top_func.html' %}
  30. {% block script %}
  31. {% endblock script %}
  32. <style>
  33. html, body {
  34. height: 100%;
  35. margin: 0;
  36. }
  37. #wrapper {
  38. min-height: 100%;
  39. margin-bottom: -60px;
  40. }
  41. #footer, #push {
  42. height: 60px;
  43. }
  44. </style>
  45. </body>
  46. </html>