diff options
| author | Owen Jacobson <owen.jacobson@grimoire.ca> | 2013-05-21 11:18:04 -0400 |
|---|---|---|
| committer | Owen Jacobson <owen.jacobson@grimoire.ca> | 2013-05-21 16:43:42 -0400 |
| commit | bd268036ed4fd111f0ae3156c324acbf4d2707e7 (patch) | |
| tree | fbf0416d5fe405e34be9f17faca1167b01926c6b /.templates/base.html | |
| parent | c34412e851cf46c3d3e5ba27ab76eda0086c64b5 (diff) | |
A thorough revamp of grimoire.ca's look and feel.
The new look is based, loosely, on print aesthetics, and uses Baskerville (and
Menlo, for code) throughout, with Google's Buenard as a fallback for Windows
and Linux users.
I've retained the basic visual flow, but reworked it to be both more visible
and more readable, and to have less-crazy layout rules (no more
borders-as-gaps).
Diffstat (limited to '.templates/base.html')
| -rw-r--r-- | .templates/base.html | 79 |
1 files changed, 62 insertions, 17 deletions
diff --git a/.templates/base.html b/.templates/base.html index a3e3f7a..d13e17a 100644 --- a/.templates/base.html +++ b/.templates/base.html @@ -1,19 +1,64 @@ -{% extends 'markdoc-default/base.html' %} -{% block css %} -{{ super() }} -{{ html.cssimport(make_relative("/media/css/custom.css")) }} -{% endblock %} +<!DOCTYPE html> +<html> +<head> + <title> + {% block title_prefix -%} + {% if 'wiki-name' in config %}{{ config['wiki-name']|e }} » {% endif %} + {%- endblock %} + {% block title -%} + {{ title }} + {%- endblock %} + </title> -{% block body_footer %} -<div id="footer"> - <p> - {% if 'wiki-name' in config %} - {{ config['wiki-name']|e }} — - {% endif %} - Powered by <a href="http://markdoc.org/">Markdoc</a>. - {% block github_info %} - <a href="https://github.com/ojacobson/grimoiredotca">See it on GitHub</a>. - {% endblock %} - </p> + <link + rel='stylesheet' + type='text/css' + href='http://fonts.googleapis.com/css?family=Buenard:400,700&subset=latin,latin-ext'> + <link + rel="stylesheet" + type="text/css" + href="{{ make_relative('/media/css/reset.css') }}"> + <link + rel="stylesheet" + type="text/css" + href="{{ make_relative('/media/css/grimoire.css') }}"> +</head> +<body> + +<div id="shell"> + {% if crumbs %} + <ol id="breadcrumbs"> + {% for name, href in crumbs %} + <li class="crumb-{{ loop.index0 }} {% if loop.last %}last{% else %}not-last{% endif %}"> + {% if not href %} + {{ name|e }} + {% else %} + <a href="{{ make_relative(href)|e }}">{{ name|e }}</a> + {% endif %} + </li> + {% endfor %} + </ol> + {% endif %} + + {% block content %} + {% endblock %} + + {% block after_content %} + {% endblock %} + + {% block footer %} + <div id="footer"> + <p> + {% if 'wiki-name' in config %} + {{ config['wiki-name']|e }} — + {% endif %} + Powered by <a href="http://markdoc.org/">Markdoc</a>. + {% block github_info %} + <a href="https://github.com/ojacobson/grimoiredotca">See it on GitHub</a>. + {% endblock %} + </p> + </div> + {% endblock %} </div> -{% endblock %}
\ No newline at end of file +</body> +</html> |