31 lines
957 B
HTML
31 lines
957 B
HTML
{% extends "article.html" %}
|
|
{% block head%}
|
|
{{ super() }}
|
|
|
|
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/recipestyle.css">
|
|
|
|
{% endblock head %}
|
|
|
|
{% block content_footer %}
|
|
|
|
<!-- This print script is based on this website - https://www.geeksforgeeks.org/print-the-contents-of-a-div-element-using-javascript/ -->
|
|
<script>
|
|
function printDiv() {
|
|
let divContents = document.getElementById("recipe").innerHTML;
|
|
let printWindow = window.open('', '', 'height=500, width=850');
|
|
printWindow.document.open();
|
|
printWindow.document.write(`
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/recipestyle.css">
|
|
</head>
|
|
<body>
|
|
${divContents}
|
|
</body>
|
|
</html>
|
|
`);
|
|
printWindow.document.close();
|
|
printWindow.print();
|
|
}
|
|
</script>
|
|
{% endblock content_footer %}
|