Set viewpoint for optimal visualization in mobile devices

diff --git a/haunt.scm b/haunt.scm
index 8566cce52159dbbe10a4114f7184cd83ef648d68..15f7cc39581489ee3a8b40689995d381102faf16 100644 (file)
--- a/haunt.scm
+++ b/haunt.scm
@@ -17,35 +17,37 @@
          #:layout
          (lambda (site title body)
            `((doctype "html")
-             (head
-              (meta (@ (charset "utf-8")))
-              (title ,(string-append title " - " (site-title site)))
-              (link (@ (rel "stylesheet") (href "//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic")))
-              ,(stylesheet "style.min")
-              ,(stylesheet "monokai.min")
-              ,(stylesheet "font-awesome.min")
-              ,(stylesheet "custom"))
-             (body
-              ,(let ((metadata (site-default-metadata site)))
-                 `(aside
-                   (div
-                    (a (@ (href "/")) (img (@ (src ,(assoc-ref metadata 'picture)))))
-                    (h1 (a (@ (href "/")) ,(assoc-ref metadata 'author)))
-                    (p ,(assoc-ref metadata 'description))
-                    (nav
-                     (ul (@ (class "list"))
-                        ,@(map (lambda (page)
-                                 `(li (a (@ (href ,(cdr page))) ,(car page))))
-                               (assoc-ref metadata 'pages))))
-                    (ul (@ (class "social"))
-                       (li (a (@ (class "sc-linkedin") (target "_blank") (href "")) (i (@ (class "fa fa-linkedin")))))
-                       " "
-                       (li (a (@ (class "sc-github") (target "_blank") (href "")) (i (@ (class "fa fa-github")))))
-                       " "
-                       (li (a (@ (class "sc-twitter") (target "_blank") (href "")) (i (@ (class "fa fa-twitter")))))
-                       " "
-                       (li (a (@ (class "sc-rss") (target "_blank") (href "/feed.xml")) (i (@ (class "fa fa-rss")))))))))
-              (main ,body))))
+             (html
+              (head
+               (meta (@ (charset "utf-8")))
+               (title ,(string-append title " - " (site-title site)))
+               (link (@ (rel "stylesheet") (href "//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic")))
+               ,(stylesheet "style.min")
+               ,(stylesheet "monokai.min")
+               ,(stylesheet "font-awesome.min")
+               ,(stylesheet "custom")
+               (meta (@ (name "viewport") (content "width=device-width, initial-scale=1.0"))))
+              (body
+               ,(let ((metadata (site-default-metadata site)))
+                  `(aside
+                    (div
+                     (a (@ (href "/")) (img (@ (src ,(assoc-ref metadata 'picture)))))
+                     (h1 (a (@ (href "/")) ,(assoc-ref metadata 'author)))
+                     (p ,(assoc-ref metadata 'description))
+                     (nav
+                      (ul (@ (class "list"))
+                          ,@(map (lambda (page)
+                                   `(li (a (@ (href ,(cdr page))) ,(car page))))
+                                 (assoc-ref metadata 'pages))))
+                     (ul (@ (class "social"))
+                         (li (a (@ (class "sc-linkedin") (target "_blank") (href "")) (i (@ (class "fa fa-linkedin")))))
+                         " "
+                         (li (a (@ (class "sc-github") (target "_blank") (href "")) (i (@ (class "fa fa-github")))))
+                         " "
+                         (li (a (@ (class "sc-twitter") (target "_blank") (href "")) (i (@ (class "fa fa-twitter")))))
+                         " "
+                         (li (a (@ (class "sc-rss") (target "_blank") (href "/feed.xml")) (i (@ (class "fa fa-rss")))))))))
+               (main ,body)))))
 
         #:post-template
         (lambda (post)