Jekyll: Page not parsing custom variable from layout

Question

I've just begun learning Jekyll and I've run into a little speedbump.

I have 2 layouts in my _layout folder which essentially look like this:-

default.html

<html>
<head> <!-- Meta Tags etc --> </head>
<body>
    {{ content }}
</body>
</html>

hero.html

---
layout: default
---
<section id="hero">
    <h3>{{ hero.descr }}</h3>
</section>
{{ content }}

My index page extends the hero layout as follows:-

index.html

---
layout: hero
descr: Hello there.
---

The layouts work just fine, and the website appears as it should, except for the hero.descr variable. The heading tag is just empty.

Answer 1

The flow of data is uni-directional. default.html => hero.html => index.html

hero.html will not know what's defined in index.html

But, the rendering is in the opposite direction (inserted into the {{ content }} variable of the parent.

index.html ==> hero.html ==> default.html

Answer 2

It seems to me that the variable {{ hero.descr }} does not exist. I think that it should be {{ page.descr }} .