Deploying to gh-pages from @ 1a7db2d 🚀

book.js

@@ -449,6 +449,7 @@ function playground_text(playground, hidden = true) {
     var sidebar = document.getElementById("sidebar");
     var sidebarLinks = document.querySelectorAll('#sidebar a');
     var sidebarToggleButton = document.getElementById("sidebar-toggle");
+    var sidebarToggleAnchor = document.getElementById("sidebar-toggle-anchor");
     var sidebarResizeHandle = document.getElementById("sidebar-resize-handle");
     var firstContact = null;
 
@@ -475,22 +476,16 @@ function playground_text(playground, hidden = true) {
     }
 
     // Toggle sidebar
-    sidebarToggleButton.addEventListener('click', function sidebarToggle() {
-        if (body.classList.contains("sidebar-hidden")) {
+    sidebarToggleAnchor.addEventListener('change', function sidebarToggle() {
+        if (sidebarToggleAnchor.checked) {
             var current_width = parseInt(
                 document.documentElement.style.getPropertyValue('--sidebar-width'), 10);
             if (current_width < 150) {
                 document.documentElement.style.setProperty('--sidebar-width', '150px');
             }
             showSidebar();
-        } else if (body.classList.contains("sidebar-visible")) {
-            hideSidebar();
         } else {
-            if (getComputedStyle(sidebar)['transform'] === 'none') {
-                hideSidebar();
-            } else {
-                showSidebar();
-            }
+            hideSidebar();
         }
     });
 

css/chrome.css

@@ -421,11 +421,14 @@ ul#searchresults span.teaser em {
     color: var(--sidebar-fg);
 }
 .sidebar-iframe-inner {
+    --padding: 10px;
+
     background-color: var(--sidebar-bg);
-    color: var(--sidebar-fg);
-    padding: 10px 10px;
+    padding: var(--padding);
     margin: 0;
     font-size: 1.4rem;
+    color: var(--sidebar-fg);
+    min-height: calc(100vh - var(--padding) * 2);
 }
 .sidebar-iframe-outer {
     border: none;

css/variables.css

@@ -9,7 +9,7 @@
     --content-max-width: 750px;
     --menu-bar-height: 50px;
     --mono-font: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace;
-    --code-font-size: 0.875em /* please adjust the ace font size accordingly in editor.js */
+    --code-font-size: 0.875em; /* please adjust the ace font size accordingly in editor.js */
 }
 
 /* Themes */

db.html

@@ -194,6 +194,7 @@ <h3 id="postgresql"><a class="header" href="#postgresql">PostgreSQL</a></h3>
 <li><a href="https://github.com/Olshansk/postgres_for_everything">Postgres for Everything</a></li>
 <li><a href="https://wiki.postgresql.org/wiki/Don%27t_Do_This">Don't Do This</a></li>
 <li><a href="https://pgstats.ru/">Postgres Observability</a></li>
+<li><a href="https://github.com/tvondra/pg-hacking-intro">Intro to Postgres Hacking Workshop</a></li>
 </ul>
 <h3 id="data-management"><a class="header" href="#data-management">Data Management</a></h3>
 <ul>

print.html

@@ -423,6 +423,7 @@ <h3 id="postgresql"><a class="header" href="#postgresql">PostgreSQL</a></h3>
 <li><a href="https://github.com/Olshansk/postgres_for_everything">Postgres for Everything</a></li>
 <li><a href="https://wiki.postgresql.org/wiki/Don%27t_Do_This">Don't Do This</a></li>
 <li><a href="https://pgstats.ru/">Postgres Observability</a></li>
+<li><a href="https://github.com/tvondra/pg-hacking-intro">Intro to Postgres Hacking Workshop</a></li>
 </ul>
 <h3 id="data-management"><a class="header" href="#data-management">Data Management</a></h3>
 <ul>