annotate default/blog/item.html @ 16:8cdcbe0d7dee

blog: various appareance improvments: - use new .box classe - article as a maxium size and is expandable on click - display comments in a different way - author and date are now visible - responsive design - placeholders on comment input - transitions - various other improvments
author Goffi <goffi@goffi.org>
date Thu, 04 May 2017 01:00:23 +0200
parents 9a31d2c02f47
children 8fa2fd2e928e
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
16
8cdcbe0d7dee blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents: 0
diff changeset
1 {% import 'script/css.js' as css %}
8cdcbe0d7dee blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents: 0
diff changeset
2
0
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
3 {% block item %}
16
8cdcbe0d7dee blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents: 0
diff changeset
4 <article id="{{ item.id }}" class="box" onclick="this.classList.toggle('clicked')">
0
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
5 <header>
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
6 {% block header %}
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
7 <div class="title">{% block blog_title %}{{ item.title_xhtml or item.title or '' }}{% endblock %}</div>
16
8cdcbe0d7dee blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents: 0
diff changeset
8 {% block metadata %}
8cdcbe0d7dee blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents: 0
diff changeset
9 <div class="metadata">
8cdcbe0d7dee blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents: 0
diff changeset
10 <span class="author">{{item.author}}</span>
8cdcbe0d7dee blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents: 0
diff changeset
11 <span class="blog_data">{{item.published | blog_date}}</span>
8cdcbe0d7dee blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents: 0
diff changeset
12 </div>
8cdcbe0d7dee blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents: 0
diff changeset
13
8cdcbe0d7dee blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents: 0
diff changeset
14 {% endblock metadata %}
0
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
15 {% endblock header %}
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
16 </header>
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
17
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
18 <div class="content">
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
19 {% block content %}
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
20 {{ item.content_xhtml or item.content or ''}}
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
21 {% endblock content %}
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
22 </div>
16
8cdcbe0d7dee blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents: 0
diff changeset
23
8cdcbe0d7dee blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents: 0
diff changeset
24 <div class="expand_box">
8cdcbe0d7dee blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents: 0
diff changeset
25 <p>
8cdcbe0d7dee blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents: 0
diff changeset
26 Click to to expand…
8cdcbe0d7dee blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents: 0
diff changeset
27 </p>
8cdcbe0d7dee blog: various appareance improvments:
Goffi <goffi@goffi.org>
parents: 0
diff changeset
28 </div>
0
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
29 </article>
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
30 {% endblock item %}