make https://validator.w3.org happier

so-dang-cool · Jun 19, 2024 · f07a622 · f07a622
1 parent f973cbd
commit f07a622
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 17 deletions.
diff --git a/index.html b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
   <head>
     <title>dt: duck tape for your unix pipes</title>
     <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/hack-font@3/build/web/hack.css">
@@ -21,38 +21,38 @@
     <link rel="icon" type="image/png" href="favicon-128.png" sizes="128x128" />
 
     <!-- Social media stuff -->
-    <meta property="og:url" content="https://dt.plumbing/" />
-    <meta property="og:title" content="dt: duct tape for unix pipes" />
-    <meta property="og:description" content="dt is a functional programming riff on shell one-liners. It's useful for many situations, its simple syntax makes it easy to write and read, and dt is for solving problems with no pretense of elegance. It's meant to supplement (not replace!) other tools like awk, sed, xargs, and shell built-ins. A functional programming riff on Python/Ruby/Perl one-liners, with extremely minimal syntax that's easy to read and easy to reason about. " />
+    <meta property="og:url" content="https://dt.plumbing/">
+    <meta property="og:title" content="dt: duct tape for unix pipes">
+    <meta property="og:description" content="dt is a functional programming riff on shell one-liners. It's useful for many situations, its simple syntax makes it easy to write and read, and dt is for solving problems with no pretense of elegance. It's meant to supplement (not replace!) other tools like awk, sed, xargs, and shell built-ins. A functional programming riff on Python/Ruby/Perl one-liners, with extremely minimal syntax that's easy to read and easy to reason about. ">
     <meta property="og:image" content="https://dt.plumbing/img/preview.png">
     <meta property="og:image:type" content="image/png">
     <meta property="og:image:width" content="640">
     <meta property="og:image:height" content="320">
 
-    <meta name="application-name" content="&nbsp;"/>
-    <meta name="msapplication-TileColor" content="#FFFFFF" />
-    <meta name="msapplication-TileImage" content="mstile-144x144.png" />
-    <meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
-    <meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
-    <meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
-    <meta name="msapplication-square310x310logo" content="mstile-310x310.png" />
+    <meta name="application-name" content="&nbsp;">
+    <meta name="msapplication-TileColor" content="#FFFFFF">
+    <meta name="msapplication-TileImage" content="mstile-144x144.png">
+    <meta name="msapplication-square70x70logo" content="mstile-70x70.png">
+    <meta name="msapplication-square150x150logo" content="mstile-150x150.png">
+    <meta name="msapplication-wide310x150logo" content="mstile-310x150.png">
+    <meta name="msapplication-square310x310logo" content="mstile-310x310.png">
     <!-- /favicons -->
   </head>
   <body>
     <div id="strip">
-      <header><center>
+      <header class='center'>
         <h1 id="logo">
           <img alt="dt" src="/img/dt-logo-white.svg" height="256" width="256">
         </h1>
         <h2><pre>duct tape for your unix pipes</pre></h2>
-      </center></header>
+      </header>
 
       <main>
         <hr>
 
 <!-- toc -->
 
-        <center>
+        <div class='center'>
           <h2><a id="toc"></a>Quick Links</h2>
           <ul class="nodecorate">
             <li><a href="#intro">What's dt?</a></li>
@@ -67,7 +67,7 @@ <h2><a id="toc"></a>Quick Links</h2>
             <li>⌾</li>
             <li><a href="/user-guide/misc/duct-tape.html">Is it "duct" or "duck" tape?</a></li>
           </ul>
-        </center>
+        </div>
 
         <hr>
 
@@ -233,7 +233,7 @@ <h2 id="repl">Using Interactive Mode (REPL) <a href="#repl">⌾</a></h2>
 
 <!-- footer -->
 
-      <footer class="lighter"><center>
+      <footer class="lighter center">
         <p><a href="https://github.com/so-dang-cool/dt">Project source</a></p>
         <p><a href="https://github.com/so-dang-cool/dt.plumbing">Site source</a></p>
         <p>
@@ -246,7 +246,7 @@ <h2 id="repl">Using Interactive Mode (REPL) <a href="#repl">⌾</a></h2>
         <hr>
         <p>Remember, I'm pullin' for ya,<br>we're all in this together.</p>
         <p>2022 <a href="https://so.dang.cool">Justin Hill</a></p>
-      </center></footer>
+      </footer>
     </div>
   </body>
 </html>

diff --git a/style.css b/style.css
@@ -55,6 +55,10 @@ a:hover {
   background-color: #333;
 }
 
+.center {
+  text-align: center;
+}
+
 .lighter {
   color: #999;
 }