templates/index.html (view raw)
1<!DOCTYPE html>
2<html>
3<header>
4 <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" type="text/css">
5 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7 <meta name="HandheldFriendly" content="true">
8<style>
9body {
10 margin-top: 10%;
11}
12@media screen and (max-width: 1200px) {
13 #primary { width:67%; }
14 #secondary { width:30%; margin-left:3%;}
15}
16/* Tabled Portrait */
17@media screen and (max-width: 768px) {
18 #primary { width:100%; }
19 #secondary { width:100%; margin:0; border:none; }
20}
21html { font-size: 100% }
22@media (min-width: 640px) { body {font-size:1rem;} }
23@media (min-width:960px) { body {font-size:1.2rem;} }
24@media (min-width:1100px) { body {font-size:1.5rem;} }
25</style>
26 {{ header }}
27 <title>
28 {{ title }}
29 </title>
30</header>
31
32<body>
33 {{ body }}
34</body>
35
36<hr />
37<footer>
38 {{ footer }}
39 <p> {{ author }} </p>
40<footer>