stubs out data and template helpers

Author: caseyyee

public/_helpers.html

@@ -55,6 +55,8 @@
 
 {% includeData 'demos.json' as demos %}
 
+{% includeData 'learning.json' as learning %}
+
 {# includeData '_db/webvr_scenes.json' as sites #}
 {# includeData '_db/bugs.json' as bugs #}
 {# includeData '_db/compat_reports.json' as compat_reports #}
@@ -67,6 +69,27 @@
   people: people
 } #}
 
+{% macro learning_item (slug) %}
+  {% set learn = learning[slug] %}
+  {% set name = learn.name %}
+  {% set description = learn.description %}
+  {% set url = learn.url %}
+  {% set thumb = learn.thumbnail %}
+  {% set author = learn.author %}
+
+  <li>
+    <div>
+      <div>
+        <a itemprop="url" href="{{ url }}" class="no-underline">
+          <img src="{{ thumb }}"/>
+          <h3>{{ name }}</h3>
+        </a>
+        {{ description }}
+      </div>
+    </div>
+  </li>
+{% endmacro %}
+
 {% set browsers = {
   chrome: chrome,
   chromium: chromium,

public/_learning.html

@@ -0,0 +1,7 @@
+{% from '_helpers.html' import learning_item %}
+
+<section class="notifications" id="notifications">
+  {% block learning %}
+    {{ learning_item('progressive-webvr') }}
+  {% endblock %}
+</section>

public/articles/progressive-webvr/thumbnail.png

@@ -38,8 +38,14 @@
           </div>
         </section>
 
+        <section id="learn" class="section">
+          <h1>Learn about WebVR</h1>
+
+          {% include '_learning.html' %}
+        </section>
+
         <section id="browsers" class="section browsers" data-section="browsers">
-          <h1><a href="#browsers">WebVR Browsers</a></h1>
+          <h1><a href="#browsers">Supported Browsers</a></h1>
 
           <div class="notifications" id="notifications">
             {% for _, browser in browsers %}

public/index.html

@@ -0,0 +1,10 @@
+{
+  "progressive-webvr": {
+    "name": "Progressive Enhancement with WebVR.",
+    "description": "Arturo Paracuellos, the creator of Puzzle Rain and other notable WebVR experiences, runs us through how he made a WebVR experience for weather.com that progressively enhances from mobile phones all the way up to full VR systems like the HTC VIVE.",
+    "url": "https://unboring.net/workflows/progressive-enhancement/",
+    "author": "Arturo Paracuellos",
+    "author_url": "unboring.net",
+    "thumbnail": "articles/progressive-webvr/thumbnail.png"
+  }
+}