User html5 semantic elements
parent
99c13a39c7
commit
3ac5a83a2f
|
@ -49,7 +49,7 @@ a:hover {
|
|||
}
|
||||
|
||||
.header img,
|
||||
.header ul {
|
||||
.header nav {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
|
|
@ -14,8 +14,8 @@
|
|||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="article">
|
||||
<div class="article-header">
|
||||
<article class="article">
|
||||
<header>
|
||||
<ul class="list-inline">
|
||||
<li class="text-muted" title="{{ article.date.isoformat() }}">{{ article.locale_date }}</li>
|
||||
<li>·</li>
|
||||
|
@ -33,10 +33,8 @@
|
|||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="article-main">
|
||||
</header>
|
||||
{{ article.content }}
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
{% include 'include/comments.html' %}
|
||||
{% endblock %}
|
||||
|
|
|
@ -55,7 +55,7 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<div class="header">
|
||||
<header class="header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
|
@ -68,7 +68,7 @@
|
|||
<p>{{ SITE_TAGLINE }}</p>
|
||||
<hr>
|
||||
{% if HEADER_LINKS or SHOW_HEADER_PAGES or EMAIL_ADDRESS or FACEBOOK_ADDRESS or GITHUB_ADDRESS or GOOGLE_ADDRESS or TWITTER_ADDRESS %}
|
||||
<ul class="list-inline">
|
||||
<nav class="list-inline">
|
||||
{% if HEADER_LINKS %}
|
||||
{% for title, link in HEADER_LINKS %}
|
||||
<li><a href="{{ link }}" target="_blank">{{ title }}</a></li>
|
||||
|
@ -103,12 +103,12 @@
|
|||
{% if TWITTER_ADDRESS %}
|
||||
<li><a class="fa fa-fw fa-twitter" href="{{ TWITTER_ADDRESS }}" target="_blank"></a></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</nav>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="main">
|
||||
<div class="container">
|
||||
|
@ -119,12 +119,12 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
{% if SHOW_FOOTER_AUTHORS or SHOW_FOOTER_ARCHIVES or SHOW_FOOTER_CATEGORIES or SHOW_FOOTER_TAGS %}
|
||||
<ul class="list-inline">
|
||||
<nav class="list-inline">
|
||||
{% if SHOW_ARTICLE_AUTHOR and SHOW_FOOTER_AUTHORS %}
|
||||
<li><a href="{{ SITEURL }}/authors.html">Authors</a></li>
|
||||
{% endif %}
|
||||
|
@ -137,7 +137,7 @@
|
|||
{% if SHOW_FOOTER_TAGS %}
|
||||
<li><a href="{{ SITEURL }}/tags.html">Tags</a></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</nav>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="col-sm-6 hidden-xs text-right text-muted">
|
||||
|
@ -145,7 +145,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body> <!-- 42 -->
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
@ -15,21 +15,19 @@ All Articles
|
|||
|
||||
{% block content %}
|
||||
{% for article in articles_page.object_list %}
|
||||
<div class="teaser">
|
||||
<div class="row">
|
||||
<div class="col-sm-4 hidden-xs teaser-header">
|
||||
<div class="text-muted teaser-date" title="{{ article.date.isoformat() }}">{{ article.locale_date }}</div>
|
||||
<article class="row teaser">
|
||||
<header class="col-sm-4 hidden-xs">
|
||||
<div class="text-muted" title="{{ article.date.isoformat() }}">{{ article.locale_date }}</div>
|
||||
<div><a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a></div>
|
||||
{% if article.author and SHOW_ARTICLE_AUTHOR %}
|
||||
<div>By <a href="{{ SITEURL }}/{{ article.author.url }}">{{ article.author }}</a></div>
|
||||
{% endif %}
|
||||
</header>
|
||||
<div class="col-sm-8">
|
||||
<h3><a href="/{{ article.url }}" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h3>
|
||||
{{ article.summary }}
|
||||
</div>
|
||||
<div class="col-sm-8 teaser-main">
|
||||
<h2><a href="/{{ article.url }}" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2>
|
||||
<p>{{ article.summary }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
{% if not loop.last %}
|
||||
<hr>
|
||||
{% endif %}
|
||||
|
|
|
@ -14,9 +14,7 @@
|
|||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<article class="page">
|
||||
{{ page.content }}
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
{% endblock %}
|
||||
|
|
Loading…
Reference in New Issue