make site a bit better on mobile devices master
authorMike Frysinger <vapier@gentoo.org>
Tue, 9 Jan 2024 02:42:40 +0000 (21:42 -0500)
committerJeff Johnston <jjohnstn@redhat.com>
Tue, 9 Jan 2024 18:18:46 +0000 (13:18 -0500)
Tighten up spacing on smaller devices so the content is the focus,
and the navbar/topbar don't suck up so much fixed space.

docs.html
download.html
faq.html
index.html
info.html
mailing.html
newlib.css
news.html

index a7fd3c9644f1a8b4f5a5690043a3e7d7c103d81c..b086b77b9905c832c9a192e6034d57511a4181ba 100644 (file)
--- a/docs.html
+++ b/docs.html
@@ -1,5 +1,6 @@
 <html>
 <head>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" href="newlib.css" />
 </head>
 <body>
index 448ee89644ca150f2cd09c1b0eb47d0f71934675..88cb836b31969fd6f1964b1d7589f4efa6a3a2e8 100644 (file)
@@ -1,5 +1,6 @@
 <html>
 <head>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" href="newlib.css" />
 </head>
 <body>
index f5855ce0c22d799529f967727e473a6901f5752a..048166e190acd5f30524acdf1db79dfd0ea736d5 100644 (file)
--- a/faq.html
+++ b/faq.html
@@ -1,5 +1,6 @@
 <html>
 <head>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" href="newlib.css" />
 </head>
 <body>
index 4bfbd06b28084ac9fb2b43210d9586083eb6b91a..4eeb1e85d5caf8e578cf248915d5849d2ab25747 100644 (file)
@@ -2,6 +2,7 @@
 
        <head>
                <title>The Newlib Homepage</title>
+               <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <link rel="stylesheet" href="newlib.css" />
        </head>
 
index 057148bdfea8cbd9419efa3bb4585b37f873d54a..cb8f93ef04d2b7fe2123dd7e575cde36e92d1648 100644 (file)
--- a/info.html
+++ b/info.html
@@ -1,5 +1,6 @@
 <html>
 <head>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" href="newlib.css" />
 </head>
 <body>
index c0c2a92d2ae0332995747fdadfa1494f6a0462bc..ca860c1ef1c749603a05ab146073a4e935debbf9 100644 (file)
@@ -1,5 +1,6 @@
 <html>
 <head>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" href="newlib.css" />
 </head>
 <body>
index af265d5573df6644cc8650cd7014edc6e2761d56..09d63acedb4ad6d2bc4e55b43e7c77965cece42a 100644 (file)
@@ -69,3 +69,34 @@ body.main {
   height: 100%;
   width: 100%;
 }
+
+/* This is ~768px with 16pt font.  */
+@media only screen and (max-width: 50em) {
+  .main tr.top {
+    height: 70px;
+  }
+
+  .main td.left {
+    width: 100px;
+  }
+}
+
+/* This is ~480px with 16pt font.  */
+@media only screen and (max-width: 30em) {
+  .main td.left {
+    width: 5%;
+  }
+
+  ul {
+    padding-left: 1em;
+  }
+
+  dd {
+    margin-left: 1em;
+  }
+
+  /* How many spaces-per-tab.  */
+  pre {
+    tab-size: 4;
+  }
+}
index d2e51a57a4753de76da184ffb73b5edb3cfd91ff..a0d8f42c05601484227fc619b60af7965a3132b3 100644 (file)
--- a/news.html
+++ b/news.html
@@ -1,5 +1,6 @@
 <html>
 <head>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" href="newlib.css" />
 </head>
 <body>
This page took 0.078209 seconds and 5 git commands to generate.