view build/messages/templates/default.html @ 196:154b8df04829

processing: Add Compass and Sass processors. The Sass processor is similar to the Less processor, i.e. it tries to be part of the structured pipeline processing by using the mapfile produced by the Sass compiler in order to provide a list of dependencies. The Compass processor is completely acting outside of the pipeline, so the server won't know what's up to date and what's not. It's expected that the user will run `compass watch` to keep things up to date. However, it will require to pass the server's cache directory to put things in, so we'll need to add some easy way to get that path for the user.
author Ludovic Chabant <ludovic@chabant.com>
date Sun, 11 Jan 2015 23:08:49 -0800
parents b6f79f23904a
children
line wrap: on
line source

<!doctype html>
<html>
<head>
    <title>{{ page.title }}</title>
    <meta name="generator" content="PieCrust" />
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster">
	<style>
		body {
			margin: 0;
			padding: 1em;
			background: #eee;
			color: #000;
			font-family: Georgia, serif;
		}
		h1 {
			font-size: 4.5em;
			font-family: Lobster, 'Trebuchet MS', Verdana, sans-serif;
			text-align: center;
			font-weight: bold;
            margin-top: 0;
			color: #333;
			text-shadow: 0px 2px 5px rgba(0,0,0,0.3);
		}
		h2 {
			font-size: 2.5em;
            font-family: 'Lobster', 'Trebuchet MS', Verdana, sans-serif;
		}
		code {
			background: #ddd;
			padding: 0 0.2em;
		}
        #preamble {
            font-size: 1.2em;
            font-style: italic;
            text-align: center;
            margin-bottom: 0;
        }
		#container {
			margin: 0 20%;
		}
        #content {
            margin: 2em 1em;
        }
        .error-details {
            color: #d11;
        }
		.note {
			margin: 3em;
			color: #888;
			font-style: italic;
		}
	</style>
</head>
<body>
    <div id="container">
        <div id="header">
            <p id="preamble">A Message From The Kitchen:</p>
			<h1>{{ page.title }}</h1>
		</div>
        <hr />
        <div id="content">
            {% block content %}
			{{ content|safe }}
            {% endblock %}
		</div>
        <hr />
        {% block footer %}{% endblock %}
	</div>
</body>
</html>