diff options
| author | hallgren <hallgren@chalmers.se> | 2012-09-28 20:26:13 +0000 |
|---|---|---|
| committer | hallgren <hallgren@chalmers.se> | 2012-09-28 20:26:13 +0000 |
| commit | ac6c8971fcfe9046da1c99b875252af5592adffb (patch) | |
| tree | a197c5fa4b3b58607dad290e5576b49a47ad1309 /gf-book | |
| parent | 999d02eb30440d61db9125ea6ae8f8c3c4044470 (diff) | |
Make the GF web site more mobile friendly
Most of the pages on the GF web site have an exemplary simple design,
with just one column of text. This make them adapt exceptionally
well to screens of different sizes. In particular, they should be
easy to read even on smartphones.
However, smartphone browsers like Mobile Safari and the default
Android Browser assume that pages do *not* adapt well to small
screens, so by default they emulate a big screen, forcing the user
to zoom in to a part of the page to be able to read it. By adding
the meta tag
<meta name = "viewport" content = "width = device-width">
the big screen emulation can be turned off, allowing pages to be
formatted to fit the actual screen size and text to be displayed
at a readable size.
Diffstat (limited to 'gf-book')
| -rw-r--r-- | gf-book/index.html | 4 | ||||
| -rw-r--r-- | gf-book/index.txt | 3 |
2 files changed, 4 insertions, 3 deletions
diff --git a/gf-book/index.html b/gf-book/index.html index c53a92925..00a0f7afe 100644 --- a/gf-book/index.html +++ b/gf-book/index.html @@ -4,7 +4,7 @@ <META NAME="generator" CONTENT="http://txt2tags.org"> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf8"> <LINK REL="stylesheet" TYPE="text/css" HREF="../css/style.css"> -<TITLE>Grammatical Framework: Programming with Multilingual Grammars</TITLE> +<meta name = "viewport" content = "width = device-width"><TITLE>Grammatical Framework: Programming with Multilingual Grammars</TITLE> </HEAD><BODY BGCOLOR="white" TEXT="black"> <CENTER> <H1>Grammatical Framework: Programming with Multilingual Grammars</H1> @@ -12,7 +12,7 @@ </CENTER> <P> -<center><img width=200mm src="gf-book-cover.png"></center> +<center><img style="width: 200px" src="gf-book-cover.png"></center> </P> <P> This is the web page of the book diff --git a/gf-book/index.txt b/gf-book/index.txt index 61b0b76c3..dc7e720eb 100644 --- a/gf-book/index.txt +++ b/gf-book/index.txt @@ -4,7 +4,8 @@ Aarne Ranta %!style:../css/style.css %!Encoding:utf8 -%!postproc(html): "#BOOKCOVER" '<center><img width=200mm src="gf-book-cover.png"></center>' +%!postproc(html): <TITLE> <meta name = "viewport" content = "width = device-width"><TITLE> +%!postproc(html): "#BOOKCOVER" '<center><img style="width: 200px" src="gf-book-cover.png"></center>' #BOOKCOVER |