[htdocs] newlib.css: move all style info to a dedicated css file

Message ID 20240105191602.14192-1-vapier@gentoo.org
State New
Headers
Series [htdocs] newlib.css: move all style info to a dedicated css file |

Commit Message

Mike Frysinger Jan. 5, 2024, 7:16 p.m. UTC
  This will make it easier to share styles across all the files.
The sourceware.org website also requires separate CSS files in
order to apply styles due to CSP header enforcement.
---
 docs.html     |  5 +++-
 download.html |  5 +++-
 faq.html      |  5 +++-
 index.html    | 25 +++++++++---------
 info.html     |  5 +++-
 mailing.html  |  6 +++--
 newlib.css    | 71 +++++++++++++++++++++++++++++++++++++++++++++++++++
 news.html     |  5 +++-
 8 files changed, 107 insertions(+), 20 deletions(-)
 create mode 100644 newlib.css
  

Comments

Jeff Johnston Jan. 8, 2024, 6:12 p.m. UTC | #1
Patch merged.  Thanks.

-- Jeff J.

On Fri, Jan 5, 2024 at 2:16 PM Mike Frysinger <vapier@gentoo.org> wrote:

> This will make it easier to share styles across all the files.
> The sourceware.org website also requires separate CSS files in
> order to apply styles due to CSP header enforcement.
> ---
>  docs.html     |  5 +++-
>  download.html |  5 +++-
>  faq.html      |  5 +++-
>  index.html    | 25 +++++++++---------
>  info.html     |  5 +++-
>  mailing.html  |  6 +++--
>  newlib.css    | 71 +++++++++++++++++++++++++++++++++++++++++++++++++++
>  news.html     |  5 +++-
>  8 files changed, 107 insertions(+), 20 deletions(-)
>  create mode 100644 newlib.css
>
> diff --git a/docs.html b/docs.html
> index 2c003edae3ae..a7fd3c9644f1 100644
> --- a/docs.html
> +++ b/docs.html
> @@ -1,5 +1,8 @@
>  <html>
> -<body bgcolor="black" text="white" link="#00ccff" vlink="#00cc66">
> +<head>
> +<link rel="stylesheet" href="newlib.css" />
> +</head>
> +<body>
>
>  <h2>Library Documentation</h2>
>
> diff --git a/download.html b/download.html
> index 143510556e94..448ee89644ca 100644
> --- a/download.html
> +++ b/download.html
> @@ -1,5 +1,8 @@
>  <html>
> -<body bgcolor="black" text="white" link="#00ccff" vlink="#00cc66">
> +<head>
> +<link rel="stylesheet" href="newlib.css" />
> +</head>
> +<body>
>
>  <h2>Availability</h2>
>
> diff --git a/faq.html b/faq.html
> index 79e027d62bb9..f5855ce0c22d 100644
> --- a/faq.html
> +++ b/faq.html
> @@ -1,5 +1,8 @@
>  <html>
> -<body bgcolor="black" text="white" link="#00ccff" vlink="#00cc66">
> +<head>
> +<link rel="stylesheet" href="newlib.css" />
> +</head>
> +<body>
>
>  <h2>FAQ</h2>
>  <ul>
> diff --git a/index.html b/index.html
> index 8d2ea0a023d4..4bfbd06b2808 100644
> --- a/index.html
> +++ b/index.html
> @@ -2,27 +2,26 @@
>
>         <head>
>                 <title>The Newlib Homepage</title>
> +               <link rel="stylesheet" href="newlib.css" />
>         </head>
>
> -       <body style="margin: 0" text="white" link="#00ccff"
> vlink="#00cc66">
> +       <body class="main">
>
> -       <table width="100%" height="100%" cellspacing="0" cellpadding="0"
> border="0">
> -               <tr height="100">
> -                       <td bgcolor="#cc0000" align="center"><a href="
> https://www.redhat.com/" target=_top>
> -                               <img src="logo_big2.png"
> -                                       width="81" height="69" alt="[
> redhat.com]" border="0"></a>
> +       <table>
> +               <tr class="top">
> +                       <td><a href="https://www.redhat.com/" target=_top>
> +                               <img src="logo_big2.png" class="logo"
> alt="[redhat.com]"></a>
>                         </td>
>                         <a name="top"></a>
> -                       <td align="center" bgcolor="#ce0000">
> +                       <td>
>                                 <a href="https://sourceware.org/"
> target=_top>
> -                                       <img src="/img/topbar.png"
> -                                               width="483" height="68"
> alt="sourceware.org" border="0">
> +                                       <img src="/img/topbar.png"
> class="topbar" alt="sourceware.org">
>                                 </a>
>                         </td>
>                 </tr>
>                 <tr>
> -                       <td bgcolor="black" width="130" align="center"
> valign="top">
> -                               <img height="30" width="100"
> src="newlib.jpg">
> +                       <td class="left">
> +                               <img src="newlib.jpg" alt="newlib">
>                                 <p><a href="info.html"
> target="main">Info</a></p>
>                                 <p><a href="news.html"
> target="main">News</a></p>
>                                 <p><a href="download.html"
> target="main">Download</a></p>
> @@ -30,8 +29,8 @@
>                                 <p><a href="faq.html"
> target="main">FAQ</a></p>
>                                 <p><a href="docs.html"
> target="main">Docs</a></p>
>                         </td>
> -                       <td>
> -                               <iframe src="info.html" name="main"
> noresize width="100%" height="100%" frameborder="0">
> +                       <td class="main">
> +                               <iframe src="info.html" name="main"
> noresize>
>                         </td>
>                 </tr>
>         </table>
> diff --git a/info.html b/info.html
> index e9f48a2fdfd8..057148bdfea8 100644
> --- a/info.html
> +++ b/info.html
> @@ -1,5 +1,8 @@
>  <html>
> -<body bgcolor="black" text="white" link="#00ccff" vlink="#00cc66">
> +<head>
> +<link rel="stylesheet" href="newlib.css" />
> +</head>
> +<body>
>
>  <h2>What is it?</h2>
>
> diff --git a/mailing.html b/mailing.html
> index 0393f54337d4..c0c2a92d2ae0 100644
> --- a/mailing.html
> +++ b/mailing.html
> @@ -1,6 +1,8 @@
>  <html>
> -
> -<body bgcolor="black" text="white" link="#00ccff" vlink="#00cc66">
> +<head>
> +<link rel="stylesheet" href="newlib.css" />
> +</head>
> +<body>
>
>  <h2>Mailing lists/bugs</h2>
>
> diff --git a/newlib.css b/newlib.css
> new file mode 100644
> index 000000000000..af265d5573df
> --- /dev/null
> +++ b/newlib.css
> @@ -0,0 +1,71 @@
> +@charset "utf-8";
> +
> +body {
> +  background-color: black;
> +  color: white;
> +}
> +
> +a {
> +  color: #0cf;
> +}
> +
> +a:visited {
> +  color: #0c6;
> +}
> +
> +body.main {
> +  margin: 0;
> +  padding: 0;
> +}
> +
> +.main table {
> +  background-color: white;
> +  border-spacing: 0;
> +  height: 100%;
> +  width: 100%;
> +}
> +
> +.main tr.top {
> +  height: 100px;
> +}
> +
> +.main td {
> +  margin: 0;
> +  padding: 0;
> +}
> +
> +.main tr.top td {
> +  background-color: #c00;
> +  text-align: center;
> +}
> +
> +.main img.logo {
> +  max-height: 69px;
> +  max-width: 81px;
> +}
> +
> +.main img.topbar {
> +  max-height: 70px;
> +  max-width: 403px;
> +  width: 100%;
> +}
> +
> +.main td.left {
> +  background-color: black;
> +  padding-top: 0.5em;
> +  text-align: center;
> +  vertical-align: top;
> +  width: 130px;
> +}
> +
> +.main td.left img {
> +  max-height: 30px;
> +  max-width: 100px;
> +  width: 100%;
> +}
> +
> +.main iframe {
> +  border: none;
> +  height: 100%;
> +  width: 100%;
> +}
> diff --git a/news.html b/news.html
> index 0fb71047a824..d2e51a57a475 100644
> --- a/news.html
> +++ b/news.html
> @@ -1,5 +1,8 @@
>  <html>
> -<body bgcolor="black" text="white" link="#00ccff" vlink="#00cc66">
> +<head>
> +<link rel="stylesheet" href="newlib.css" />
> +</head>
> +<body>
>
>  <h2>News</h2>
>
> --
> 2.43.0
>
>
  

Patch

diff --git a/docs.html b/docs.html
index 2c003edae3ae..a7fd3c9644f1 100644
--- a/docs.html
+++ b/docs.html
@@ -1,5 +1,8 @@ 
 <html>
-<body bgcolor="black" text="white" link="#00ccff" vlink="#00cc66">
+<head>
+<link rel="stylesheet" href="newlib.css" />
+</head>
+<body>
 
 <h2>Library Documentation</h2>
 
diff --git a/download.html b/download.html
index 143510556e94..448ee89644ca 100644
--- a/download.html
+++ b/download.html
@@ -1,5 +1,8 @@ 
 <html>
-<body bgcolor="black" text="white" link="#00ccff" vlink="#00cc66">
+<head>
+<link rel="stylesheet" href="newlib.css" />
+</head>
+<body>
 
 <h2>Availability</h2>
 
diff --git a/faq.html b/faq.html
index 79e027d62bb9..f5855ce0c22d 100644
--- a/faq.html
+++ b/faq.html
@@ -1,5 +1,8 @@ 
 <html>
-<body bgcolor="black" text="white" link="#00ccff" vlink="#00cc66">
+<head>
+<link rel="stylesheet" href="newlib.css" />
+</head>
+<body>
 
 <h2>FAQ</h2>
 <ul>
diff --git a/index.html b/index.html
index 8d2ea0a023d4..4bfbd06b2808 100644
--- a/index.html
+++ b/index.html
@@ -2,27 +2,26 @@ 
 
 	<head>
 		<title>The Newlib Homepage</title>
+		<link rel="stylesheet" href="newlib.css" />
 	</head>
 
-	<body style="margin: 0" text="white" link="#00ccff" vlink="#00cc66">
+	<body class="main">
 
-	<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
-		<tr height="100">
-			<td bgcolor="#cc0000" align="center"><a href="https://www.redhat.com/" target=_top>
-				<img src="logo_big2.png"
-					width="81" height="69" alt="[redhat.com]" border="0"></a>
+	<table>
+		<tr class="top">
+			<td><a href="https://www.redhat.com/" target=_top>
+				<img src="logo_big2.png" class="logo" alt="[redhat.com]"></a>
 			</td>
 			<a name="top"></a>
-			<td align="center" bgcolor="#ce0000">
+			<td>
 				<a href="https://sourceware.org/" target=_top>
-					<img src="/img/topbar.png"
-						width="483" height="68" alt="sourceware.org" border="0">
+					<img src="/img/topbar.png" class="topbar" alt="sourceware.org">
 				</a>
 			</td>
 		</tr>
 		<tr>
-			<td bgcolor="black" width="130" align="center" valign="top">
-				<img height="30" width="100" src="newlib.jpg">
+			<td class="left">
+				<img src="newlib.jpg" alt="newlib">
 				<p><a href="info.html" target="main">Info</a></p>
 				<p><a href="news.html" target="main">News</a></p>
 				<p><a href="download.html" target="main">Download</a></p>
@@ -30,8 +29,8 @@ 
 				<p><a href="faq.html" target="main">FAQ</a></p>
 				<p><a href="docs.html" target="main">Docs</a></p>
 			</td>
-			<td>
-				<iframe src="info.html" name="main" noresize width="100%" height="100%" frameborder="0">
+			<td class="main">
+				<iframe src="info.html" name="main" noresize>
 			</td>
 		</tr>
 	</table>
diff --git a/info.html b/info.html
index e9f48a2fdfd8..057148bdfea8 100644
--- a/info.html
+++ b/info.html
@@ -1,5 +1,8 @@ 
 <html>
-<body bgcolor="black" text="white" link="#00ccff" vlink="#00cc66">
+<head>
+<link rel="stylesheet" href="newlib.css" />
+</head>
+<body>
 
 <h2>What is it?</h2>
 
diff --git a/mailing.html b/mailing.html
index 0393f54337d4..c0c2a92d2ae0 100644
--- a/mailing.html
+++ b/mailing.html
@@ -1,6 +1,8 @@ 
 <html>
-
-<body bgcolor="black" text="white" link="#00ccff" vlink="#00cc66">
+<head>
+<link rel="stylesheet" href="newlib.css" />
+</head>
+<body>
 
 <h2>Mailing lists/bugs</h2>
 
diff --git a/newlib.css b/newlib.css
new file mode 100644
index 000000000000..af265d5573df
--- /dev/null
+++ b/newlib.css
@@ -0,0 +1,71 @@ 
+@charset "utf-8";
+
+body {
+  background-color: black;
+  color: white;
+}
+
+a {
+  color: #0cf;
+}
+
+a:visited {
+  color: #0c6;
+}
+
+body.main {
+  margin: 0;
+  padding: 0;
+}
+
+.main table {
+  background-color: white;
+  border-spacing: 0;
+  height: 100%;
+  width: 100%;
+}
+
+.main tr.top {
+  height: 100px;
+}
+
+.main td {
+  margin: 0;
+  padding: 0;
+}
+
+.main tr.top td {
+  background-color: #c00;
+  text-align: center;
+}
+
+.main img.logo {
+  max-height: 69px;
+  max-width: 81px;
+}
+
+.main img.topbar {
+  max-height: 70px;
+  max-width: 403px;
+  width: 100%;
+}
+
+.main td.left {
+  background-color: black;
+  padding-top: 0.5em;
+  text-align: center;
+  vertical-align: top;
+  width: 130px;
+}
+
+.main td.left img {
+  max-height: 30px;
+  max-width: 100px;
+  width: 100%;
+}
+
+.main iframe {
+  border: none;
+  height: 100%;
+  width: 100%;
+}
diff --git a/news.html b/news.html
index 0fb71047a824..d2e51a57a475 100644
--- a/news.html
+++ b/news.html
@@ -1,5 +1,8 @@ 
 <html>
-<body bgcolor="black" text="white" link="#00ccff" vlink="#00cc66">
+<head>
+<link rel="stylesheet" href="newlib.css" />
+</head>
+<body>
 
 <h2>News</h2>