public inbox for newlib@sourceware.org
 help / color / mirror / Atom feed
* [PATCH htdocs] newlib.css: move all style info to a dedicated css file
@ 2024-01-05 19:16 Mike Frysinger
  2024-01-08 18:12 ` Jeff Johnston
  0 siblings, 1 reply; 2+ messages in thread
From: Mike Frysinger @ 2024-01-05 19:16 UTC (permalink / raw)
  To: newlib

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


^ permalink raw reply	[flat|nested] 2+ messages in thread

* Re: [PATCH htdocs] newlib.css: move all style info to a dedicated css file
  2024-01-05 19:16 [PATCH htdocs] newlib.css: move all style info to a dedicated css file Mike Frysinger
@ 2024-01-08 18:12 ` Jeff Johnston
  0 siblings, 0 replies; 2+ messages in thread
From: Jeff Johnston @ 2024-01-08 18:12 UTC (permalink / raw)
  To: Mike Frysinger; +Cc: newlib

[-- Attachment #1: Type: text/plain, Size: 6900 bytes --]

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
>
>

^ permalink raw reply	[flat|nested] 2+ messages in thread

end of thread, other threads:[~2024-01-08 18:12 UTC | newest]

Thread overview: 2+ messages (download: mbox.gz / follow: Atom feed)
-- links below jump to the message on this page --
2024-01-05 19:16 [PATCH htdocs] newlib.css: move all style info to a dedicated css file Mike Frysinger
2024-01-08 18:12 ` Jeff Johnston

This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox;
as well as URLs for read-only IMAP folder(s) and NNTP newsgroup(s).