Blog / src / _templates / site.mako

Full commit
<%inherit file="base.mako" />
<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8">
%if hasattr(next, 'title'):
    <title>${next.title()} - ${}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="${}">
    <meta name="author" content="${}">
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="" />
    <link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="" />

    <!-- Le styles -->
    <link href="${bf.util.site_path_helper('css/bootstrap.min.css')}" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      .sidebar-nav {
        padding: 9px 0;
      .spacer25 {
        height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block;
      .spacer50 {
        height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block;
    <link href="${bf.util.site_path_helper('css/bootstrap-responsive.min.css')}" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src=""></script>

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="">
                    <link rel="apple-touch-icon-precomposed" href="">
                                   <link rel="shortcut icon" href="">


    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container-fluid">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          <a class="brand" href="${bf.util.site_path_helper()}">${}</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li><a href="${bf.util.site_path_helper()}"><i class="icon-home icon-white"></i> Home</a></li>
              <li><a href="${bf.util.site_path_helper(,'archive')}"><i class="icon-calendar icon-white"></i> Archive</a></li>
              <!--<li><a href="#"><i class="icon-wrench icon-white"></i> Projects</a></li>-->
              <li><a href=""><img src="${bf.util.site_path_helper('img/feed.png')}"> RSS Feed</a></li>
          </div><!--/.nav-collapse -->

    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span9">
        <div class="span3">
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header">Projects</li>
              <li><a href="${bf.util.site_path_helper('bitbucket-backup')}" rel="tooltip" title="A backup tool which clones all your Bitbucket repositories to your local machine">Bitbucket Backup</a></li>
              <li><a href="${bf.util.site_path_helper('missilesharp')}" rel="tooltip" title=".NET library to control an USB Missile Launcher">MissileSharp</a></li>
              <li><a href="${bf.util.site_path_helper('recordset-net')}" rel="tooltip" title="Converts .NET POCOs to ADODB.Recordsets">Recordset.Net</a></li>
              <li><a href="${bf.util.site_path_helper('roboshell-backup')}" rel="tooltip" title="A simple personal backup tool, using RoboCopy and written in Windows Powershell">RoboShell Backup</a></li>
              <li><a href="${bf.util.site_path_helper('vba-helpers')}" rel="tooltip" title="A collection of useful VBA functions">VBA Helpers</a></li>
          </div><!--/.well -->
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header">Links</li>
              <li><a href="" rel="tooltip" title="profile for Christian Specht at Stack Overflow, Q&A for professional and enthusiast programmers"><img src="" width="208" height="58" alt="profile for Christian Specht at Stack Overflow, Q&A for professional and enthusiast programmers" title="profile for Christian Specht at Stack Overflow, Q&A for professional and enthusiast programmers"/></a></li>
              <li><a href="" rel="tooltip" title="my Bitbucket profile"><img src="${bf.util.site_path_helper('img/bitbucket.png')}" alt="my Bitbucket profile" title="my Bitbucket profile"/></a></li>
              <li><a href="" rel="tooltip" title="Ohloh profile for Christian Specht"><img alt="Ohloh profile for Christian Specht" title="Ohloh profile for Christian Specht" height="35" src="" width="191" /></a></li>
          </div><!--/.well -->
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header">Recent Posts</li>
              % for post in
              <li><a href="${post.path}">${post.title}</a></li>
              % endfor
          </div><!--/.well -->
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header">Archives</li>
                % for link, name, num_posts in
                <li><a href="${bf.util.site_path_helper(,link)}/1">${name}&nbsp;(${num_posts})</a></li>
                % endfor
          </div><!--/.well -->
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header">Categories</li>
                % for category, num_posts in
                <li><a href="${category.path}">${category}&nbsp;(${num_posts})</a></li>
                % endfor
          </div><!--/.well -->


        <div class="row">
            <div class="span8">
                    <% import datetime %>
                    Copyright 2012-${}
                    <a href="${bf.util.site_path_helper(,'imprint')}">Imprint / Impressum und Datenschutzhinweis</a>
            <div class="span4">
                    Powered by <a href="">Blogofile</a>. Built with <a href="">Bootstrap</a>.<br/>
                    <a href="">Cosmo</a> theme by <a href=""></a>.


    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="${bf.util.site_path_helper('js/jquery.js')}"></script>
    <script src="${bf.util.site_path_helper('js/bootstrap.min.js')}"></script>
    <script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-28992440-1']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);