{% extends 'section.html' %} {% block deferred_styles %} {{ super() }} <link rel="stylesheet" href="{{ get_url(path='css/order-hardware.css', cachebust=true) }}"> {% endblock %} {% block hero %}{% endblock %} {% block main %} <main id="root-shop"></main> {% endblock %} {% block footer %}{% endblock %} {% block js %} <script> (function () { function deviceIsMobile() { // Do not rely on User-Agent: https://developer.mozilla.org/en-US/docs/Web/API/Navigator/userAgent // Be in sync with css/order-hardware.css return window.innerWidth < 768; } function isTouchEnabled() { return ('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0); } window.deviceIsMobile = deviceIsMobile; window.isTouchEnabled = isTouchEnabled; })(); </script> <!-- Load Data --> <script src="{{ get_url(path='js/shop_data.js', cachebust=true) }}"></script> <!-- Load our React component. --> <!-- <script type="text/babel" src="{{ get_url(path='js/shop.jsx', cachebust=true) }}"></script> --> <script src="{{ get_url(path='js/shop.bundle.js', cachebust=true) }}"></script> {% endblock %}