From 917854f0c8f6621b044d76931b8e11d9eb872556 Mon Sep 17 00:00:00 2001
From: Chris Jaekl <cejaekl@yahoo.com>
Date: Thu, 9 Aug 2018 22:48:57 -0400
Subject: [PATCH] Add viewport to pages, to score better on "Mobile Friendly".

---
 index.html                             | 1 +
 index_fr.html                          | 1 +
 index_jp.html                          | 1 +
 prod/net/jaekl/frank/Schedule.java     | 3 ++-
 prod/net/jaekl/frank/Style.java        | 5 +++--
 test/net/jaekl/frank/ScheduleTest.java | 4 +++-
 6 files changed, 11 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
index e372d36..ae8fc81 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,7 @@
 <HTML>
   <HEAD>
     <META HTTP-EQUIV="Content-Type" content="text/html; charset=UTF-8"/>
+    <META NAME="viewport" content="width=device-width"/>
     <TITLE>Frank Welcome Page</TITLE>
     <STYLE>
       body {background-color: #F0F0C0; font-size: 1em; }
diff --git a/index_fr.html b/index_fr.html
index 0832a6c..912829b 100644
--- a/index_fr.html
+++ b/index_fr.html
@@ -1,6 +1,7 @@
 <HTML>
   <HEAD>
     <META HTTP-EQUIV="Content-Type" content="text/html; charset=UTF-8"/>
+    <META NAME="viewport" content="width=device-width"/>
     <TITLE>Frank:  Page d'acceuil</TITLE>
     <STYLE>
       body {background-color: #F0F0C0; font-size: 1em; }
diff --git a/index_jp.html b/index_jp.html
index 5cf9813..67e4f2c 100644
--- a/index_jp.html
+++ b/index_jp.html
@@ -1,6 +1,7 @@
 <HTML>
   <HEAD>
     <META HTTP-EQUIV="Content-Type" content="text/html; charset=UTF-8"/>
+    <META NAME="viewport" content="width=device-width"/>
     <TITLE>ãã©ã³ã¯ã¸ãããã</TITLE>
     <STYLE>
       body {background-color: #F0F0C0; font-size: 1em; }
diff --git a/prod/net/jaekl/frank/Schedule.java b/prod/net/jaekl/frank/Schedule.java
index eb8cb2b..8db11d5 100644
--- a/prod/net/jaekl/frank/Schedule.java
+++ b/prod/net/jaekl/frank/Schedule.java
@@ -73,7 +73,8 @@ public class Schedule {
 	void writeHeader(PrintWriter pw, String title) {
 		pw.println("<HTML>");
 		pw.println("<HEAD>");
-		pw.println("<TITLE>" + title + "</TITLE>");
+		pw.println("  <META NAME=\"viewport\" content=\"width=device-width\"/>");
+		pw.println("  <TITLE>" + title + "</TITLE>");
 		new Style().writeStyle(pw);
 		pw.println("</HEAD>");
 	}
diff --git a/prod/net/jaekl/frank/Style.java b/prod/net/jaekl/frank/Style.java
index f3d58a9..e986e71 100644
--- a/prod/net/jaekl/frank/Style.java
+++ b/prod/net/jaekl/frank/Style.java
@@ -5,13 +5,14 @@ import java.io.PrintWriter;
 public class Style {
 	static final String CSS = 
 			"<STYLE>\n" +
-			"  body {background-color: #F0F0C0; font-size: 1em; }\n" +
+			"  body {background-color: #F0F0C0; font-size: 100%; }\n" +
 			"  #errhead td {background-color: #D00000; color: #FFFFFF; font-size: 2em; padding: 3px 3px 3px 3px; text-align: left; }\n" +
 			"  #errtable table { border: 3px solid #D00000; border-collapse: collapse; background-color: #E0E080; }\n" +
 			"  #errtable table, tr, td { padding: 3px; }\n" +
 			"  #errtable tr.alt { background-color: #D0D070; }\n" +
 			"  #errtable td.head {text-align: right; background-color: #D00000; color: #FFFFFF; font-weight: bold; }\n" +
-			"  #trips {border-collapse: collapse; font-size: 1.5em; }\n" +
+			"  #trips {border-collapse: collapse; font-size: 80%;}\n" +
+			"  #trips table {width: 100%;}\n" +
 			"  #trips td, #trips th {border: 1px solid #600000; padding: 3px 3px 3px 3px; text-align: center;}\n" +
 			"  #trips th {background-color: #800000; color: #FFFFFF; }\n" +
 			"  #trips tr.ghost td {background-color: #C0C0C0;}\n" +
diff --git a/test/net/jaekl/frank/ScheduleTest.java b/test/net/jaekl/frank/ScheduleTest.java
index 1e1a517..020e274 100644
--- a/test/net/jaekl/frank/ScheduleTest.java
+++ b/test/net/jaekl/frank/ScheduleTest.java
@@ -17,7 +17,9 @@ import org.junit.Before;
 import org.junit.Test;
 
 public class ScheduleTest {
-	static final String TITLE_PREFIX = "<HTML>\n<HEAD>\n<TITLE>";
+	static final String TITLE_PREFIX = "<HTML>\n<HEAD>\n"
+			+ "  <META NAME=\"viewport\" content=\"width=device-width\"/>\n"
+			+ "  <TITLE>";
 	static final String TITLE_SUFFIX = "</TITLE>\n" + Style.CSS + "\n</HEAD>\n";
 	
 	
-- 
2.30.2

