<!DOCTYPE html>
<html lang="en">
    <head>
        <meta contentType="text/html; charset=UTF-8"/>
        <link rel="stylesheet" href="{{ path '/rcss.css' }}">
        <title>Preview</title>

		<style>
			.red{
				background-color: firebrick;
			}

			.green {
				background-color: forestgreen;
			}

			.square {
				height: 300px;
				width: 300px;
			}

			.portrait {
				height: 320px;
				width: 180px;
			}

			.landscape {
				width: 320px;
				height: 180px;
			}

			.full-width {
				width: 100%;
				height: 300px;
			}
			
			.grid {
				color: white;
				background-image: url("{{path '/images/grid.png'}}");
			}
		</style>
    </head>
    <body>
        {{{ yield }}}
    </body>
</html>