mirror of
https://github.com/getpelican/pelican.git
synced 2025-10-15 20:28:56 +02:00
59750b3a85
I used the tool [htmlbeautify][1] like so
htmlbeautifier -t 4 -b 1 pelican/themes/simple/templates/*.html
htmlbeautifier -t 4 -b 1 pelican/themes/notmyidea/templates/*.html
and then manually adjusted the output. The final result follows the
following rules.
- 4-space indentation
- Multiline nested tags like
<tag1><tag2>
... nested content ...
</tag2></tag1>
are broken up into
<tag1>
<tag2>
... nested content ...
</tag2>
</tag1>
but if everything is on one like this
<tag1><tag2>... nested content ...</tag2></tag1>
it's OK.
- Treat new blocks like tags when indenting. E.g.
{% if cond %}
<p>hello</p>
{% endif %}
However, observe the following exceptions:
- Don't indent inside a {% block %}, {% macro %}, or if the block
takes up the entire file.
- If a {% for ... %} block takes up the entire content of an HTML tag,
don't indent it. E.g.
<ul id="navigation">
{% for item in navigation %}
<li><a href="{{ item.href }}">{{ item.caption }}</a></li>
{% endfor %}
</ul>
I tried to follow the examples in the official Jinja documentation as
closely as possible: <http://jinja.pocoo.org/docs/2.10/templates/>.
Used `git diff --check` to perform basic whitespace checks.
[1]: [https://github.com/threedaymonk/htmlbeautifier]
68 lines
No EOL
2.8 KiB
HTML
68 lines
No EOL
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>A markdown powered article</title>
|
|
<link rel="stylesheet" href="/theme/css/main.css" />
|
|
<link href="/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="A Pelican Blog Atom Feed" />
|
|
</head>
|
|
|
|
<body id="index" class="home">
|
|
<header id="banner" class="body">
|
|
<h1><a href="/">A Pelican Blog </a></h1>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="/tag/oh.html">Oh Oh Oh</a></li>
|
|
<li><a href="/override/">Override url/save_as</a></li>
|
|
<li><a href="/pages/this-is-a-test-page.html">This is a test page</a></li>
|
|
<li><a href="/category/bar.html">bar</a></li>
|
|
<li class="active"><a href="/category/cat1.html">cat1</a></li>
|
|
<li><a href="/category/misc.html">misc</a></li>
|
|
<li><a href="/category/yeah.html">yeah</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header><!-- /#banner -->
|
|
<section id="content" class="body">
|
|
<article>
|
|
<header>
|
|
<h1 class="entry-title">
|
|
<a href="/a-markdown-powered-article.html" rel="bookmark"
|
|
title="Permalink to A markdown powered article">A markdown powered article</a>
|
|
</h1>
|
|
</header>
|
|
|
|
<div class="entry-content">
|
|
<footer class="post-info">
|
|
<abbr class="published" title="2011-04-20T00:00:00+00:00">
|
|
Published: Wed 20 April 2011
|
|
</abbr>
|
|
|
|
<p>In <a href="/category/cat1.html">cat1</a>.</p>
|
|
|
|
</footer><!-- /.post-info --> <p>You're mutually oblivious.</p>
|
|
<p><a href="/unbelievable.html">a root-relative link to unbelievable</a>
|
|
<a href="/unbelievable.html">a file-relative link to unbelievable</a></p>
|
|
</div><!-- /.entry-content -->
|
|
|
|
</article>
|
|
</section>
|
|
<section id="extras" class="body">
|
|
<div class="social">
|
|
<h2>social</h2>
|
|
<ul>
|
|
<li><a href="/feeds/all.atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
|
|
|
|
</ul>
|
|
</div><!-- /.social -->
|
|
</section><!-- /#extras -->
|
|
|
|
<footer id="contentinfo" class="body">
|
|
<address id="about" class="vcard body">
|
|
Proudly powered by <a href="http://getpelican.com/">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.
|
|
</address><!-- /#about -->
|
|
|
|
<p>The theme is by <a href="http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/">Smashing Magazine</a>, thanks!</p>
|
|
</footer><!-- /#contentinfo -->
|
|
|
|
</body>
|
|
</html> |