## -*- coding: utf-8 -*-
&lt;%namespace name=&#34;base&#34; file=&#34;base_helper.tmpl&#34; import=&#34;*&#34; /&gt;
&lt;%namespace name=&#34;notes&#34; file=&#34;annotation_helper.tmpl&#34; import=&#34;*&#34; /&gt;
${set_locale(lang)}
${base.html_headstart()}
&lt;%block name=&#34;extra_head&#34;&gt;
### Leave this block alone.
&lt;/%block&gt;
${template_hooks[&#39;extra_head&#39;]()}
&lt;/head&gt;
&lt;body&gt;
&lt;a href=&#34;#content&#34; class=&#34;sr-only sr-only-focusable&#34;&gt;${messages(&#34;Skip to main content&#34;)}&lt;/a&gt;

&lt;!-- Menubar --&gt;

&lt;nav class=&#34;navbar navbar-inverse navbar-fixed-top&#34; role=&#34;navigation&#34;&gt;
    &lt;div class=&#34;container&#34;&gt;&lt;!-- This keeps the margins nice --&gt;
        &lt;div class=&#34;navbar-header&#34;&gt;
            &lt;button type=&#34;button&#34; class=&#34;navbar-toggle&#34; data-toggle=&#34;collapse&#34; data-target=&#34;.navbar-ex1-collapse&#34;&gt;
            &lt;span class=&#34;sr-only&#34;&gt;Toggle navigation&lt;/span&gt;
            &lt;span class=&#34;icon-bar&#34;&gt;&lt;/span&gt;
            &lt;span class=&#34;icon-bar&#34;&gt;&lt;/span&gt;
            &lt;span class=&#34;icon-bar&#34;&gt;&lt;/span&gt;
            &lt;/button&gt;
            &lt;a class=&#34;navbar-brand&#34; href=&#34;${abs_link(&#39;/&#39;)}&#34;&gt;
            %if logo_url:
                &lt;img src=&#34;${logo_url}&#34; alt=&#34;${blog_title}&#34; id=&#34;logo&#34;&gt;
            %endif

            % if show_blog_title:
                &lt;span id=&#34;blog-title&#34;&gt;${blog_title}&lt;/span&gt;
            % endif
            &lt;/a&gt;
        &lt;/div&gt;&lt;!-- /.navbar-header --&gt;
        &lt;div class=&#34;collapse navbar-collapse navbar-ex1-collapse&#34;&gt;
            &lt;ul class=&#34;nav navbar-nav&#34;&gt;
                ${base.html_navigation_links()}
                ${template_hooks[&#39;menu&#39;]()}
            &lt;/ul&gt;
            %if search_form:
                ${search_form}
            %endif

            &lt;ul class=&#34;nav navbar-nav navbar-right&#34;&gt;
                &lt;%block name=&#34;belowtitle&#34;&gt;
                %if len(translations) &gt; 1:
                    &lt;li&gt;${base.html_translations()}&lt;/li&gt;
                %endif
                &lt;/%block&gt;
                % if show_sourcelink:
                    &lt;%block name=&#34;sourcelink&#34;&gt;&lt;/%block&gt;
                %endif
                ${template_hooks[&#39;menu_alt&#39;]()}
            &lt;/ul&gt;
        &lt;/div&gt;&lt;!-- /.navbar-collapse --&gt;
    &lt;/div&gt;&lt;!-- /.container --&gt;
&lt;/nav&gt;

&lt;div class=&#34;jumbotron&#34;&gt;
    &lt;div class=&#34;container&#34;&gt;
        &lt;h1&gt;Welcome to Africa!&lt;/h1&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class=&#34;container&#34; id=&#34;content&#34;&gt;
    &lt;div class=&#34;body-content&#34;&gt;
        &lt;!--Body content--&gt;
        &lt;div class=&#34;row&#34;&gt;
            ${template_hooks[&#39;page_header&#39;]()}
            &lt;%block name=&#34;content&#34;&gt;&lt;/%block&gt;
        &lt;/div&gt;
        &lt;!--End of body content--&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;footer class=&#34;footer&#34;&gt;
    &lt;div class=&#34;container&#34;&gt;
        &lt;p class=&#34;text-muted&#34;&gt;
            ${content_footer}
            ${template_hooks[&#39;page_footer&#39;]()}
        &lt;/p&gt;
    &lt;/div&gt;
&lt;/footer&gt;


${base.late_load_js()}
    &lt;script&gt;jQuery(&#34;a.image-reference&#34;).colorbox({rel:&#34;gal&#34;,maxWidth:&#34;100%&#34;,maxHeight:&#34;100%&#34;,scalePhotos:true});&lt;/script&gt;
    &lt;%block name=&#34;extra_js&#34;&gt;&lt;/%block&gt;
    % if annotations and post and not post.meta(&#39;noannotations&#39;):
        ${notes.code()}
    % elif not annotations and post and post.meta(&#39;annotations&#39;):
        ${notes.code()}
    % endif
${body_end}
${template_hooks[&#39;body_end&#39;]()}
&lt;/body&gt;
&lt;/html&gt;