Tweak HTML/CSS

XhmikosR · XhmikosR · commit 02bb8a041845 · 2020-03-20T09:00:27.000+02:00
* use the native font stack
* lowercase values
diff --git a/lib/byCountry.js b/lib/byCountry.js
@@ -140,20 +140,19 @@ exports.getCountryTable = async ({
   }
   const lastUpdated = countryData[0].lastUpdated;
   if (!isCurl) {
-    const template = `<!DOCTYPE html>
+    const template = `<!doctype html>
     <html lang="en">
     <head>
-      <meta charset="UTF-8">
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1">
       <title>Coronavirus Tracker</title>
       <style>
         body {
-          background: #0D0208;
-          color: #00FF41;
+          background-color: #0d0208;
+          color: #00ff41;
         }
         pre {
-          font-family: 'Roboto Mono', monospace;
+          font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
           white-space: pre;
         }
       </style>
diff --git a/lib/corona.js b/lib/corona.js
@@ -161,20 +161,19 @@ exports.getCompleteTable = async ({
   })
   const lastUpdated = countryData[0].lastUpdated;
   if (!isCurl) {
-    const template = `<!DOCTYPE html>
+    const template = `<!doctype html>
     <html lang="en">
     <head>
-      <meta charset="UTF-8">
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1">
       <title>Coronavirus Tracker</title>
       <style>
         body {
-          background:  #0D0208;
-          color: #00FF41;
+          background-color: #0d0208;
+          color: #00ff41;
         }
         pre {
-          font-family: 'Roboto Mono', monospace;
+          font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
           white-space: pre;
         }
       </style>
