website Files · www/conservancy/templates/base_blog.html

Files @ 828baca5a600

Branch filter:

Location: website/www/conservancy/templates/base_blog.html

828baca5a600 1.1 KiB text/html Show Annotation Show as Raw Download as Raw

Michal Nazarewicz

[PATCH 1/2] Fix unnucessary horizontal scroll bar; simplify header markup.

Because #logobutton had a fixed width, browser window narrower than 933
pixels resulted in an unnecessary horizontal scroll bar. Fix that by
using a dynamic 100% width which results in the header image being
automatically clipped as necessary.

To avoid clipping the tree and the text though, include min-width so
that very narrow windows result in a horizontal scroll bar so the whole
name can be seen.

Furthermore, simplify the markup by removing wrapper DIV and SPAN
elements which weren’t really necessary. As a consequence of that
change, the whole top of the page is now a link to the homepage (i.e.
‘/’). Prior to this change, the link wasn’t clickable.

{% extends "base_conservancy.html" %}

{% block category %}blog{% endblock %}

{% block head %}
<link rel="alternate" type="application/rss+xml" title="RSS" href="/feeds/blog/" />
{% endblock %}

{% block outercontent %}
 <div id="container">
         <div id="sidebar" class="{% block submenuselection %}other{% endblock %}">
<h2>Authors</h2>
<ul>
{% for author in all_authors %}
<li><a href="/blog/?author={{ author.username }}">{{ author.formal_name }}</a>
(<a href="/feeds/blog/?author={{ author.username }}">rss</a>)</li>
{% endfor %}
</ul>

<h2>Tags</h2>
<ul>
{% for tag in all_tags %}
<li><a href="{{ tag.get_absolute_url }}">{{ tag.label }}</a>
(<a href="/feeds/blog/?tag={{ tag.slug }}">rss</a>)</li>
{% endfor %}
</ul>
{% if all_year_list %}
<h2>Blog Index by Year</h2>
<ul>
{% for year in all_year_list reversed %}<li><a href="/blog/{{ year|date:"Y" }}/">{{ year|date:"Y" }}</a></li>{% endfor %}
</ul>
{% endif %}

<h2><a href="/blog/">See all posts&hellip;</a></h2>
<!-- <p><a href="/blog/query/">Query...</a></p> -->
         </div>
               <div id="mainContent">{% block content %}{% endblock %}
               </div>
   </div>
{% endblock %}