History of Plant Index 2
<style>
.trough-section { margin-bottom: 2rem; }
.trough-label { font-size: 12px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-text-tertiary); margin: 0 0 0.5rem; display: flex; align-items: center; gap: 8px; }
.trough-label span { background: var(--color-background-secondary); border: 0.5px solid var(--color-border-tertiary); border-radius: 999px; padding: 2px 10px; font-size: 11px; }
.plant-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.plant-card { background: var(--color-background-primary); border: 0.5px solid var(--color-border-tertiary); border-radius: var(--border-radius-lg); padding: 0.9rem 1.1rem; }
.plant-card.herb { border-left: 3px solid #3B6D11; border-radius: 0 var(--border-radius-lg) var(--border-radius-lg) 0; }
.plant-card.foliage { border-left: 3px solid #1D9E75; border-radius: 0 var(--border-radius-lg) var(--border-radius-lg) 0; }
.plant-card.bromeliad { border-left: 3px solid #D85A30; border-radius: 0 var(--border-radius-lg) var(--border-radius-lg) 0; }
.plant-card.flowering { border-left: 3px solid #7F77DD; border-radius: 0 var(--border-radius-lg) var(--border-radius-lg) 0; }
.plant-card.bulb { border-left: 3px solid #BA7517; border-radius: 0 var(--border-radius-lg) var(--border-radius-lg) 0; }
.badge { display: inline-block; font-size: 11px; padding: 2px 8px; border-radius: 999px; margin-bottom: 6px; }
.b-herb { background:#EAF3DE; color:#3B6D11; }
.b-foliage { background:#E1F5EE; color:#0F6E56; }
.b-bromeliad { background:#FAECE7; color:#993C1D; }
.b-flowering { background:#EEEDFE; color:#3C3489; }
.b-bulb { background:#FAEEDA; color:#854F0B; }
.b-unknown { background:#F1EFE8; color:#5F5E5A; }
.common { font-size: 15px; font-weight: 500; color: var(--color-text-primary); margin: 0 0 1px; }
.latin { font-size: 12px; font-style: italic; color: var(--color-text-secondary); margin: 0 0 8px; }
.fact { font-size: 12px; color: var(--color-text-secondary); margin: 3px 0; display: flex; gap: 6px; align-items: flex-start; }
.fact i { font-size: 13px; margin-top: 1px; flex-shrink: 0; }
.warn { font-size: 12px; color: var(--color-text-warning); margin: 4px 0; display: flex; gap: 6px; align-items: flex-start; }
.warn i { font-size: 13px; margin-top: 1px; flex-shrink: 0; }
.identify-btn { width: 100%; margin-top: 8px; font-size: 12px; padding: 6px; cursor: pointer; }
</style>
<h2 class="sr-only">Indoor plant crib sheet organised by trough location</h2>
<div class="trough-section">
<p class="trough-label"><i class="ti ti-layout-2" aria-hidden="true"></i> Lounge <span>trough 1 · self-watering</span></p>
<div class="plant-grid">
<div class="plant-card foliage">
<span class="badge b-foliage">Foliage</span>
<p class="common">Spider Plant</p>
<p class="latin">Chlorophytum comosum</p>
<div class="fact"><i class="ti ti-droplet" aria-hidden="true"></i> Tolerates some neglect; moderate watering.</div>
<div class="fact"><i class="ti ti-sun" aria-hidden="true"></i> Indirect light. Avoid harsh direct sun.</div>
<div class="fact"><i class="ti ti-plant" aria-hidden="true"></i> Produces hanging spiderettes — easy to propagate.</div>
</div>
<div class="plant-card foliage">
<span class="badge b-foliage">Foliage</span>
<p class="common">Parlour Palm</p>
<p class="latin">Chamaedorea elegans</p>
<div class="fact"><i class="ti ti-droplet" aria-hidden="true"></i> Keep lightly moist; don't overwater.</div>
<div class="fact"><i class="ti ti-sun" aria-hidden="true"></i> Low–medium indirect light. Shade tolerant.</div>
<div class="fact"><i class="ti ti-alert-circle" aria-hidden="true"></i> Yellow = overwatering. Brown tips = dry air.</div>
</div>
</div>
</div>
<div class="trough-section">
<p class="trough-label"><i class="ti ti-layout-2" aria-hidden="true"></i> Lounge <span>trough 2 · self-watering</span></p>
<div class="plant-grid">
<div class="plant-card bromeliad">
<span class="badge b-bromeliad">Bromeliad</span>
<p class="common">Guzmania</p>
<p class="latin">Guzmania spp.</p>
<div class="fact"><i class="ti ti-droplet" aria-hidden="true"></i> Water into the central cup, not the soil.</div>
<div class="fact"><i class="ti ti-sun" aria-hidden="true"></i> Bright indirect light. Loves humidity.</div>
<div class="fact"><i class="ti ti-flower" aria-hidden="true"></i> Red bract = flower — can last up to 6 months.</div>
<div class="warn"><i class="ti ti-alert-triangle" aria-hidden="true"></i> Flowers once then dies — watch for pups at the base.</div>
<div class="warn"><i class="ti ti-alert-triangle" aria-hidden="true"></i> Roots must not sit in standing water — monitor trough level.</div>
</div>
<div class="plant-card flowering">
<span class="badge b-flowering">Foliage</span>
<p class="common">Peace Lily</p>
<p class="latin">Spathiphyllum</p>
<div class="fact"><i class="ti ti-droplet" aria-hidden="true"></i> Loves consistent moisture — self-watering trough suits it well.</div>
<div class="fact"><i class="ti ti-sun" aria-hidden="true"></i> Low–medium indirect light.</div>
<div class="fact"><i class="ti ti-plant" aria-hidden="true"></i> Large spade-shaped leaves unfurl as it grows. Fast grower when happy.</div>
<div class="fact"><i class="ti ti-flower" aria-hidden="true"></i> May produce white hooded flowers (spathes) in good light.</div>
</div>
</div>
</div>
<div class="trough-section">
<p class="trough-label"><i class="ti ti-home" aria-hidden="true"></i> Bedroom <span>big trough · self-watering · windowsill · herbs from Waitrose</span></p>
<div class="plant-grid">
<div class="plant-card herb">
<span class="badge b-herb">Herb</span>
<p class="common">Basil</p>
<p class="latin">Ocimum basilicum</p>
<div class="fact"><i class="ti ti-droplet" aria-hidden="true"></i> Keep moist; avoid cold draughts.</div>
<div class="fact"><i class="ti ti-sun" aria-hidden="true"></i> Bright light. Windowsill ✓</div>
<div class="fact"><i class="ti ti-scissors" aria-hidden="true"></i> Pinch out flowers to keep leaf growth going.</div>
</div>
<div class="plant-card herb">
<span class="badge b-herb">Herb</span>
<p class="common">Rosemary</p>
<p class="latin">Salvia rosmarinus</p>
<div class="fact"><i class="ti ti-droplet" aria-hidden="true"></i> Let soil dry between waterings — dislikes soggy roots.</div>
<div class="fact"><i class="ti ti-sun" aria-hidden="true"></i> Needs good light. Windowsill ✓</div>
<div class="fact"><i class="ti ti-scissors" aria-hidden="true"></i> Trim regularly to keep bushy; use in cooking freely.</div>
<div class="warn"><i class="ti ti-alert-triangle" aria-hidden="true"></i> Self-watering trough may stay too wet — watch for root rot.</div>
</div>
<div class="plant-card herb">
<span class="badge b-unknown">Herb · TBC</span>
<p class="common">Small-leaved herb</p>
<p class="latin">— possibly thyme, marjoram, or savory</p>
<div class="fact"><i class="ti ti-help-circle" aria-hidden="true"></i> Too small-leaved for sage. Check tomorrow — pinch a leaf and smell it.</div>
<div class="fact"><i class="ti ti-notes" aria-hidden="true"></i> Thyme = faint resinous. Marjoram = sweet oregano-like. Savory = peppery.</div>
<button class="identify-btn" onclick="sendPrompt('I have identified my mystery herb — can you update my plant crib sheet with the correct name and care notes?')">Update once identified ↗</button>
</div>
<div class="plant-card foliage">
<span class="badge b-foliage">Foliage</span>
<p class="common">Dragon Tree</p>
<p class="latin">Dracaena marginata</p>
<div class="fact"><i class="ti ti-droplet" aria-hidden="true"></i> Let soil dry out between waterings — drought tolerant.</div>
<div class="fact"><i class="ti ti-sun" aria-hidden="true"></i> Indirect light; tolerates lower light well.</div>
<div class="fact"><i class="ti ti-plant" aria-hidden="true"></i> Trunk branches near base; long narrow leaves in rosettes at each tip.</div>
<div class="fact"><i class="ti ti-alert-circle" aria-hidden="true"></i> Brown leaf tips = fluoride in tap water. Use filtered if possible.</div>
</div>
<div class="plant-card bulb">
<span class="badge b-bulb">Bulb</span>
<p class="common">Daffodils</p>
<p class="latin">Narcissus</p>
<div class="fact"><i class="ti ti-clock" aria-hidden="true"></i> Replanted pre-Christmas; ~4″ shoots — developing normally.</div>
<div class="fact"><i class="ti ti-sun" aria-hidden="true"></i> Cool bright spot to develop well.</div>
<div class="fact"><i class="ti ti-leaf" aria-hidden="true"></i> After flowering, let leaves die back fully to feed bulb for next year.</div>
</div>
</div>
</div>
<p style="font-size: 11px; color: var(--color-text-tertiary); margin-top: 0.5rem;">Evesham collection · Lidl & Waitrose · three self-watering troughs</p>
.trough-section { margin-bottom: 2rem; }
.trough-label { font-size: 12px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-text-tertiary); margin: 0 0 0.5rem; display: flex; align-items: center; gap: 8px; }
.trough-label span { background: var(--color-background-secondary); border: 0.5px solid var(--color-border-tertiary); border-radius: 999px; padding: 2px 10px; font-size: 11px; }
.plant-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.plant-card { background: var(--color-background-primary); border: 0.5px solid var(--color-border-tertiary); border-radius: var(--border-radius-lg); padding: 0.9rem 1.1rem; }
.plant-card.herb { border-left: 3px solid #3B6D11; border-radius: 0 var(--border-radius-lg) var(--border-radius-lg) 0; }
.plant-card.foliage { border-left: 3px solid #1D9E75; border-radius: 0 var(--border-radius-lg) var(--border-radius-lg) 0; }
.plant-card.bromeliad { border-left: 3px solid #D85A30; border-radius: 0 var(--border-radius-lg) var(--border-radius-lg) 0; }
.plant-card.flowering { border-left: 3px solid #7F77DD; border-radius: 0 var(--border-radius-lg) var(--border-radius-lg) 0; }
.plant-card.bulb { border-left: 3px solid #BA7517; border-radius: 0 var(--border-radius-lg) var(--border-radius-lg) 0; }
.badge { display: inline-block; font-size: 11px; padding: 2px 8px; border-radius: 999px; margin-bottom: 6px; }
.b-herb { background:#EAF3DE; color:#3B6D11; }
.b-foliage { background:#E1F5EE; color:#0F6E56; }
.b-bromeliad { background:#FAECE7; color:#993C1D; }
.b-flowering { background:#EEEDFE; color:#3C3489; }
.b-bulb { background:#FAEEDA; color:#854F0B; }
.b-unknown { background:#F1EFE8; color:#5F5E5A; }
.common { font-size: 15px; font-weight: 500; color: var(--color-text-primary); margin: 0 0 1px; }
.latin { font-size: 12px; font-style: italic; color: var(--color-text-secondary); margin: 0 0 8px; }
.fact { font-size: 12px; color: var(--color-text-secondary); margin: 3px 0; display: flex; gap: 6px; align-items: flex-start; }
.fact i { font-size: 13px; margin-top: 1px; flex-shrink: 0; }
.warn { font-size: 12px; color: var(--color-text-warning); margin: 4px 0; display: flex; gap: 6px; align-items: flex-start; }
.warn i { font-size: 13px; margin-top: 1px; flex-shrink: 0; }
.identify-btn { width: 100%; margin-top: 8px; font-size: 12px; padding: 6px; cursor: pointer; }
</style>
<h2 class="sr-only">Indoor plant crib sheet organised by trough location</h2>
<div class="trough-section">
<p class="trough-label"><i class="ti ti-layout-2" aria-hidden="true"></i> Lounge <span>trough 1 · self-watering</span></p>
<div class="plant-grid">
<div class="plant-card foliage">
<span class="badge b-foliage">Foliage</span>
<p class="common">Spider Plant</p>
<p class="latin">Chlorophytum comosum</p>
<div class="fact"><i class="ti ti-droplet" aria-hidden="true"></i> Tolerates some neglect; moderate watering.</div>
<div class="fact"><i class="ti ti-sun" aria-hidden="true"></i> Indirect light. Avoid harsh direct sun.</div>
<div class="fact"><i class="ti ti-plant" aria-hidden="true"></i> Produces hanging spiderettes — easy to propagate.</div>
</div>
<div class="plant-card foliage">
<span class="badge b-foliage">Foliage</span>
<p class="common">Parlour Palm</p>
<p class="latin">Chamaedorea elegans</p>
<div class="fact"><i class="ti ti-droplet" aria-hidden="true"></i> Keep lightly moist; don't overwater.</div>
<div class="fact"><i class="ti ti-sun" aria-hidden="true"></i> Low–medium indirect light. Shade tolerant.</div>
<div class="fact"><i class="ti ti-alert-circle" aria-hidden="true"></i> Yellow = overwatering. Brown tips = dry air.</div>
</div>
</div>
</div>
<div class="trough-section">
<p class="trough-label"><i class="ti ti-layout-2" aria-hidden="true"></i> Lounge <span>trough 2 · self-watering</span></p>
<div class="plant-grid">
<div class="plant-card bromeliad">
<span class="badge b-bromeliad">Bromeliad</span>
<p class="common">Guzmania</p>
<p class="latin">Guzmania spp.</p>
<div class="fact"><i class="ti ti-droplet" aria-hidden="true"></i> Water into the central cup, not the soil.</div>
<div class="fact"><i class="ti ti-sun" aria-hidden="true"></i> Bright indirect light. Loves humidity.</div>
<div class="fact"><i class="ti ti-flower" aria-hidden="true"></i> Red bract = flower — can last up to 6 months.</div>
<div class="warn"><i class="ti ti-alert-triangle" aria-hidden="true"></i> Flowers once then dies — watch for pups at the base.</div>
<div class="warn"><i class="ti ti-alert-triangle" aria-hidden="true"></i> Roots must not sit in standing water — monitor trough level.</div>
</div>
<div class="plant-card flowering">
<span class="badge b-flowering">Foliage</span>
<p class="common">Peace Lily</p>
<p class="latin">Spathiphyllum</p>
<div class="fact"><i class="ti ti-droplet" aria-hidden="true"></i> Loves consistent moisture — self-watering trough suits it well.</div>
<div class="fact"><i class="ti ti-sun" aria-hidden="true"></i> Low–medium indirect light.</div>
<div class="fact"><i class="ti ti-plant" aria-hidden="true"></i> Large spade-shaped leaves unfurl as it grows. Fast grower when happy.</div>
<div class="fact"><i class="ti ti-flower" aria-hidden="true"></i> May produce white hooded flowers (spathes) in good light.</div>
</div>
</div>
</div>
<div class="trough-section">
<p class="trough-label"><i class="ti ti-home" aria-hidden="true"></i> Bedroom <span>big trough · self-watering · windowsill · herbs from Waitrose</span></p>
<div class="plant-grid">
<div class="plant-card herb">
<span class="badge b-herb">Herb</span>
<p class="common">Basil</p>
<p class="latin">Ocimum basilicum</p>
<div class="fact"><i class="ti ti-droplet" aria-hidden="true"></i> Keep moist; avoid cold draughts.</div>
<div class="fact"><i class="ti ti-sun" aria-hidden="true"></i> Bright light. Windowsill ✓</div>
<div class="fact"><i class="ti ti-scissors" aria-hidden="true"></i> Pinch out flowers to keep leaf growth going.</div>
</div>
<div class="plant-card herb">
<span class="badge b-herb">Herb</span>
<p class="common">Rosemary</p>
<p class="latin">Salvia rosmarinus</p>
<div class="fact"><i class="ti ti-droplet" aria-hidden="true"></i> Let soil dry between waterings — dislikes soggy roots.</div>
<div class="fact"><i class="ti ti-sun" aria-hidden="true"></i> Needs good light. Windowsill ✓</div>
<div class="fact"><i class="ti ti-scissors" aria-hidden="true"></i> Trim regularly to keep bushy; use in cooking freely.</div>
<div class="warn"><i class="ti ti-alert-triangle" aria-hidden="true"></i> Self-watering trough may stay too wet — watch for root rot.</div>
</div>
<div class="plant-card herb">
<span class="badge b-unknown">Herb · TBC</span>
<p class="common">Small-leaved herb</p>
<p class="latin">— possibly thyme, marjoram, or savory</p>
<div class="fact"><i class="ti ti-help-circle" aria-hidden="true"></i> Too small-leaved for sage. Check tomorrow — pinch a leaf and smell it.</div>
<div class="fact"><i class="ti ti-notes" aria-hidden="true"></i> Thyme = faint resinous. Marjoram = sweet oregano-like. Savory = peppery.</div>
<button class="identify-btn" onclick="sendPrompt('I have identified my mystery herb — can you update my plant crib sheet with the correct name and care notes?')">Update once identified ↗</button>
</div>
<div class="plant-card foliage">
<span class="badge b-foliage">Foliage</span>
<p class="common">Dragon Tree</p>
<p class="latin">Dracaena marginata</p>
<div class="fact"><i class="ti ti-droplet" aria-hidden="true"></i> Let soil dry out between waterings — drought tolerant.</div>
<div class="fact"><i class="ti ti-sun" aria-hidden="true"></i> Indirect light; tolerates lower light well.</div>
<div class="fact"><i class="ti ti-plant" aria-hidden="true"></i> Trunk branches near base; long narrow leaves in rosettes at each tip.</div>
<div class="fact"><i class="ti ti-alert-circle" aria-hidden="true"></i> Brown leaf tips = fluoride in tap water. Use filtered if possible.</div>
</div>
<div class="plant-card bulb">
<span class="badge b-bulb">Bulb</span>
<p class="common">Daffodils</p>
<p class="latin">Narcissus</p>
<div class="fact"><i class="ti ti-clock" aria-hidden="true"></i> Replanted pre-Christmas; ~4″ shoots — developing normally.</div>
<div class="fact"><i class="ti ti-sun" aria-hidden="true"></i> Cool bright spot to develop well.</div>
<div class="fact"><i class="ti ti-leaf" aria-hidden="true"></i> After flowering, let leaves die back fully to feed bulb for next year.</div>
</div>
</div>
</div>
<p style="font-size: 11px; color: var(--color-text-tertiary); margin-top: 0.5rem;">Evesham collection · Lidl & Waitrose · three self-watering troughs</p>