Add links to other playgrounds

And fix a couple of HTML issues.
theory · Dec 22, 2024 · 0f6b14f · 0f6b14f
1 parent b656d5e
commit 0f6b14f
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 5 deletions.
diff --git a/src/index.html b/src/index.html
@@ -1,6 +1,5 @@
-<html>
-
-<head>
+<!DOCTYPE html>
+<html lang="en">
   <meta charset="utf-8" />
   <title>Go JSONPath Playground</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -173,6 +172,11 @@ <h2>
         Standard</a>, and more about <strong>github.com/theory/jsonpath</strong> by following the links at the bottom of
       the page. The code for this website can be found <a href="https://github.com/theory/jsonpath/tree/playground">on
         GitHub</a>.</p>
+    <h3>Related Playgrounds:</h3>
+    <ul>
+      <li>🌳 <a href="https://theory.github.io/jsontree/">JSONTree Playground</a></li>
+      <li>🐘 <a href="https://theory.github.io/sqljson/">SQL/JSON Path Playground</a></li>
+    </ul>
   </details>
   <details id="help">
     <summary>JSONPath Expressions</summary>
@@ -287,7 +291,7 @@ <h2>
     <p>Queries powered by the Go <strong>github.com/theory/jsonpath</strong> package:</p>
     <div id="refs">
       <a href="https://github.com/theory/jsonpath" title="GitHub Repository">
-        <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" type="logo" color="#adb5bd"
+        <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" color="#adb5bd"
           style="color: rgb(173, 181, 189);" height="24" width="24" xmlns="http://www.w3.org/2000/svg">
           <path
             d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z">
@@ -303,7 +307,7 @@ <h2>
         </svg>
       </a>
       <a href="https://pkg.go.dev/github.com/theory/jsonpath" title="Go Package">
-        <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" type="logo" color="#adb5bd"
+        <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" color="#adb5bd"
           style="color: rgb(173, 181, 189);" height="26" width="26" xmlns="http://www.w3.org/2000/svg">
           <path
             d="M22 8a.76.76 0 0 0 0-.21v-.08a.77.77 0 0 0-.07-.16.35.35 0 0 0-.05-.08l-.1-.13-.08-.06-.12-.09-9-5a1 1 0 0 0-1 0l-9 5-.09.07-.11.08a.41.41 0 0 0-.07.11.39.39 0 0 0-.08.1.59.59 0 0 0-.06.14.3.3 0 0 0 0 .1A.76.76 0 0 0 2 8v8a1 1 0 0 0 .52.87l9 5a.75.75 0 0 0 .13.06h.1a1.06 1.06 0 0 0 .5 0h.1l.14-.06 9-5A1 1 0 0 0 22 16V8zm-10 3.87L5.06 8l2.76-1.52 6.83 3.9zm0-7.72L18.94 8 16.7 9.25 9.87 5.34zM4 9.7l7 3.92v5.68l-7-3.89zm9 9.6v-5.68l3-1.68V15l2-1v-3.18l2-1.11v5.7z">

diff --git a/src/play.css b/src/play.css
@@ -216,6 +216,15 @@ body details, .warn {
   margin-bottom: 16px;
 }
 
+body ul, body ol {
+  list-style-position: inside;
+  padding-left: 0;
+}
+
+#about ul {
+  list-style: none;
+}
+
 @media screen and (min-width: 768px) {
   #container {
     display: flex;