From: Vladimír Vondruš Date: Fri, 12 Oct 2018 19:08:41 +0000 (+0200) Subject: theme: make it possible to add JS files and arbitrary HTML to page head. X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~cjwatson/git?a=commitdiff_plain;h=d1654c35ae042c6c8144f50528639cdffc541a16;p=blog.git theme: make it possible to add JS files and arbitrary HTML to page head. --- diff --git a/doc/pelican/theme.rst b/doc/pelican/theme.rst index c7603cd8..478757b0 100644 --- a/doc/pelican/theme.rst +++ b/doc/pelican/theme.rst @@ -337,11 +337,15 @@ Pages can override which menu item in the `top navbar`_ will be highlighted by specifying the corresponding menu item slug in the :rst:`:highlight:` field. If the field is not present, page's own slug is used instead. -`Extra CSS`_ ------------- +`Extending HTML \`_ +-------------------------- The :rst:`:css:` field can be used to link additional CSS files in page header. -Put one URL per line, internal link targets are expanded. Example: +Put one URL per line, internal link targets are expanded. Similarly :rst:`:js:` +can be used to link JavaScript files. Besides that, the :rst:`:html_header:` +field can be used to put arbitrary HTML at the end of the :html:`` +element. Indenting the lines is possible by putting an escaped space in front +(the backslash and the escaped space itself won't get inserted). Example: .. code:: rst @@ -351,6 +355,15 @@ Put one URL per line, internal link targets are expanded. Example: :css: {filename}/static/webgl.css {filename}/static/canvas-controls.css + :js: + {filename}/static/showcase.js + :html_header: + `Breadcrumb navigation`_ ------------------------ diff --git a/pelican-theme/templates/base.html b/pelican-theme/templates/base.html index 9c9930d7..de99b0de 100644 --- a/pelican-theme/templates/base.html +++ b/pelican-theme/templates/base.html @@ -36,6 +36,8 @@ {% block social %} {% endblock social %} {% endif %} + {% block extra %} + {% endblock extra %}

diff --git a/pelican-theme/templates/page.html b/pelican-theme/templates/page.html index 3250ace9..23bbaf6f 100644 --- a/pelican-theme/templates/page.html +++ b/pelican-theme/templates/page.html @@ -55,6 +55,18 @@ {% endblock %} +{% block extra %} + {% if page.js %} + {% set scripts = page.js.strip().split('\n') %} + {% for script in scripts %} + + {% endfor %} + {% endif %} + {% if page.html_header %} + {{ page.html_header|indent(2) }} + {% endif %} +{% endblock %} + {% block main %} {% if not page.landing %} {% if page.cover %} diff --git a/pelican-theme/test/page_extra_css/page.rst b/pelican-theme/test/page_extra_css/page.rst deleted file mode 100644 index 0a1d86c7..00000000 --- a/pelican-theme/test/page_extra_css/page.rst +++ /dev/null @@ -1,5 +0,0 @@ -A page -###### - -:css: static/m-debug.css - static/m-grid.css diff --git a/pelican-theme/test/page_extra_css/page.html b/pelican-theme/test/page_extra_html_head/page.html similarity index 84% rename from pelican-theme/test/page_extra_css/page.html rename to pelican-theme/test/page_extra_html_head/page.html index 897030fa..b69202f9 100644 --- a/pelican-theme/test/page_extra_css/page.html +++ b/pelican-theme/test/page_extra_html_head/page.html @@ -9,6 +9,11 @@ + + + +

diff --git a/pelican-theme/test/page_extra_html_head/page.rst b/pelican-theme/test/page_extra_html_head/page.rst new file mode 100644 index 00000000..4621b186 --- /dev/null +++ b/pelican-theme/test/page_extra_html_head/page.rst @@ -0,0 +1,13 @@ +A page +###### + +:css: + static/m-debug.css + static/m-grid.css +:js: + a.js + b.js +:html_header: + + diff --git a/pelican-theme/test/test_page.py b/pelican-theme/test/test_page.py index 381590a3..3666cd63 100644 --- a/pelican-theme/test/test_page.py +++ b/pelican-theme/test/test_page.py @@ -71,14 +71,15 @@ class Breadcrumb(PageTestCase): self.assertEqual(*self.actual_expected_contents('page.html')) self.assertEqual(*self.actual_expected_contents('subpage.html')) -class ExtraCss(PageTestCase): +class ExtraHtmlHead(PageTestCase): def __init__(self, *args, **kwargs): - super().__init__(__file__, 'extra_css', *args, **kwargs) + super().__init__(__file__, 'extra_html_head', *args, **kwargs) def test(self): self.run_pelican({}) - # The page should contain two extra CSS links + # The page should contain two extra CSS links, two JS references and a + # multi-line HTML comment self.assertEqual(*self.actual_expected_contents('page.html')) class HeaderFooter(PageTestCase):