From be759c27fcb5675ac877b5657d12e236e1e3d244 Mon Sep 17 00:00:00 2001
From: Zhiming Wang <zmwangx@gmail.com>
Date: Thu, 23 Jul 2015 23:39:40 -0700
Subject: configure viewport and get rid of theme-enlarge.css

Viewport configuration per Google's mobile usability suggestions. It not
only provides a consistent experience by using device independent
pixels, but also help me get rid of theme-enlarge.css, which could
result in unexpectedly large font when one accidently resize to a
portrait window on the desktop. Thanks Google!

See https://developers.google.com/speed/docs/insights/ConfigureViewport.
---
 source/css/theme-enlarge.css | 8 --------
 templates/template.html      | 2 +-
 2 files changed, 1 insertion(+), 9 deletions(-)
 delete mode 100644 source/css/theme-enlarge.css

diff --git a/source/css/theme-enlarge.css b/source/css/theme-enlarge.css
deleted file mode 100644
index 64701d96..00000000
--- a/source/css/theme-enlarge.css
+++ /dev/null
@@ -1,8 +0,0 @@
-body {
-    font-size: 20.147pt;
-}
-
-nav div.logo {
-    height: 300px;
-    width: 300px;
-}
diff --git a/templates/template.html b/templates/template.html
index 4ebc4d27..05c0ac17 100644
--- a/templates/template.html
+++ b/templates/template.html
@@ -11,6 +11,7 @@ $endif$
 <link rel="apple-touch-icon-precomposed" href="/img/favicon-152.png"/>
 <meta name="msapplication-TileColor" content="#FFFFFF"/>
 <meta name="msapplication-TileImage" content="/img/favicon-144.png"/>
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <style type="text/css">code{white-space: pre;}</style>
 $if(quotes)$
 <style type="text/css">q { quotes: "“" "”" "‘" "’"; }</style>
@@ -32,7 +33,6 @@ $endfor$
 <link href='/css/normalize.css' media="all" rel="stylesheet" type="text/css"/>
 <link href='/css/theme.css' media="all" rel="stylesheet" type="text/css"/>
 <link href='/css/theme-narrow.css' media="only screen and (max-width: 980px)" rel="stylesheet" type="text/css"/>
-<link href='/css/theme-enlarge.css' media="only screen and (max-width: 980px) and (orientation: portrait)" rel="stylesheet" type="text/css"/>
 <link href='/css/print.css' media="print" rel="stylesheet" type="text/css"/>
 <link href="//fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css"/>
 <link href="//fonts.googleapis.com/css?family=Droid+Sans+Mono" rel="stylesheet" type="text/css"/>
-- 
cgit v1.2.1