From 4754d018344aff7b70264cb52f89d1f1e14e9f24 Mon Sep 17 00:00:00 2001
From: Guy Korland <gkorland@gmail.com>
Date: Sun, 8 Dec 2024 19:47:59 +0200
Subject: [PATCH 1/3] scoped style

---
 _includes/code_tabs.html | 177 ++++++++++++++++++++-------------------
 1 file changed, 89 insertions(+), 88 deletions(-)

diff --git a/_includes/code_tabs.html b/_includes/code_tabs.html
index 1367297..9777381 100644
--- a/_includes/code_tabs.html
+++ b/_includes/code_tabs.html
@@ -1,98 +1,99 @@
-<style>
-  .tabs input[type="radio"] {
-    position: absolute;
-    opacity: 0;
-    pointer-events: none;
-  }
-
-  .tabs label {
-    display: inline-block;
-    padding: 10px;
-    cursor: pointer;
-  }
-
-  .tabs label:hover {
-    background: #31343f;
-  }
-
-  .tabs input[type="radio"]:checked+label {
-    background: #31343f;
-    border-bottom: 1px solid transparent;
-  }
-
-  .tabs .tab-content {
-    background: #31343f;
-    padding: 10px;
-  }
-
-  .tabs .tab-content pre {
-    margin: 0;
-    overflow-x: auto;
-  }
-
-  .tabs .tab-content code {
-    display: block;
-    white-space: pre;
-  }
-
-  .tabs input[type="radio"]:nth-of-type(1):checked~.tab-content:nth-of-type(1),
-  .tabs input[type="radio"]:nth-of-type(2):checked~.tab-content:nth-of-type(2),
-  .tabs input[type="radio"]:nth-of-type(3):checked~.tab-content:nth-of-type(3), 
-  .tabs input[type="radio"]:nth-of-type(4):checked~.tab-content:nth-of-type(4), 
-  .tabs input[type="radio"]:nth-of-type(5):checked~.tab-content:nth-of-type(5), 
-  .tabs input[type="radio"]:nth-of-type(6):checked~.tab-content:nth-of-type(6) {
-    display: block;
-  }
-
-  .tabs .tab-content {
-    display: none;
-  }
-
-  .code-container {
-    position: relative;
-  }
-
-  .copy-btn {
-    position: absolute;
-    top: 10px;
-    right: 10px;
-    padding: 5px 10px;
-    background-color: #007bff;
-    color: white;
-    border: none;
-    border-radius: 3px;
-    cursor: pointer;
-    display: none;
-  }
-
-  .code-container:hover .copy-btn {
-    display: inline-block;
-  }
-
-  .copy-btn:hover {
-    background-color: #0056b3;
-  }
-</style>
-
 <div class="tabs">
   {% assign codes = "python,javascript,cpp,rust,java,bash" | split: "," %}
 
   {% for code_name in codes %}
-    {% if include[code_name] %}
-    <input type="radio" id="tab{{ include.id }}{{ forloop.index }}" name="tab" {% if forloop.first %}checked{% endif %}>
-    <label for="tab{{ include.id }}{{ forloop.index }}">{{ code_name }}</label>
-    {% endif %}
+  {% if include[code_name] %}
+  <input type="radio" id="tab{{ include.id }}{{ forloop.index }}" name="tab" {% if forloop.first %}checked{% endif %}>
+  <label for="tab{{ include.id }}{{ forloop.index }}">{{ code_name }}</label>
+  {% endif %}
   {% endfor %}
 
   {% for code_name in codes %}
-    {% if include[code_name] %}
-    <div class="tab-content">
-      <div class="code-container">
-        <button class="copy-btn"
-          onclick="navigator.clipboard.writeText(this.nextElementSibling.firstElementChild.innerText)">Copy</button>
-        <pre><code class="language-{{ code_name }}">{{ include[code_name] | escape }}</code></pre>
-      </div>
+  {% if include[code_name] %}
+  <div class="tab-content">
+    <div class="code-container">
+      <button class="copy-btn"
+        onclick="navigator.clipboard.writeText(this.nextElementSibling.firstElementChild.innerText)">Copy</button>
+      <pre><code class="language-{{ code_name }}">{{ include[code_name] | escape }}</code></pre>
     </div>
-    {% endif %}
+  </div>
+  {% endif %}
   {% endfor %}
+
+  <style scoped>
+    input[type="radio"] {
+      position: absolute;
+      opacity: 0;
+      pointer-events: none;
+    }
+
+    label {
+      display: inline-block;
+      padding: 10px;
+      cursor: pointer;
+    }
+
+    label:hover {
+      background: #31343f;
+    }
+
+    input[type="radio"]:checked+label {
+      background: #31343f;
+      border-bottom: 1px solid transparent;
+    }
+
+    .tab-content {
+      background: #31343f;
+      padding: 10px;
+    }
+
+    .tab-content pre {
+      margin: 0;
+      overflow-x: auto;
+    }
+
+    .tab-content code {
+      display: block;
+      white-space: pre;
+    }
+
+    input[type="radio"]:nth-of-type(1):checked~.tab-content:nth-of-type(1),
+    input[type="radio"]:nth-of-type(2):checked~.tab-content:nth-of-type(2),
+    input[type="radio"]:nth-of-type(3):checked~.tab-content:nth-of-type(3),
+    input[type="radio"]:nth-of-type(4):checked~.tab-content:nth-of-type(4),
+    input[type="radio"]:nth-of-type(5):checked~.tab-content:nth-of-type(5),
+    input[type="radio"]:nth-of-type(6):checked~.tab-content:nth-of-type(6) {
+      display: block;
+    }
+
+    .tab-content {
+      display: none;
+    }
+
+    .code-container {
+      position: relative;
+    }
+
+    .copy-btn {
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      padding: 5px 10px;
+      background-color: #007bff;
+      color: white;
+      border: none;
+      border-radius: 3px;
+      cursor: pointer;
+      display: none;
+    }
+
+    .code-container:hover .copy-btn {
+      display: inline-block;
+    }
+
+    .copy-btn:hover {
+      background-color: #0056b3;
+    }
+  </style>
+
 </div>
\ No newline at end of file

From fe1424abfaa8c65f69d5f9ad94ed482df5c541bc Mon Sep 17 00:00:00 2001
From: Guy Korland <gkorland@gmail.com>
Date: Sun, 8 Dec 2024 19:54:36 +0200
Subject: [PATCH 2/3] name for radio

---
 _includes/code_tabs.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/_includes/code_tabs.html b/_includes/code_tabs.html
index 9777381..6c0fedb 100644
--- a/_includes/code_tabs.html
+++ b/_includes/code_tabs.html
@@ -3,8 +3,8 @@
 
   {% for code_name in codes %}
   {% if include[code_name] %}
-  <input type="radio" id="tab{{ include.id }}{{ forloop.index }}" name="tab" {% if forloop.first %}checked{% endif %}>
-  <label for="tab{{ include.id }}{{ forloop.index }}">{{ code_name }}</label>
+  <input type="radio" id="tab_{{ include.id }}_{{ forloop.index }}" name="tab_{{ include.id }}" {% if forloop.first %}checked{% endif %}>
+  <label for="tab_{{ include.id }}_{{ forloop.index }}">{{ code_name }}</label>
   {% endif %}
   {% endfor %}
 

From 4092e6b1b0a1f57f8926948af6defa9c569c4368 Mon Sep 17 00:00:00 2001
From: Guy Korland <gkorland@gmail.com>
Date: Sun, 8 Dec 2024 20:00:31 +0200
Subject: [PATCH 3/3] rename bash to shell

---
 _includes/code_tabs.html | 2 +-
 commands/graph.query.md  | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/_includes/code_tabs.html b/_includes/code_tabs.html
index 6c0fedb..966128c 100644
--- a/_includes/code_tabs.html
+++ b/_includes/code_tabs.html
@@ -1,5 +1,5 @@
 <div class="tabs">
-  {% assign codes = "python,javascript,cpp,rust,java,bash" | split: "," %}
+  {% assign codes = "python,javascript,cpp,rust,java,shell" | split: "," %}
 
   {% for code_name in codes %}
   {% if include[code_name] %}
diff --git a/commands/graph.query.md b/commands/graph.query.md
index f6cd6c4..06f9c0a 100644
--- a/commands/graph.query.md
+++ b/commands/graph.query.md
@@ -26,7 +26,7 @@ Query-level timeouts can be set as described in [the configuration section](/con
 
 example:
 
-{% capture bash_0 %}
+{% capture shell_0 %}
 GRAPH.QUERY us_government "MATCH (p:president)-[:born]->(:state {name:'Hawaii'}) RETURN p"
 {% endcapture %}
 
@@ -34,7 +34,7 @@ GRAPH.QUERY us_government "MATCH (p:president)-[:born]->(:state {name:'Hawaii'})
 graph.query("MATCH (p:president)-[:born]->(:state {name:'Hawaii'}) RETURN p")
 {% endcapture %}
 
-{% include code_tabs.html id="tabs_0" bash=bash_0 python=python_0 %}
+{% include code_tabs.html id="tabs_0" shell=shell_0 python=python_0 %}
 
 
 #### Parametrized query structure:
@@ -43,7 +43,7 @@ graph.query("MATCH (p:president)-[:born]->(:state {name:'Hawaii'}) RETURN p")
 
 example:
 
-{% capture bash_1 %}
+{% capture shell_1 %}
 GRAPH.QUERY us_government "CYPHER state_name='Hawaii' MATCH (p:president)-[:born]->(:state {name:$state_name}) RETURN p"
 {% endcapture %}
 
@@ -51,7 +51,7 @@ GRAPH.QUERY us_government "CYPHER state_name='Hawaii' MATCH (p:president)-[:born
 graph.query("MATCH (p:president)-[:born]->(:state {name:$state_name}) RETURN p", {'state_name': 'Hawaii'})
 {% endcapture %}
 
-{% include code_tabs.html id="tabs_1" bash=bash_1 python=python_1 %}
+{% include code_tabs.html id="tabs_1" shell=shell_1 python=python_1 %}
 
 ### Query language