Barnes + Shinall Family Tree House
body { font-family: 'Segoe UI', sans-serif; background: #f0f8f0; margin: 0; padding: 20px; text-align: center; }
h1 { color: #2d5a2d; }
.tree { display: flex; flex-direction: column; align-items: center; gap: 20px; margin-top: 30px; }
.leaf { background: white; border: 2px solid #4CAF50; border-radius: 20px; padding: 15px; width: 250px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
.leaf h3 { margin: 5px 0; color: #2d5a2d; }
.leaf p { margin: 3px 0; font-size: 14px; color: #555; }
.map { margin-top: 40px; }
.state { display: inline-block; margin: 5px; padding: 10px; background: #c8e6c9; border-radius: 8px; cursor: pointer; }
.state:hover { background: #81c784; }
.upload { margin-top: 10px; font-size: 12px; color: #2d5a2d; cursor: pointer; }
.note { margin-top: 30px; font-size: 12px; color: #777; }
🌳 THE TREE HOUSE 🌳
SIMPLE MODE: First Name + Zodiac + State Only
WILLIAM
â™’ Aquarius
Tunica, MISSIPPI
📸 Add Photo
<div class="leaf">
<h3>WILLIAM ROY</h3>
<p>♑ Capricorn</p>
<p>Tunica, MISSIPPI</p>
<div class="upload">📸 Add Photo</div>
</div>
<div class="leaf">
<h3>PATRICIA</h3>
<p>♑ Capricorn</p>
<p>Tunica, MISSIPPI</p>
<div class="upload">📸 Add Photo</div>
</div>
Click a State to See Family Photos
MISSISSIPPI
TENNESSEE
TEXAS
GEORGIA
Tell William to add more family. This tree grows with love 💚