Grow guides, care notes, planting help

What can you find in the Sleeping Forest

“Curiouser and curiouser” - Alice’s Adventures in Wonderland

Search & Filter

These controls are ready for layout now. Later, they can be connected to JavaScript if you want live filtering.

Plant Library

Replace these example cards with your real inventory, or duplicate them as your library grows.

Add plant photo here

Zinnia ‘Oklahoma Pink’

Zinnia elegans
Annual
Full Sun Summer Bloom Cut Flower

A bright and productive zinnia with excellent cut flower value, long stems, and strong summer color.

Add plant photo here

Ranunculus ‘Aviv Pink’

Ranunculus asiaticus
Corm
Full Sun Spring Bloom Romantic Florals

Layered pastel blooms with wedding-flower charm and serious spring sales appeal.

Add plant photo here

Litchi Tomato

Solanum sisymbriifolium
Novelty Edible
Full Sun Warm Season Rare & Strange

An unusual, spiny, conversation-starting edible with high novelty value for adventurous gardeners.

Card Template

Duplicate this block inside the library grid each time you want to add a new plant.

<article class="plant-card">
  <div class="plant-image">Add plant photo here</div>
  <div class="plant-header">
    <div>
      <h3>Plant Name</h3>
      <div class="latin">Botanical name</div>
    </div>
    <span class="badge">Plant Type</span>
  </div>
  <div class="meta">
    <span>Light</span>
    <span>Season</span>
    <span>Special Feature</span>
  </div>
  <p>
    Short one- or two-sentence description here.
  </p>
  <div class="card-actions">
    <a class="card-button primary" href="plants/your-plant-name.html">View Plant Guide</a>
    <a class="card-button" href="shop.html">Check Availability</a>
  </div>
</article>

How to Add Plants in Porkbun

  1. Open your plants.html file in Porkbun.
  2. Find the section with <div class="library-grid">.
  3. Copy one full plant-card block.
  4. Paste it right under the last plant card.
  5. Change the plant name, Latin name, tags, description, and guide link.
  6. When ready, create that plant’s full care page in your plants folder.

Example guide link:
plants/zinnia-oklahoma-pink.html

Built for future QR codes

This master page keeps your library organized. Later, each plant card can connect directly to its own QR-ready care page, giving every customer the exact growing guide for the plant they bought.