utilizing Template Inheritance for Templates

Author: EvanLovely

dist/_patterns/03-templates/00-homepage.twig

@@ -0,0 +1,9 @@
+<div class="page" id="page">
+	{% include "organisms-header" %}
+	<div role="main">
+		{% block content %}
+			<p>Content Placeholder</p>
+		{% endblock %}
+	</div><!--End role=main-->
+	{% include "organisms-footer" %}
+</div>

dist/_patterns/03-templates/00-site.twig

@@ -0,0 +1,37 @@
+{% extends "templates-site" %}
+{% block content %}
+    {% if emergency %}
+        {% include "molecules-alert:error" %}
+    {% endif %}
+    {% if hero %}
+        {% include "molecules-block-hero" %}
+    {% endif %}
+
+    <div class="g g-3up">
+        {% for tout in touts %}
+            <div class="gi">
+                {% include "molecules-block-inset" %}
+            </div>
+        {% endfor %}
+    </div><!--end 3up-->
+
+    <hr/>
+
+    <div class="l-two-col">
+        <div class="l-main">
+            <section class="section latest-posts">
+                <h2 class="section-title">Latest Posts</h2>
+                <ul class="post-list">
+                    {% for post in latest_posts %}
+                        <li>{% include "molecules-media-block" %}</li>
+                    {% endfor %}
+                </ul>
+                <a href="#" class="text-btn">View more posts</a>
+            </section>
+        </div><!--end .l-main-->
+
+        <div class="l-sidebar">
+            {% include "organisms-recent-tweets" %}
+        </div><!--end .l-sidebar-->
+    </div><!--end .l-two-col-->
+{% endblock %}

dist/_patterns/03-templates/01-blog.twig

@@ -0,0 +1,14 @@
+{% extends "templates-site" %}
+{% block content %}
+	<h1 class="section-title">Our Outdoor Blog</h1>
+	<div class="l-two-col">
+		<div class="l-main">
+			{% include "organisms-latest-posts" %}
+			{% include "molecules-pagination" %}
+		</div><!--end l-main-->
+
+		<div class="l-sidebar">
+			{% include "organisms-recent-tweets" %}
+		</div><!--end l-sidebar-->
+	</div><!--end two-col-->
+{% endblock %}

dist/_patterns/03-templates/01-homepage.twig

@@ -0,0 +1,21 @@
+{% extends "templates-site" %}
+{% block content %}
+	<div class="l-two-col">
+		<div class="l-main">
+			<article class="article">
+				<header class="article-header">
+					<h1>Article Headline Lorem ipsum dolor sit aweofij</h1>
+					{% include "molecules-byline" %}
+				</header>
+				{% include "organisms-article-body" %}
+			</article><!--end .article-->
+			{% include "molecules-social-share" %}
+			{% include "organisms-comment-thread" %}
+		</div><!--end l-main-->
+	
+		<div class="l-sidebar">
+			{% include "organisms-related-posts" %}
+			{% include "organisms-recent-tweets" %}
+		</div><!--end l-sidebar-->
+	</div><!--end l-two-col-->	
+{% endblock %}