forked from forks/microblog.pub
Improve template markup
This commit is contained in:
Thomas Sileo
parent
51ed481bb5
commit
ab01fed24a
4 changed files with 17 additions and 17 deletions
|
|
@ -89,7 +89,7 @@ a:hover {
|
|||
}
|
||||
}
|
||||
}
|
||||
header {
|
||||
header#header {
|
||||
margin-bottom: 70px;
|
||||
|
||||
.title {
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{% if not request.path.startswith('/admin') %}
|
||||
<header>
|
||||
<header id="header">
|
||||
|
||||
<div class="h-card p-author">
|
||||
<data class="u-photo" value="{{ config.ME.icon.url }}"></data>
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
</head>
|
||||
<body>
|
||||
{% if logged_in %}
|
||||
<div id="admin-menu-wrapper">
|
||||
<nav id="admin-menu-wrapper">
|
||||
<ul id="admin-menu">
|
||||
<li class="left"><a href="/admin" class="admin-title{% if request.path.startswith("/admin") %} selected{% endif %}">Admin</a></li>
|
||||
<li class="left"><a href="/" class="admin-title {% if not request.path.startswith("/admin") %} selected{% endif %}">Public</a></li>
|
||||
|
|
@ -42,17 +42,17 @@
|
|||
<li class="left"><a href="/admin/lookup"{% if request.path == "/admin/lookup" %} class="selected" {% endif %}>Lookup</a></li>
|
||||
<li class="left"><a href="/admin/logout">Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
{% endif %}
|
||||
|
||||
|
||||
<div class="base-container">
|
||||
<main class="base-container">
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
||||
<div class="footer">
|
||||
</main>
|
||||
<footer class="footer">
|
||||
<div>
|
||||
Powered by <a href="https://microblog.pub">microblog.pub</a> <small class="microblogpub-version"><code>{{ microblogpub_version }}</code></small> (<a href="https://github.com/tsileo/microblog.pub">source code</a>) and the <a href="https://activitypub.rocks/">ActivityPub</a> protocol
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -53,17 +53,17 @@
|
|||
|
||||
{% set real_end_time = obj.closed or obj.endTime %}
|
||||
|
||||
<div class="note-box">
|
||||
<article class="note-box">
|
||||
<div class="note h-entry" id="activity-{{ obj.id | permalink_id }}">
|
||||
|
||||
<div class="h-card p-author">
|
||||
<a class="u-url u-uid no-hover" href="{{ actor | url_or_id | get_url }}"><img class="u-photo" src="{% if not actor.icon %}/static/nopic.png{% else %}{{ actor.icon.url | get_actor_icon_url(50) }}{% endif %}">
|
||||
<a class="u-url u-uid no-hover" rel="author" href="{{ actor | url_or_id | get_url }}"><img class="u-photo" src="{% if not actor.icon %}/static/nopic.png{% else %}{{ actor.icon.url | get_actor_icon_url(50) }}{% endif %}">
|
||||
</a>
|
||||
<data class="p-name" value="{{ actor.name or actor.preferredUsername }}"></data>
|
||||
</div>
|
||||
|
||||
<div class="note-wrapper">
|
||||
<div style="clear:both;height:20px;">
|
||||
<aside style="clear:both;height:20px;">
|
||||
<a href="{{ actor | url_or_id | get_url }}" style="margin:0;text-decoration:none;margin: 0;text-decoration: none;display: block;width: 75%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;" class="no-hover">
|
||||
<strong>{{ (actor.name or actor.preferredUsername) | clean | replace_custom_emojis(actor) | safe }}</strong>
|
||||
<span class="l">@{% if not no_color and obj.id | is_from_outbox %}<span class="pcolor">{{ actor.preferredUsername | clean | replace_custom_emojis(actor) | safe }}</span>{% else %}{{ actor.preferredUsername | clean | replace_custom_emojis(actor) | safe }}{% endif %}@{% if not no_color and obj.id | is_from_outbox %}<span class="pcolor">{{ actor | url_or_id | get_url | domain }}</span>{% else %}{{ actor | url_or_id | get_url | domain }}{% endif %}</span></a>
|
||||
|
|
@ -74,7 +74,7 @@
|
|||
<time class="dt-published" title="{{ obj.published }}" datetime="{{ obj.published }}" {% if obj | url_or_id | get_url | is_from_outbox %}{%else%}rel="external noreferrer"{%endif%}>{{ obj.published | format_timeago }}</time></a>
|
||||
</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
{% if meta.in_reply_to_actor %}
|
||||
<div style="margin:10px 0 15px 0;padding:0;">
|
||||
|
|
@ -244,7 +244,7 @@ self reply
|
|||
|
||||
|
||||
|
||||
<div class="bottom-bar">
|
||||
<aside class="bottom-bar">
|
||||
{% if perma %}
|
||||
<time class="perma-item dt-published" style="float:left;padding:5px;" title="{{ obj.published }}" datetime="{{ obj.published }}" {% if obj | url_or_id | get_url | is_from_outbox %}{%else%}rel="external noreferrer"{%endif%}>{{ obj.published | format_timeago }}</time></a>
|
||||
|
||||
|
|
@ -362,10 +362,10 @@ self reply
|
|||
{% endif %}
|
||||
<a class="bar-item bar-item-no-border">{{ meta.object_visibility | visibility }}</a>
|
||||
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
{% if likes or shares %}
|
||||
<div style="padding-top:20px;" class="pure-g">
|
||||
<aside style="padding-top:20px;" class="pure-g">
|
||||
{% if likes %}
|
||||
<div class="pure-u-1-2">
|
||||
<h4 style="font-weight:normal"><strong>{{ likes|length }}</strong> likes</h4>{% for like in likes %}
|
||||
|
|
@ -380,13 +380,13 @@ self reply
|
|||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</aside>
|
||||
{% endif %}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
{%- endmacro %}
|
||||
|
|
|
|||
Loading…
Reference in a new issue