forked from I2P_Developers/i2p.www
Create meta class for showing metadata in right margin
This commit is contained in:
@@ -1,15 +1,14 @@
|
|||||||
{% extends "global/layout.html" %}
|
{% extends "global/layout.html" %}
|
||||||
{%- from "global/macros" import render_categories with context -%}
|
{%- from "global/macros" import render_categories with context -%}
|
||||||
{% block title %}{{ title }} - {{ _('Blog') }}{% endblock %}
|
{% block title %}{{ title }} - {{ _('Blog') }}{% endblock %}
|
||||||
{% block sidebar %}
|
{% block content %}
|
||||||
<ul id="post-info" class="lastupdated">
|
<div class="meta">
|
||||||
|
<ul id="post-info">
|
||||||
<li class="date">{{ _('Posted:') }} {{ meta.date }}</li>
|
<li class="date">{{ _('Posted:') }} {{ meta.date }}</li>
|
||||||
<li class="author">{{ _('Author:') }} {{ meta.author }}</li>
|
<li class="author">{{ _('Author:') }} {{ meta.author }}</li>
|
||||||
<li class="category">{{ render_categories(meta.category)|safe }}</li>
|
<li class="category">{{ render_categories(meta.category)|safe }}</li>
|
||||||
</ul>
|
</ul>
|
||||||
{% endblock %}
|
</div>
|
||||||
|
|
||||||
{% block content %}
|
|
||||||
{% autoescape false %}
|
{% autoescape false %}
|
||||||
{{ body }}
|
{{ body }}
|
||||||
{% endautoescape %}
|
{% endautoescape %}
|
||||||
|
@@ -55,18 +55,20 @@
|
|||||||
|
|
||||||
<main role="main" class="inner">
|
<main role="main" class="inner">
|
||||||
<div class="fluid">
|
<div class="fluid">
|
||||||
{% if self.content_nav() or self.sidebar() or self.lastupdated() or self.accuratefor() -%}
|
{% if self.content_nav() or self.sidebar() -%}
|
||||||
<aside class="sidebar">
|
<aside class="sidebar">
|
||||||
{% if self.content_nav() -%}
|
{% if self.content_nav() -%}
|
||||||
<nav{% if self.lastupdated() or self.accuratefor() %} class="top"{% endif %}>
|
<nav{% if self.sidebar() %} class="top"{% endif %}>
|
||||||
{% block content_nav %}{% endblock %}
|
{% block content_nav %}{% endblock %}
|
||||||
</nav>
|
</nav>
|
||||||
{%- endif %}
|
{%- endif %}
|
||||||
|
|
||||||
{% block sidebar %}{% endblock %}
|
{% block sidebar %}{% endblock %}
|
||||||
|
</aside>
|
||||||
|
{%- endif %}
|
||||||
|
|
||||||
{% if self.lastupdated() or self.accuratefor() -%}
|
{% if self.lastupdated() or self.accuratefor() -%}
|
||||||
<div class="lastupdated">
|
<div class="meta lastupdated">
|
||||||
<!--
|
<!--
|
||||||
{% block lastupdated %}{% endblock %}
|
{% block lastupdated %}{% endblock %}
|
||||||
{% block accuratefor %}{% endblock %}
|
{% block accuratefor %}{% endblock %}
|
||||||
@@ -86,8 +88,6 @@
|
|||||||
{%- endif %}{% endif %}{% endif %}
|
{%- endif %}{% endif %}{% endif %}
|
||||||
</div>
|
</div>
|
||||||
{%- endif %}
|
{%- endif %}
|
||||||
</aside>
|
|
||||||
{%- endif %}
|
|
||||||
|
|
||||||
<article class="content-inner">
|
<article class="content-inner">
|
||||||
{% block content %}{% endblock %}
|
{% block content %}{% endblock %}
|
||||||
|
@@ -203,13 +203,18 @@ div#content .sidebar nav ul {
|
|||||||
padding-left: 0.5em;
|
padding-left: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
div#content .lastupdated {
|
div#content .meta {
|
||||||
background-color: #ffffdd;
|
background-color: #ffffdd;
|
||||||
padding: 2px 4px;
|
border: 1px dashed;
|
||||||
|
padding: 0.5em 1em;
|
||||||
position: relative;
|
position: relative;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div#content .lastupdated {
|
||||||
|
margin: 1em 2em;
|
||||||
|
}
|
||||||
|
|
||||||
div#content .content-inner {
|
div#content .content-inner {
|
||||||
padding: 1em 2em;
|
padding: 1em 2em;
|
||||||
}
|
}
|
||||||
|
@@ -250,9 +250,13 @@ div#content .inner .sidebar {
|
|||||||
width: 250px;
|
width: 250px;
|
||||||
}
|
}
|
||||||
|
|
||||||
div#content .lastupdated {
|
div#content .inner .meta {
|
||||||
border-radius: 0 0 10px 0;
|
border: 1px dashed;
|
||||||
text-align: right;
|
position: absolute;
|
||||||
|
left: 72%;
|
||||||
|
margin: 1em 0;
|
||||||
|
right: 2%;
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
div#content .content-inner {
|
div#content .content-inner {
|
||||||
|
Reference in New Issue
Block a user