(print: "<img src='silhouettes/" + $kids's "Gabby"'s "silhouette" + "'>")
How bossy are you?
{(link:"I am as bossy as they get!")[
(set: $kids's "Gabby"'s "score" to it + 20)
(goto:(str:$question))]
(link:"I'm not SO bossy...")[
(goto:(str:$question))]
(set:$question to it + 1)}(print: "<img src='silhouettes/" + $kids's "Rashad"'s "silhouette" + "'>")
How many hours a day do you crab-walk?
{(link:"1 hour, tops.")[
(goto:(str:$question))]
(link:"24/7 Crabwalking!!!")[
(set: $kids's "Rashad"'s "score" to it + 20)
(goto:(str:$question))]
(set:$question to it + 1)}(print: "<img src='silhouettes/" + $kids's "Tâm"'s "silhouette" + "'>")
How much do you like NOISE?
{(link:"I prefer quiet.")[
(set: $kids's "Diego"'s "score" to it + 5)
(set: $kids's "Rashad"'s "score" to it + 5)
(set: $kids's "Fatima"'s "score" to it + 5)
(goto:(str:$question))]
(link:"I LOVE noise!")[
(set: $kids's "Gabby"'s "score" to it + 10)
(set: $kids's "Camila"'s "score" to it + 10)
(set: $kids's "Anthony"'s "score" to it + 10)
(set: $kids's "Miguel"'s "score" to it + 10)
(set: $kids's "Noah"'s "score" to it + 10)
(goto:(str:$question))]
(link:"WHAT? I CAN'T HEAR YOU, I'M BEING TOO LOUD!")[
(set: $kids's "Tam"'s "score" to it + 20)
(set: $kids's "Tuan"'s "score" to it + 20)
(goto:(str:$question))]
(set:$question to it + 1)}(print: "<img src='silhouettes/" + $kids's "Hugo"'s "silhouette" + "'>")
It's time for the big musical number: how many lines do you sing?
{(link:"I sing every single verse!")[
(set: $kids's "Hugo"'s "score" to it + 20)
(goto:(str:$question))]
(link:"I'd sing HALF of every verse, maybe")[
(set: $kids's "Rashad"'s "score" to it + 5)
(set: $kids's "Anthony"'s "score" to it + 5)
(goto:(str:$question))]
(link:"I would sing one quarter of the verses.")[
(set: $kids's "Gabby"'s "score" to it + 5)
(set: $kids's "Tâm"'s "score" to it + 5)
(set: $kids's "Fatima"'s "score" to it + 5)
(set: $kids's "Diego"'s "score" to it + 5)
(set: $kids's "Mavis"'s "score" to it + 5)
(set: $kids's "Isabel"'s "score" to it + 5)
(goto:(str:$question))]
(link:"I would sing no verses at all... I'm no singer!")[
(set: $kids's "Miguel"'s "score" to it + 5)
(set: $kids's "Tuấn"'s "score" to it + 5)
(set: $kids's "Camila"'s "score" to it + 5)
(set: $kids's "Noah"'s "score" to it + 5)
(goto:(str:$question))]
(set:$question to it + 1)}(print: "<img src='silhouettes/" + $kids's "Miguel"'s "silhouette" + "'>")
Do you have any special skills?
{(link:"Absolutely!! I have skills coming out of my ears!")[
(set: $kids's "Gabby"'s "score" to it + 5)
(set: $kids's "Hugo"'s "score" to it + 5)
(set: $kids's "Mavis"'s "score" to it + 5)
(set: $kids's "Isabel"'s "score" to it + 5)
(set: $kids's "Noah"'s "score" to it + 5)
(set: $kids's "Rashad"'s "score" to it + 5)
(set: $kids's "Tâm"'s "score" to it + 5)
(set: $kids's "Tuấn"'s "score" to it + 5)
(set: $kids's "Fatima"'s "score" to it + 5)
(set: $kids's "Camila"'s "score" to it + 5)
(goto:(str:$question))]
(link:"Do I? Maybe you could help me think of something?")[
(set: $kids's "Anthony"'s "score" to it + 5)
(set: $kids's "Diego"'s "score" to it + 5)
(goto:(str:$question))]
(link:"No, I don't know how to do ANYthing.")[
(set: $kids's "Miguel"'s "score" to it + 20)
(goto:(str:$question))]
(set:$question to it + 1)}(print: "<img src='silhouettes/" + $kids's "Anthony"'s "silhouette" + "'>")
Be honest. What size shoes do you wear?
{(link:"Small")[
(set: $kids's "Mavis"'s "score" to it + 5)
(set: $kids's "Gabby"'s "score" to it + 5)
(set: $kids's "Tâm"'s "score" to it + 5)
(set: $kids's "Miguel"'s "score" to it + 5)
(goto:(str:$question))]
(link:"Medium")[
(set: $kids's "Isabel"'s "score" to it + 5)
(set: $kids's "Fatima"'s "score" to it + 5)
(set: $kids's "Noah"'s "score" to it + 5)
(set: $kids's "Rashad"'s "score" to it + 5)
(set: $kids's "Camila"'s "score" to it + 5)
(set: $kids's "Diego"'s "score" to it + 5)
(goto:(str:$question))]
(link:"Large")[
(set: $kids's "Hugo"'s "score" to it + 5)
(set: $kids's "Tuấn"'s "score" to it + 5)
(goto:(str:$question))]
(link:"EXTRA GIGANTIC!!!!!")[
(set: $kids's "Anthony"'s "score" to it + 20)
(goto:(str:$question))]
(set:$question to it + 1)}(print: "<img src='silhouettes/" + $kids's "Isabel"'s "silhouette" + "'>")
How many siblings do you have?
{(link:"I'm an only child")[
(set: $kids's "Gabby"'s "score" to it + 5)
(set: $kids's "Anthony"'s "score" to it + 5)
(set: $kids's "Hugo"'s "score" to it + 5)
(goto:(str:$question))]
(link:"Just one sibling")[
(set: $kids's "Camila"'s "score" to it + 5)
(set: $kids's "Diego"'s "score" to it + 5)
(set: $kids's "Miguel"'s "score" to it + 5)
(set: $kids's "Tâm"'s "score" to it + 5)
(set: $kids's "Tuấn"'s "score" to it + 5)
(set: $kids's "Fatima"'s "score" to it + 5)
(set: $kids's "Rashad"'s "score" to it + 5)
(goto:(str:$question))]
(link:"At least three!")[
(set: $kids's "Mavis"'s "score" to it + 20)
(set: $kids's "Isabel"'s "score" to it + 20)
(set: $kids's "Noah"'s "score" to it + 20)
(goto:(str:$question))]
(set:$question to it + 1)}(print: "<img src='silhouettes/" + $kids's "Fatima"'s "silhouette" + "'>")
How old are you?
{(link:"I'm a baby.")[
(set: $kids's "Noah"'s "score" to it + 10)
(goto:(str:$question))]
(link:"I'm a big kid.")[
(set: $kids's "Anthony"'s "score" to it + 5)
(set: $kids's "Rashad"'s "score" to it + 5)
(set: $kids's "Mavis"'s "score" to it + 5)
(goto:(str:$question))]
(link:"I'm, like, actually a big kid.")[
(set: $kids's "Gabby"'s "score" to it + 5)
(set: $kids's "Miguel"'s "score" to it + 5)
(set: $kids's "Isabel"'s "score" to it + 5)
(set: $kids's "Tuấn"'s "score" to it + 5)
(set: $kids's "Camila"'s "score" to it + 5)
(set: $kids's "Diego"'s "score" to it + 5)
(set: $kids's "Camila"'s "score" to it + 5)
(set: $kids's "Diego"'s "score" to it + 5)
(set: $kids's "Hugo"'s "score" to it + 10)
(set: $kids's "Tuấn"'s "score" to it + 10)
(goto:(str:$question))]
(link:"I'm ALMOST a teenager!")[
(set: $kids's "Fatima"'s "score" to it + 20)
(goto:(str:$question))]
(set:$question to it + 1)}(print: "<img src='silhouettes/" + $kids's "Noah"'s "silhouette" + "'>")
No really, who is the baby??
{(link:"What?")[
(goto:(str:$question))]
(link:"The baby is me.")[
(set: $kids's "Noah"'s "score" to it + 20)
(goto:(str:$question))]
(set:$question to it + 1)}(print: "<img src='silhouettes/" + $kids's "Camila"'s "silhouette" + "'>")
In a parade, are you more likely to be at the head... or at the butt?
{(link:"I'm always in the front!")[
(set: $kids's "Gabby"'s "score" to it + 5)
(set: $kids's "Camila"'s "score" to it + 5)
(set: $kids's "Hugo"'s "score" to it + 5)
(set: $kids's "Tâm"'s "score" to it + 5)
(goto:"end")]
(link:"The butt part is very important.")[
(set: $kids's "Miguel"'s "score" to it + 5)
(set: $kids's "Anthony"'s "score" to it + 5)
(set: $kids's "Mavis"'s "score" to it + 5)
(set: $kids's "Noah"'s "score" to it + 5)
(set: $kids's "Diego"'s "score" to it + 20)
(goto:"end")]}{(set: _highestScore to -1)
(set: _winner to "")
(set: _shuffledkids to (shuffled:...(datanames:$kids)))
(for: each _kid, ... _shuffledkids)[
(if: $kids's _kid's "score" > _highestScore)[
(set: _highestScore to $kids's _kid's "score")
(set: _winner to _kid)
]
]
}
(print: "<img src='reveal/" + $kids's _winner's "reveal" + "'>")
<h1>(print: "You're " + _winner + "!")</h1>(print: $kids's _winner's "blurb")
[[Take it again!->start]]
<a href="https://bookshop.org/pages/bookstores">Order now from your local bookstore</a>.
<a href="https://treehousekidandcraft.com/products/a-very-good-parade-a-picture-book?_pos=1&_sid=6cf76c19f&_ss=r">Order a signed copy from Treehouse Kid and Craft</a>!<img style="width: 30vw; max-width: 100%;" src="photo of book.png">
Coming out August 18th 2026 from Abrams Books.
<a href="https://bookshop.org/pages/bookstores">Order now from your local bookstore</a>.
<a href="https://treehousekidandcraft.com/products/a-very-good-parade-a-picture-book?_pos=1&_sid=6cf76c19f&_ss=r">Order a signed copy from Treehouse Kid and Craft</a>!
[<h1 style="padding: 0.5em;margin: 0.5em;
border: 2px solid #304a68;border-radius: 6px;
color: #304a68;background-color: transparent;
text-decoration: none;display:inline-block;">TAKE THE PERSONALITY QUIZ!</h1>]<link|
{
(click:?link)[(go-to:"1")]
(set: $question to 1)
(set: $kids to (dm:
"Gabby", (dm:
"silhouette", "Gabby sihouette.jpg",
"reveal", "Gabby Reveal.jpg",
"blurb", "You always suspected you were the main character. Without bossy people would there ever even BE any parades?",
"score", 0
),
"Rashad", (dm:
"silhouette", "Rashad Silhouette.jpg",
"reveal", "Rashad Reveal.jpg",
"blurb", "You're secretly the coolest character in the book and you will NEVER stop crab-walking.",
"score", 0
),
"Tâm", (dm:
"silhouette", "Tam & Tuan Silhouette.jpg",
"reveal", "Tam & Tuan Reveal.jpg",
"blurb", "You may be a pre-teen but you're not too stuck-up to have fun. It might seem weird that you're in a band with your brother but he's the only person you know who likes it as loud as you do.",
"score", 0
),
"Tuấn", (dm:
"silhouette", "Tam & Tuan Silhouette.jpg",
"reveal", "Tam & Tuan Reveal.jpg",
"blurb", "It might seem weird that you're in a band with your sister but she's the only person you know who likes it as loud as you do. You do have an actually real drum kit, you just like the quaker oats container's tone.",
"score", 0
),
"Hugo", (dm:
"silhouette", "Hugo Silhouette.jpg",
"reveal", "Hugo Reveal.jpg",
"blurb", "You're confident without being pushy about it and you can sing like Barry Gibb. Most kids probably don't know the Bee Gees these days, but I'm banking on the grown-ups reading the book to remember.",
"score", 0
),
"Miguel", (dm:
"silhouette", "Miguel Sihouette.jpg",
"reveal", "Miguel Reveal.jpg",
"blurb", "Wait, maybe Miguel is secretly the main character! He's the one with the arc!",
"score", 0
),
"Anthony", (dm:
"silhouette", "Anthony Sihouette.jpg",
"reveal", "Anthony Reveal.jpg",
"blurb", "You're modest and easy-going and you know a good pair of boots when you see them.",
"score", 0
),
"Isabel", (dm:
"silhouette", "Isabel and Mavis Sihouette 2.jpg",
"reveal", "Isabel and Mavis Reveal.jpg",
"blurb", "Or are you Mavis? I'm the author and even I can't keep track! In any case, you're the older one, with bigger feet.",
"score", 0
),
"Mavis", (dm:
"silhouette", "Isabel and Mavis Sihouette 2.jpg",
"reveal", "Isabel and Mavis Reveal.jpg",
"blurb", "Or are you Isabel? I'm the author and even I can't keep track! In any case, you're the younger one, with smaller feet.",
"score", 0
),
"Fatima", (dm:
"silhouette", "Fatima Silhouette.jpg",
"reveal", "Fatima Reveal.jpg",
"blurb", "You're a pre-teen but that doesn't mean you're too stuck-up to have fun. You're working on your triple-hoop technique but it's not ready for prime-time yet.",
"score", 0
),
"Noah", (dm:
"silhouette", "Noah and baby Silhouette.jpg",
"reveal", "Noah and baby Reveal.jpg",
"blurb", "The baby is you.",
"score", 0
),
"Camila", (dm:
"silhouette", "Camila and Diego Silhouette.jpg",
"reveal", "Camila and Diego Reveal.jpg",
"blurb", "You've been hanging around in this lion costume long enough, it's about time someone invited you to be in a parade.",
"score", 0
),
"Diego", (dm:
"silhouette", "Camila and Diego Silhouette.jpg",
"reveal", "Camila and Diego Reveal2.jpg",
"blurb", "The butt part is very important.",
"score", 0
)
))}
<script>
const colors = [
"blue",
"pink",
"yellow",
"green",
"red",
"pink2"
];
function colorizeHeadings() {
document.querySelectorAll("h1, tw-link").forEach(h1 => {
if (h1.dataset.colorized) return;
const text = h1.textContent;
h1.textContent = "";
[...text].forEach((letter, index) => {
const span = document.createElement("span");
span.textContent = letter;
span.classList.add(colors[index % colors.length]);
h1.appendChild(span);
});
h1.dataset.colorized = "true";
});
}
setTimeout(colorizeHeadings, 1);
</script>