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

Improved block selection

This commit is contained in:
Maxim Stewart 2020-01-12 15:08:45 -06:00
parent 6aecde3264
commit 948e525ff0
7 changed files with 66 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/core/static/imgs/backgrounds/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 504 KiB

BIN
src/core/static/imgs/placeholder.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 33 KiB

11
src/core/templates/body-footer.html Normal file
View File

@ -0,0 +1,11 @@
<div class="container">
<div class="row">
<div class="col justify-content-center text-center">
<nav>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Donate</a>
</nav>
</div>
</div>
</div>

11
src/core/templates/body-header.html Normal file
View File

@ -0,0 +1,11 @@
<div class="container">
<div class="row">
<div class="col justify-content-center text-center">
<nav>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Donate</a>
</nav>
</div>
</div>
</div>

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

@ -1,12 +0,0 @@
{% 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 %}

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

@ -1,10 +1,10 @@
{% extends "layout.html" %} {% extends "layout.html" %}
{% block body_header %} {% block body_header_additional %}
<h1 style=" position: fixed; top: 0em;">Footer</h1> <h1 style=" position: fixed; top: 0em;">Header</h1>
{% endblock body_header %} {% endblock body_header_additional %}
{% block content %} {% block body_content %}
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col justify-content-center text-center"> <div class="col justify-content-center text-center">
@ -14,16 +14,16 @@
</div> </div>
</div> </div>
</div> </div>
{% endblock content %} {% endblock body_content %}
{% block body_footer %} {% block body_footer_additional %}
<h1 style=" position: fixed; bottom: 0em;">Footer</h1> <h1 style=" position: fixed; bottom: 0em;">Footer</h1>
{% endblock body_footer %} {% endblock body_footer_additional %}
{% block body_scripts %} {% block body_scripts_additional %}
<script src="{{ url_for('static', filename='js/ui-logic.js')}}"></script> <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/post-ajax.js')}}"></script>
<script src="{{ url_for('static', filename='js/ajax.js')}}"></script> <script src="{{ url_for('static', filename='js/ajax.js')}}"></script>
<script src="{{ url_for('static', filename='js/events.js')}}"></script> <script src="{{ url_for('static', filename='js/events.js')}}"></script>
{% endblock body_scripts %} {% endblock body_scripts_additional %}

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

@ -8,39 +8,60 @@
<title>App</title> <title>App</title>
{% endif %} {% endif %}
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.png') }}"> <!-- Site CSS -->
<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 header_css %} {% block header_css %}
<!-- Bootstrap CSS -->
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
<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')}}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/main.css')}}">
{% block header_css_additional %}
{% endblock header_css_additional %}
{% endblock %} {% endblock %}
{% block header_scripts %} {% block header_scripts %}
{% block header_scripts_additional %}
{% endblock header_scripts_additional %}
{% endblock %} {% endblock %}
</head> </head>
<body> <body>
<img id="bg" src="{{ url_for('static', filename='imgs/backgrounds/background.jpg')}}" alt="{{title}} Background Logo" />
{% block body_header %} {% block body_header %}
{% include "body-header.html" %}
{% block body_header_additional %}
{% endblock body_header_additional%}
{% endblock %} {% endblock %}
{% block content %}
{% block body_content %}
{% block body_content_additional %}
{% endblock body_content_additional%}
{% endblock %} {% endblock %}
{% block body_footer %} {% block body_footer %}
{% include "body-footer.html" %}
{% block body_footer_additional %}
{% endblock body_footer_additional%}
{% endblock %} {% endblock %}
<!-- For Bootstrap in this exact order... -->
<script src="{{ url_for('static', filename='js/bootstrap/jquery-3.3.1.slim.min.js')}}"></script>
<script src="{{ url_for('static', filename='js/bootstrap/popper.min.js')}}"></script>
<script src="{{ url_for('static', filename='js/bootstrap/bootstrap.min.js')}}"></script>
<!-- For DatePicker -->
<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 body_scripts %} {% block body_scripts %}
<!-- For Bootstrap in this exact order... -->
<script src="{{ url_for('static', filename='js/bootstrap/jquery-3.3.1.slim.min.js')}}"></script>
<script src="{{ url_for('static', filename='js/bootstrap/popper.min.js')}}"></script>
<script src="{{ url_for('static', filename='js/bootstrap/bootstrap.min.js')}}"></script>
<!-- For DatePicker -->
<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 body_scripts_additional %}
{% endblock body_scripts_additional%}
{% endblock %} {% endblock %}
</body> </body>