emacs-elpa-diffs
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[elpa] main 7bacaf9d82 1/2: Use HTML5 tags instead of CSS classes


From: Philip Kaludercic
Subject: [elpa] main 7bacaf9d82 1/2: Use HTML5 tags instead of CSS classes
Date: Fri, 23 Feb 2024 14:46:16 -0500 (EST)

branch: main
commit 7bacaf9d82c0adadc97c066a6e4106ad55f6f26d
Author: Philip Kaludercic <philipk@posteo.net>
Commit: Philip Kaludercic <philipk@posteo.net>

    Use HTML5 tags instead of CSS classes
---
 html/index.html     | 12 ++++++------
 html/jslicense.html | 12 ++++++------
 html/layout.css     | 28 ++++++++++++++--------------
 html/nongnu.html    | 12 ++++++------
 4 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/html/index.html b/html/index.html
index b25e6d374b..18a4d7815f 100644
--- a/html/index.html
+++ b/html/index.html
@@ -11,7 +11,7 @@
 
   <body>
     <div class="wrapper">
-      <div class="header">
+      <header>
         <div class="container">
           <img src="images/elpa.png" alt="ELPA"/>
           <h1>GNU Emacs Lisp Package Archive</h1>
@@ -21,9 +21,9 @@
             <a href="https://www.gnu.org/software/emacs/";>GNU Emacs</a>.
           </p>
         </div>
-      </div>
+      </header>
 
-      <div class="container">
+      <main class="container">
         <p>
           To use it, type <code>M-x list-packages</code> in Emacs. <br/>
         </p>
@@ -68,9 +68,9 @@
         <!-- <p> You can grab the <a href="emacs-packages-latest.tgz">latest 
package snapshot</a>. -->
       </div>
       <div class="push"></div>
-    </div>
+    </main>
 
-    <div class="footer">
+    <footer>
       <div class="container">
         <p>Copyright 2016-2022 <a href="https://fsf.org";>Free Software 
Foundation</a>, Inc.</p>
         <p>Design provided by <a href="https://nicolas.petton.fr";>Nicolas 
Petton</a></p>
@@ -80,7 +80,7 @@
           International License.
         </p>
       </div>
-    </div>
+    </footer>
 
   </body>
 </html>
diff --git a/html/jslicense.html b/html/jslicense.html
index de7fd6f57b..39abb78a8a 100644
--- a/html/jslicense.html
+++ b/html/jslicense.html
@@ -11,7 +11,7 @@
 
     <body>
         <div class="wrapper">
-            <div class="header">
+            <header>
                 <div class="container">
                     <img src="images/elpa.png" alt="ELPA"/>
                     <a href="index.html"><h1>GNU Emacs Lisp Package 
Archive</h1></a>
@@ -21,9 +21,9 @@
                         <a href="https://www.gnu.org/software/emacs/";>GNU 
Emacs</a>.
                     </p>
                 </div>
-            </div>
+            </header>
 
-            <div class="container">
+            <main class="container">
               <table id="jslicense-labels1">
                 <thead>
                   <tr>
@@ -48,9 +48,9 @@
                   <td><a 
href="javascript/package-search.js">package-search.js</a></td>
                 </tr>
               </table>
-            </div>
+            </main>
 
-        <div class="footer">
+        <footer>
             <div class="container">
                 <p>Copyright 2021-2022 <a href="https://fsf.org";>Free Software 
Foundation</a>, Inc.</p>
                 <p>Design provided by <a 
href="https://nicolas.petton.fr";>Nicolas Petton</a></p>
@@ -60,7 +60,7 @@
                     International License.
                 </p>
             </div>
-        </div>
+        </footer>
 
     </body>
 </html>
diff --git a/html/layout.css b/html/layout.css
index 4f5c50d393..8732d8183c 100644
--- a/html/layout.css
+++ b/html/layout.css
@@ -1,4 +1,4 @@
-/* Copyright (C) 2010-2022 Free Software Foundation, Inc.
+/* Copyright (C) 2010-2022, 2024 Free Software Foundation, Inc.
 
 This file is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
@@ -74,7 +74,7 @@ html, body {
   height: 100%;
   margin: 0 auto -50px; /* the bottom margin is the negative value of the 
footer's height */
 }
-.footer, .push {
+footer, .push {
   height: 90px; /* .push must be the same height as .footer */
 }
 
@@ -202,7 +202,7 @@ dd {
   margin: 0 auto;
 }
 
-.header {
+header {
   color: white;
   text-align: center;
   background-color: #bb3955;
@@ -210,27 +210,27 @@ dd {
   border-bottom: 6px solid #691240;
 }
 
-.header p {
+header p {
   margin: 0;
 }
 
-.header a {
+header a {
   color: rgb(240, 255, 135);
   text-decoration: none;
 }
 
-.header a:hover {
+header a:hover {
   color: rgb(240, 255, 135);
   text-decoration: underline;
   background: transparent;
 }
 
-.header.small {
+header.small {
   text-align: left;
   border-width: 3px;
 }
 
-.header.small h1 {
+header.small h1 {
   display: inline;
   font-size: 1.5em;
   margin: 0;
@@ -239,7 +239,7 @@ dd {
   padding-left: 120px;
 }
 
-.header.small .container {
+header.small .container {
   padding: 20px;
 }
 
@@ -279,7 +279,7 @@ td {
   border-bottom: 1px solid #ddd;
 }
 
-.footer {
+footer {
   border-top: 1px solid #999;
   text-align:center;
   font-size: 0.9em;
@@ -287,11 +287,11 @@ td {
   color: #666;
 }
 
-.footer .container {
+footer .container {
   padding: 15px 0;
 }
 
-.footer p {
+footer p {
   margin: 0;
   font-size: .8em;
   padding: 0;
@@ -322,7 +322,7 @@ td {
     font-size: 1.4em;
   }
 
-  .header img {
+  header img {
     width: 300px;
   }
 
@@ -337,7 +337,7 @@ td {
 
 @media screen and (max-width: 439px) {
 
-  .header img {
+  header img {
     width: 250px;
   }
   
diff --git a/html/nongnu.html b/html/nongnu.html
index b0a2de6e93..40dd07768e 100644
--- a/html/nongnu.html
+++ b/html/nongnu.html
@@ -11,7 +11,7 @@
 
   <body>
     <div class="wrapper">
-      <div class="header">
+      <header>
         <div class="container">
           <img src="images/elpa.png" alt="ELPA"/>
           <h1>NonGNU Emacs Lisp Package Archive</h1>
@@ -21,9 +21,9 @@
             <a href="https://www.gnu.org/software/emacs/";>GNU Emacs</a>.
           </p>
         </div>
-      </div>
+      </header>
 
-      <div class="container">
+      <main class="container">
         <p> To use it, type <code>M-x list-packages</code> in Emacs. </p>
 
         <p class="centered"><a class="button" href="nongnu/">Browse the 
packages</a></p>
@@ -61,9 +61,9 @@
         </ul>
       </div>
       <div class="push"></div>
-    </div>
+    </main>
 
-    <div class="footer">
+    <footer>
       <div class="container">
         <p>Copyright 2016-2022 <a href="https://fsf.org";>Free Software 
Foundation</a>, Inc.</p>
         <p>Design provided by <a href="https://nicolas.petton.fr";>Nicolas 
Petton</a></p>
@@ -73,7 +73,7 @@
           International License.
         </p>
       </div>
-    </div>
+    </footer>
 
   </body>
 </html>



reply via email to

[Prev in Thread] Current Thread [Next in Thread]