hide and seek

vtbag · Nov 14, 2024 · cc5b1c0 · cc5b1c0
1 parent 1a7666b
commit cc5b1c0
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/astro.config.ts b/astro.config.ts
@@ -119,7 +119,8 @@ function sidebar() {
       { label: 'Where to place the CSS', link: "/tips/css/" },
       { label: "Flickering during morph animations?", link: "/tips/over-exposure/" },
       { label: "Avoid Pointer Flickering", link: "/tips/pointer/" },
-      { label: "Pseudo-smooth-scrolling?", link: "/tips/pseudo-smooth-scrolling/" }
+      { label: "Pseudo-smooth-scrolling?", link: "/tips/pseudo-smooth-scrolling/" },
+      { label: "No nested groups, yet?", link: "/tips/hide-and-seek/" }
     ]
   }, {
     label: 'All Demos',
@@ -130,7 +131,9 @@ function sidebar() {
       { label: "Preserved State (exp.)", link: "/crossing/over-the-top/1/" },
       { label: "Turn Signal Directions", link: "/signal-demo/bag/" },
       { label: "Pseudo-Smooth-Scrolling", link: "/shaft-demo/1/" },
-      { label: "Instant scrolling with Cam-Shaft", link: "/shaft-demo2/1/" }
+      { label: "Instant scrolling with Cam-Shaft", link: "/shaft-demo2/1/" },
+      { label: "Can't confine List Elements", link: "/tips/hide-and-seek/problem/" },
+      { label: "Simulated Nested Transition Groups", link: "/tips/hide-and-seek/solution/" }
     ]
   }];
 }
diff --git a/src/pages/tips/hide-and-seek/problem.astro b/src/pages/tips/hide-and-seek/problem.astro
@@ -1,5 +1,6 @@
 ---
 import "./_problem_styles.css";
+import Bsky from "../../../components/Bsky.astro";
 ---
 
 <!doctype html>
@@ -104,7 +105,7 @@ import "./_problem_styles.css";
           >?<br />
            [<a href="/tips/hide-and-seek/#naive-scrollable-list"
             >Back to the Hide and Seek page</a
-          >]
+          >] <Bsky/>
         </p>
       </div>
       <div id="d2"></div>

diff --git a/src/pages/tips/hide-and-seek/solution.astro b/src/pages/tips/hide-and-seek/solution.astro
@@ -1,4 +1,5 @@
 ---
+import Bsky from "@/components/Bsky.astro";
 import "./_solution_styles.css";
 ---
 
@@ -114,7 +115,7 @@ import "./_solution_styles.css";
           introduced to make things simple. This wasn't. Give us nested groups,
           please! ;-)<br />[<a href="/tips/hide-and-seek/#playing-hide--seek"
             >Back to the Hide and Seek page</a
-          >]
+          >]  <Bsky/>
         </p>
       </div>
       <div id="d2"></div>