templates/normal.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>
9@media screen and (max-width: 1200px) {
10 #primary { width:67%; }
11 #secondary { width:30%; margin-left:3%;}
12}
13/* Tabled Portrait */
14@media screen and () {
15 #primary { width:100%; }
16 #secondary { width:100%; margin:0; border:none; }
17}
18html { font-size: 100% }
19@media (min-width: 640px) { body {font-size:1rem;} }
20@media (min-width:960px) { body {font-size:1.2rem;} }
21@media (min-width:1100px) { body {font-size:1.5rem;} }
22</style>
23
24 {{ header }}
25 <title>
26 {{ title }}
27 </title>
28</header>
29
30<body>
31 {{ body }}
32</body>
33
34<hr />
35<footer>
36 {{ footer }}
37 <p> {{ author }} </p>
38<footer>