Update navbar & blog list

* Add sitename in the navbar conditionally
* Add subtitle block
* Add blog list layout
This commit is contained in:
Raghavendra Kamath
2018-03-30 15:10:01 +05:30
parent d38f301bc4
commit 7254119788
4 changed files with 34 additions and 39 deletions

View File

@@ -3,7 +3,9 @@
<div class="left flex align-item-center">
<a class="logo flex align-item-center pr1" href="{{ url_prefix }}{{ home_page or "/"}}">
<img class="logo-img" src="/assets/foundation/img/erpnext-logo.svg" alt="Open Source ERP Software">
<!-- <span>ERPNext.org</span> -->
{% if not parents %}
<span class="pl2">ERPNext.org</span>
{% endif %}
</a>
<!-- breadcrumbs -->
{% if parents and parents|length > 0 %}

View File

@@ -8,7 +8,10 @@
{% include "foundation/templates/includes/sidebar/sidebar.html" %}
</div>
<div class="page-main flex-4 p6">
<div class="mb4">
{% include "foundation/templates/includes/page-head.html" %}
{% block page_subtitle %}{% endblock %}
</div>
<div class="page-body">
{%- block page_content -%}{%- endblock -%}
</div>

View File

@@ -2,14 +2,20 @@
{% block meta_block %}
{% include "templates/includes/meta_block.html" %}
{% endblock %}
{% block page_content %}
<article class="blog-content" itemscope itemtype="http://schema.org/BlogPosting">
{% block page_subtitle %}
<div class="blog-info">
<p class="post-by">
<a href="/blog?blogger={{ blogger }}" class="no-decoration">{{ _("By") }} {{ blogger_info and blogger_info.full_name or full_name }}</a>
Posted on {{ frappe.format_date(published_on) }} in <a href="/blog?blog_category={{ blog_category }}" class="no-decoration">{{ category.title }}</a> .{{ comment_text }}
</p>
</div>
{% endblock %}
{% block page_content %}
<article class="blog-content" itemscope itemtype="http://schema.org/BlogPosting">
<div itemprop="articleBody" class="longform blog-text">
{{ content }}
</div>

View File

@@ -1,35 +1,19 @@
{%- set post = doc -%}
<div class="web-list-item blog-list-item">
<div class="row">
<div class="col-xs-12">
<h1><a href="/{{ post.route }}">{{ post.title }}</a></h1>
{% if post.cover_image %}
<p>
<img class="blogpost-cover-img" src="{{ post.cover_image }}" alt="{{post.title}} - Cover Image">
</p>
{% endif %}
<p class="post-description">{{ post.intro }}</p>
<div>
<div class="inline-block" style="vertical-align: top">
<div class="avatar">
<img itemprop="thumbnailUrl" src="{{ post.avatar or "/assets/frappe/images/default-avatar.png" }}" />
<div class="list-item">
<div class="flex">
<div class="flex-1 mr2">
<img class="thumb-medium" alt="{{ post.full_name }}'s profile picture" itemprop="thumbnailUrl" src='{{ post.avatar or "/assets/frappe/images/default-avatar.png" }}' />
</div>
</div>
<div class="inline-block" style="width: calc(100% - 100px)">
<div class='text-muted'>
<a href="/blog?blogger={{ post.blogger }}">{{ post.full_name }}</a>
</div>
<div class="text-muted small">
<div class="flex-2 text-dark-grey">
<h2 class="h2 text-black"><a href="/{{ post.route }}">{{ post.title }}</a></h1>
<p>By <a href="/blog?blogger={{ post.blogger }}">{{ post.full_name }}</a>. Posted on
{{ frappe.format_date(post.published_on) }}
{% if post.comments %}
<span style='display: inline-block; margin-left: 10px;'>
<i class='octicon octicon-comment-discussion'></i> {{ post.comments }}
</span>
{% endif %}
</div>
</div>
</div>
</p>
</div>
</div>
</div>