Skip to content

Instantly share code, notes, and snippets.

@doobeh
Last active August 28, 2018 22:35
Show Gist options
  • Select an option

  • Save doobeh/759556379eb55c26b1c5d4d65e93d3ad to your computer and use it in GitHub Desktop.

Select an option

Save doobeh/759556379eb55c26b1c5d4d65e93d3ad to your computer and use it in GitHub Desktop.
{% extends 'parent.html' %}
{% block css %}
<link href = "{{ url_for('static', filename = 'base/child.css') }}" rel = "stylesheet">
{% endblock css%}
{% block content %}
<form>
<input name="foo"/>
</form>
{% endblock content %}
{% block js %}
<script src = "https://my_special_code.js"> </script>
{% endblock js %}
<!DOCTYPE html>
<html lang = 'en'>
<head>
<meta charset = utf-8>
<meta http-equiv = "X-UA-COMPATIBLE" content = 'IE = edge'>
<meta name = "viewport" content = "width =device-width, initial-scale = 1">
<title>{% block title %} {% endblock %}</title>
<!-- CSS Style Sheet -->
<!-- Bootstrap -->
{% block css %}
<!-- custom code will go here as needed -->
{% endblock css%}
<link href = "{{ url_for('static', filename = 'base/base.css') }}" rel = "stylesheet">
</head>
<body>
<div class = "container">
{% block content %} {% endblock %}
</div>
<p>hello</p>
<!-- JQuery for bootstrap -->
<script scr = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>
<!-- Boostrap Js -->
<script src = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
{% block js %}
<!-- custom code -->
{% endblock js %}
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment