Separate content and template for hero section

Author: Dhruvi16

content/contents.lr

@@ -5,4 +5,25 @@ _template: home.html
 block_content:
 
 #### hero ####
-_template: blocks/hero.html
+title:
+
+We have been building <span class="has-text-forest-green">free software</span> at <span class="has-text-gold">Creative Commons</span> for over a decade.
+----
+description:
+
+We work on code and products that support digital creativity and sharing, from usability of our legal tools to enabling discovery of CC-licensed content.
+----
+links:
+
+<a class="button small is-info margin-top-bigger" href="/community">Join the Developer Community</a>
+<br />
+<a class="button small margin-top-normal" href="https://twitter.com/creativecommons"><i class="icon twitter margin-right-small padding-vertical-smaller"></i>Follow us on twitter</a>
+
+#### get-involved ####
+title:
+
+
+----
+content:
+
+

flowblocks/hero.ini

@@ -1,2 +1,14 @@
 [block]
 name = Hero
+
+[fields.title]
+label = Title
+type = html
+
+[fields.description]
+label = Description
+type = text
+
+[fields.links]
+label = Links
+type = html

models/home.ini

@@ -9,4 +9,4 @@ type = string
 [fields.block_content]
 label = Block Content
 type = flow
-flow_blocks = hero
+flow_blocks = hero, get-involved

themes/vocabulary_theme/templates/blocks/get-involved.html

@@ -1,4 +1,4 @@
-{% block title %}{{ this.title }}{% endblock %}
 <div>
+  {{ this.title }}
   {{ this.content }}
 </div>

themes/vocabulary_theme/templates/blocks/hero.html

@@ -1,20 +1,14 @@
+
 <section>
   <h1 class="column is-9 is-paddingless">
-    We have been building
-    <span class="has-text-forest-green">free software</span> at
-    <span class="has-text-gold">Creative Commons</span> for over a decade.
+    {{ this.title }}
   </h1>
   <div class="columns">
     <div class="column is-one-third">
       <p class="body-bigger margin-top-big">
-        We work on code and products that support digital creativity and
-        sharing, from usability of our legal tools to enabling discovery of
-        CC-licensed content.
+        {{ this.description }}
       </p>
-      <a class="button small is-info margin-top-bigger" href="/community">Join the Developer Community</a>
-      <br />
-      <a class="button small margin-top-normal" href="https://twitter.com/creativecommons"><i
-          class="icon twitter margin-right-small"></i>Follow us on twitter</a>
+      {{ this.links }}
     </div>
     <div class="column">
       <img src="./github.svg" />

themes/vocabulary_theme/templates/home.html

@@ -1,5 +1,4 @@
 {% extends "layout.html" %}
-{% block title %}{{ this.title }}{% endblock %}
 
 {% block body %}
     {% for block in this.block_content.blocks %}