itdominator/Flask-Project-Template
Template
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added header and footer tags

Browse Source
This commit is contained in:
Maxim Stewart 2020-01-12 14:24:44 -06:00
parent 203082dd4e
commit 6aecde3264
3 changed files with 34 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/core/templates/header-menu.html Normal file
View File

@ -0,0 +1,12 @@
{% extends "layout.html" %}
{% block header_menu %}
<div class="container">
<div class="row">
<div class="col justify-content-center text-center">
<h1>Hello World!</h1>
<p>Using dark themed Bootstrap 4 css files...</p>
<p>Themes:&nbsp;<a href="https://bootswatch.com/" target="_blank">Bootswatch</a></p>
</div>
</div>
</div>
{% endblock header_menu %}

14
src/core/templates/index.html
View File

@ -1,4 +1,9 @@
{% extends "layout.html" %}
{% block body_header %}
<h1 style=" position: fixed; top: 0em;">Footer</h1>
{% endblock body_header %}
{% block content %}
<div class="container">
<div class="row">
@ -11,9 +16,14 @@
</div>
{% endblock content %}
{% block scripts %}
{% block body_footer %}
<h1 style=" position: fixed; bottom: 0em;">Footer</h1>
{% endblock body_footer %}
{% block body_scripts %}
<script src="{{ url_for('static', filename='js/ui-logic.js')}}"></script>
<script src="{{ url_for('static', filename='js/post-ajax.js')}}"></script>
<script src="{{ url_for('static', filename='js/ajax.js')}}"></script>
<script src="{{ url_for('static', filename='js/events.js')}}"></script>
{% endblock scripts %}
{% endblock body_scripts %}

18
src/core/templates/layout.html
View File

@ -12,21 +12,24 @@
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap/bootstrap.min.css')}}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap/bootstrap-datepicker.css')}}">
{% block headercss %}
{% block header_css %}
{% endblock %}
{% block headerscripts %}
{% block header_scripts %}
{% endblock %}
</head>
<body>
{% block content %}
{% block body_header %}
{% endblock %}
{% block content %}
{% endblock %}
{% block body_footer %}
{% endblock %}
<!-- For Bootstrap in this exact order... -->
<script src="{{ url_for('static', filename='js/bootstrap/jquery-3.3.1.slim.min.js')}}"></script>
@ -37,8 +40,7 @@
<script src="{{ url_for('static', filename='js/bootstrap/moment.min.js')}}"></script>
<script src="{{ url_for('static', filename='js/bootstrap/bootstrap-datepicker.min.js')}}"></script>
{% block scripts %}
{% block body_scripts %}
{% endblock %}
</body>