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