From: Javier Sancho <jsf@jsancho.org>
Date: Sun, 26 Nov 2017 08:52:48 +0000 (+0000)
Subject: Set viewpoint for optimal visualization in mobile devices
X-Git-Url: https://git.jsancho.org/?p=blog.git;a=commitdiff_plain;h=1566b5771b9caeb6dcd637f2ede3f5eb8ae1bb3b

Set viewpoint for optimal visualization in mobile devices
---

diff --git a/haunt.scm b/haunt.scm
index 8566cce..15f7cc3 100644
--- 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)