Why Do We Keep Things on Our Desks?

Why Triangles Build Better Minds

Why Modular Play Is the Language of the Future

The deep spatial sense behind numbers

Everyday ways to grow spatial brains (for parents & teachers)

Can you really train spatial skills?

Spatial Intelligence 101: Why it Matters

<style>
  /* Hide default triangle marker on summary */
  .reveal > summary { list-style: none; cursor: pointer; }
  .reveal > summary::-webkit-details-marker { display: none; }

  /* Layout: overlay the summary button on the image */
  .reveal { position: relative; display: block; }
  .reveal summary {
    position: absolute; inset: 0;
    display: grid; place-items: center;
    background: rgba(255,255,255,0.08);
    border-radius: 0.75rem; /* match rounded-lg */
    z-index: 2;
  }
  /* Button look */
  .reveal summary span {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    background: rgba(0,0,0,0.5);
    color: #fff; font-size: 0.9rem; letter-spacing: .04em;
    padding: .4rem .7rem; border-radius: .5rem;
  }

  /* Blur image until opened */
  .reveal:not([open]) img {
    filter: blur(10px) brightness(0.85);
    transition: filter .25s ease;
  }
  .reveal[open] summary { display: none; } /* hide overlay once opened */
</style>
<p>Can you turn a straight line of equal triangles into a clean hexagon in <strong>exactly three moves</strong>?</p>
<div class="mt-4 grid grid-cols-1 sm:grid-cols-2 gap-4">
  <figure class="bg-white/70 rounded-xl shadow p-3">
    <img src="/hex2.png" alt="Start — line of triangles (Structure A)" class="w-full h-auto rounded-lg">
    <figcaption class="text-sm text-gray-600 mt-2">Start (Structure A): Line of triangles</figcaption>
  </figure>
  <details class="reveal bg-white/70 rounded-xl shadow p-3">
    <summary aria-label="Reveal step hex3"><span>Click to reveal</span></summary>
    <figure>
      <img src="/hex3.png" alt="After Move 1" class="w-full h-auto rounded-lg">
      <figcaption class="text-sm text-gray-600 mt-2">After Move 1</figcaption>
    </figure>
  </details>
  <details class="reveal bg-white/70 rounded-xl shadow p-3">
    <summary aria-label="Reveal step hex4"><span>Click to reveal</span></summary>
    <figure>
      <img src="/hex4.png" alt="After Move 2" class="w-full h-auto rounded-lg">
      <figcaption class="text-sm text-gray-600 mt-2">After Move 2</figcaption>
    </figure>
  </details>
  <figure class="bg-white/70 rounded-xl shadow p-3">
    <img src="/hex5.png" alt="Goal — hexagon after three moves (Structure B)" class="w-full h-auto rounded-lg">
    <figcaption class="text-sm text-gray-600 mt-2">Goal (Structure B): Hexagon after 3 moves</figcaption>
  </figure>
</div>
<details class="mt-4">
  <summary class="cursor-pointer font-medium">Hint (tap to reveal)</summary>
  <p class="mt-2 text-gray-700">Create a small “V” in the middle on the first move; the last two moves close the ring.</p>
</details>
<p class="mt-2 text-gray-700">
  For more interesting puzzles, visit
  <a href="https://trixelverse.com/puzzles" class="underline">
    trixelverse.com/puzzles
  </a>
</p>

Line → Hexagon (in 3 moves)

Equilateral vs. Isosceles: Two Pillars of Geometry

Blog

Why Do We Keep Things on Our Desks?

Why Triangles Build Better Minds