Breaking Your Project’s Templates into Partials

codingChewie · codingChewie · commit 463a22d1d326 · 2019-11-01T14:23:05.000-05:00
diff --git a/views/card.pug b/views/card.pug
@@ -1,14 +1,9 @@
-doctype html
-html(lang="en")
-  head
-    title Flash Cards
-  body
-    header
-      h1 Flash Cards
-    section#content
-      h2= prompt
-      if hint
-        p
-          i Hint: #{hint}
-    footer
-      p An app to help you stufy
+extends layout.pug
+
+block content
+  section#content
+    h2= prompt
+    if hint
+      p
+        i Hint: #{hint}
+  
diff --git a/views/includes/footer.pug b/views/includes/footer.pug
@@ -0,0 +1,2 @@
+footer
+  p An app to help you stufy
diff --git a/views/includes/header.pug b/views/includes/header.pug
@@ -0,0 +1,2 @@
+header
+  h1 Flash Cards
diff --git a/views/index.pug b/views/index.pug
@@ -1,11 +1,6 @@
-doctype html
-html(lang="en")
-  head
-    title Flash Cards
-  body
-    header
-      h1 Flash Cards
-    section#content
-      h2 Welcome, student
-    footer
-      p An app to help you stufy
+extends layout.pug
+
+block content
+  section#content
+    h2 Welcome, student
+    
diff --git a/views/layout.pug b/views/layout.pug
@@ -0,0 +1,8 @@
+doctype html
+html(lang="en")
+  head
+    title Flash Cards
+  body
+    include includes/header.pug
+    block content
+    include includes/footer.pug
