<!-- ********** FOOTER ********** -->
<footer id="mixture__footer" class="container full-width background-color-dark color-auto">
    <div class="container full-width">
        <!-- DOC INFO -->
        <div id="mixture__footer_info" class="container full-width background-color-dark color-auto<?php 
echo _mixture_stickme("info");
?>
">
            <div class="container">
                <div class="col-12 container justify-end">
                    <?php 
tpl_pageinfo();
?>
                </div><!-- #mixture__footer-info -->
            </div>
        </div>
        <div id="mixture__footer_license" class="col-12 container justify-center">
            <?php 
tpl_license('');
?>
        </div>
        <div id="mixture__footer_buttons" class="col-12 container justify-center">
            <?php 
tpl_license('button', true, false, false);
// license button, no wrapper
$target = $conf['target']['extern'] ? 'target="' . $conf['target']['extern'] . '"' : '';
?>
            <a href="http://www.dokuwiki.org/donate" title="Donate" <?php 
echo $target;
?>
><img
<nav id="mixture__nav" class="container<?php 
echo _mixture_area_width("main_nav");
?>
 items-center content-center justify-space-around background-color-primary color-auto<?php 
echo _mixture_stickme("nav");
?>
">
    <!-- BRANDING -->
    <div id="mixture__brand" class="container<?php 
echo _mixture_area_width("main_nav");
?>
 col-md-auto justify-center items-center">
        <?php 
if (strpos(tpl_getConf('elements'), 'header_logo') !== false) {
    ?>
            <div id="mixture__brand_logo">
                <?php 
    // Check settings to know if we're looking for a Namespace dependent logo or not
    if (strpos(tpl_getConf('namespacedFiles'), 'header_logo') !== false) {
        $logo = _mixture_namespacedFile('logo', 'inherit', 1);
    } else {
        $logo = null;
    }
    if ($ID == "start" or $logo == null) {
        $logoMaxHeight = 128;
        $logoSize = array();
        $logo = tpl_getMediaFile(array(':wiki:logo.jpg', ':wiki:logo.png', ':logo.jpg', ':logo.png', 'images/logo.jpg', 'images/logo.png'), false, $logoSize);
        $logoDisplayHeight = min($logoSize[1], $logoMaxHeight);
        if ($logoSize[1] > $logoDisplayHeight) {
            $logoSize[3] = 'width="' . $logoSize[0] / ($logoSize[1] / $logoDisplayHeight) . '" height="' . $logoDisplayHeight . '"';
        }
<?php

if (strpos(tpl_getConf('elements'), 'header_topbar_date') !== false or strpos(tpl_getConf('elements'), 'header_topbar_lastchanges') !== false or strpos(tpl_getConf('elements'), 'header_topbar_links') !== false) {
    ?>
    <aside id="mixture__topbar" class="container<?php 
    echo _mixture_area_width("topbar");
    ?>
 background-color-dark color-auto justify-space-around items-center<?php 
    echo _mixture_stickme("topbar");
    ?>
">
        <!-- DATE -->
        <?php 
    if (strpos(tpl_getConf('elements'), 'header_topbar_date') !== false) {
        ?>
            <div id="mixture__topbar_date" class="col-12 col-sm-3 col-md-auto text-capitalize text-center container justify-center items-center">
                <?php 
        print _mixture_date("long");
        ?>
            </div><!-- #mixture__topbar_date -->
        <?php 
    }
    ?>
        <!-- LAST CHANGES -->
        <?php 
    if (strpos(tpl_getConf('elements'), 'header_topbar_lastchanges') !== false and $showLastChanges >= 1) {
        ?>
            <div id="js_topbar_changes_container" class="col-11 col-sm-6 col-md-auto container">
                <strong><span class="md-display-none" title="<?php 
        print $lang['btn_recent'];
        ?>