Add modular schedule templates

scss/theme/_onepage.scss

@@ -112,7 +112,7 @@
   }
 }
 
-#modular-text {
+#modular-text, #modular-schedule {
   padding-top: 4rem;
   padding-bottom: 4rem;
 }

templates/modular-with-schedule.html.twig

@@ -0,0 +1,68 @@
+{% extends 'partials/base.html.twig' %}
+
+{% macro pageLinkName(text) %}{{ text|lower|replace({' ':'_'}) }}{% endmacro %}
+
+{% block head %}
+    <base href="/">
+
+    {{ parent() }}
+
+{% endblock %}
+
+{% block javascripts %}
+    {% do assets.add('theme://js/singlepagenav.min.js') %}
+
+    {{ parent() }}
+
+{% endblock %}
+
+{% block stylesheets %}
+    {% do assets.addCss('/schedule/assets/styles.bundle.css') %}
+
+    {{ parent() }}
+
+{% endblock %}
+
+{% block bottom %}
+    {{ parent() }}
+
+    <script>
+    // singlePageNav initialization & configuration
+    $('nav').singlePageNav({
+        offset: $('#header').outerHeight(),
+        filter: 'a[href*="#"]',
+        updateHash: true,
+        currentClass: 'active',
+        beforeStart: function() {
+            if ($('body').hasClass('mobile-nav-open')) {
+                $('#toggle').removeClass('active');
+                $('#overlay').removeClass('open');
+                $('body').removeClass('mobile-nav-open');
+            }
+        }
+    });
+    </script>
+
+    {% do assets.addJs('/schedule/assets/inline.bundle.js') %}
+    {% do assets.addJs('/schedule/assets/polyfills.bundle.js') %}
+    {% do assets.addJs('/schedule/assets/main.bundle.js') %}
+
+    {{ assets.js() }}
+
+{% endblock %}
+
+{% block hero %}
+    {% for module in page.collection() if module.template == 'modular/hero' %}
+        <div id="{{ _self.pageLinkName(module.menu) }}"></div>
+        {{ module.content }}
+    {% endfor %}
+
+{% endblock %}
+
+{% block body %}
+    {% for module in page.collection() if module.template != 'modular/hero' %}
+        <div id="{{ _self.pageLinkName(module.menu) }}"></div>
+        {{ module.content }}
+    {% endfor %}
+
+{% endblock %}

templates/modular/schedule.html.twig

@@ -0,0 +1,15 @@
+{% set grid_size = theme_var('grid-size') %}
+
+<section id="modular-schedule" class="section {{ page.header.class }}">
+    <section class="container {{ grid_size }}">
+        <div class="columns">
+            <div class="column col-12 col-md-12">
+                {{ content }}
+
+                <section class="mat-typography" style="min-height: 26em">
+                    <app-root></app-root>
+                </section>
+            </div>
+        </div>
+    </section>
+</section>