docs fixes

.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

.github/workflows/spellcheck.yml

@@ -1,4 +1,4 @@
-name: 'Check spelling'
+name: "Check spelling"
 on:
   push:
     branches: [main]

.npmrc

@@ -0,0 +1,2 @@
+lockfile-version = 3
+registry = 'https://registry.npmjs.org/'

.nvmrc

@@ -0,0 +1 @@
+22

.prettierignore

@@ -1,2 +1,3 @@
 *.html
 *.min.*
+*.js

docs/css/index.css

@@ -12,52 +12,52 @@ body {
   margin: 20px 0;
 }
 
-.muted span{
+.muted span {
   font-size: 12px;
 }
 
-#editor-title{
-    padding:20px 0;
+#editor-title {
+  padding: 20px 0;
 }
 
-#editor-toolbar{
-    float:right;
+#editor-toolbar {
+  float: right;
 }
 
-#editor{
-    border:1px solid #ccc;
-    border-radius: 4px;
-    height:300px;
+#editor {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  height: 300px;
 }
 
-#stat-bar{
-    padding:10px 0;
+#stat-bar {
+  padding: 10px 0;
 }
 
-#button-area{
-    float:right;
-    padding:0 10px;
-    display:none;
+#button-area {
+  float: right;
+  padding: 0 10px;
+  display: none;
 }
 
-.footer{
-    text-align:center;
+.footer {
+  text-align: center;
 }
 
-#options{
-    padding:20px;
+#options {
+  padding: 20px;
 }
 
-#options h3{
-    font-size: 18px;
+#options h3 {
+  font-size: 18px;
 }
 
-#options ul{
-    list-style: none;
-    margin: 0;
+#options ul {
+  list-style: none;
+  margin: 0;
 }
 
-#options li div{
-    display:none;
-    padding-left:20px;
-}
+#options li div {
+  display: none;
+  padding-left: 20px;
+}

docs/index.html

@@ -6,9 +6,11 @@
     <title>HTMLHint - The Static Code Analysis Tool you need for your HTML</title>
     <meta name="description" content="HTMLHint - The Static Code Analysis Tool you need for your HTML">
     <link rel="icon" href="favicon.ico" type="image/x-icon">
+    <meta name="color-scheme" content="light"/>
     <link href="css/bootstrap.min.css" rel="stylesheet">
     <link href="css/index.css" rel="stylesheet">
     <link rel="canonical" href="https://playground.htmlhint.com/">
+    <meta name="fediverse:creator" content="@htmlhint@mastodon.social">
     <script defer data-domain="playground.htmlhint.com" src="https://plausible.io/js/script.hash.outbound-links.pageview-props.tagged-events.js"></script>
     <script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
   </head>
@@ -159,7 +161,7 @@
         </div>
       </main>
         <hr>
-        <footer>
+        <footer class="small text-center opacity-75">
             <p>&copy; HTMLHint.com 2014-2021</p>
         </footer>
     </div>

package.json

@@ -2,7 +2,7 @@
   "name": "htmlhint-playground",
   "version": "1.0.0",
   "private": true,
-  "description": "",
+  "description": "HTMLHint Playground",
   "homepage": "https://htmlhint-playground.netlify.app/",
   "bugs": {
     "url": "https://github.com/htmlhint/htmlhint-playground/issues"
@@ -11,17 +11,22 @@
     "type": "git",
     "url": "https://github.com/htmlhint/htmlhint-playground.git"
   },
+  "funding": {
+    "type": "Open Collective",
+    "url": "https://opencollective.com/htmlhint"
+  },
   "license": "MIT",
   "author": "HTMLHint",
   "scripts": {
     "htmlhint": "npx htmlhint .",
     "pa11y-ci": "npx pa11y-ci https://htmlhint-playground.netlify.app/",
+    "prettier": "npx prettier --write .",
     "serve": "npx http-server -o docs/index.html -p 8080 -c-1"
   },
   "engines": {
-    "node": ">=20"
+    "node": ">=22.16.0"
   },
   "volta": {
-    "node": "20.19.1"
+    "node": "22.16.0"
   }
 }