maple-bbs/templates/maple/footer.html

<style>
 .main {
     padding-bottom:100px;
 }
 .footer {
     margin-top: -100px;
     height: 100px;
     background-color:#fff;
     padding:12px 15px;
     border:1px solid #ddd;
     border-radius:5px 5px 0 0;
 }
 .footer blockquote {
     font-size:14px;
 }
 .footer blockquote p {
     font-size:14px;
 }
 .footer-heading a{
     color: #aaa;
     text-decoration: none;
     border-bottom: 1px dotted #999;
 }
 .footer-desc{
     font-size:12px;
     color:#777;
 }
 .footer-desc span{
     margin-left:10px;
 }
 .footer-pipe {
     margin: 0 5px;
     color: #ccc;
 }
</style>
<div class="footer col-md-offset-1 col-md-10">
  <div class="pull-right">
    <p class="footer-heading text-right">
      <a href="{{ url_for('forums.help')}}">{{ _('Help')}}</a>
      <span class="footer-pipe"> | </span>
      <a href="{{ url_for('forums.about')}}">{{ _('About')}}</a>
      <span class="footer-pipe"> | </span>
      <a href="{{ url_for('forums.contact')}}">{{ _('Contact me')}}</a>
      <span class="footer-pipe"> | </span>
      <a href="https://github.com/honmaple/maple-bbs" target="_blank">GitHub</a>
    </p>
    <p class="footer-desc text-right hidden-xs">
      {% set footer_count = g.get_online %}
      <span>{{ _('Now users online:')}}<strong>{{ footer_count[0] }}</strong></span>
      <span>{{ _('Registered users online:') }}<strong>{{ footer_count[1] }}</strong></span>
      <span>{{ _('Guests online:')}}<strong>{{ footer_count[2] }}</strong></span>
    </p>
    <p class="footer-desc text-right hidden-xs">
      <span>{{ show_time() }}</span>
      <span>{{ _('Highest online:')}}<strong>{{ footer_count[3] }}</strong></span>
      <span>{{ _('Time of highest online:')}}<strong>{{ footer_count[4] }}</strong></span>
    </p>
  </div>
  <blockquote>
    <p style="color:#888;">{{ _(DEFAULT.SITE['subtitle']) }}</p>
    <footer>© 2015-2019 honmaple.</footer>
  </blockquote>
</div>