diff --git a/woof/code/woof-libs-code.html b/woof/code/woof-libs-code.html
new file mode 100644
index 00000000..b188d718
--- /dev/null
+++ b/woof/code/woof-libs-code.html
@@ -0,0 +1,186 @@
+<head>
+    <script src="https://cdn.rawgit.com/stevekrouse/WoofJS/cb6d0621/dist/woof.js"></script>
+    <script>
+    setBackdropColor("white")
+    
+    var noun1 = "___________"
+    var adverb1 =  "___________ "
+    var adjective1 =  "___________ "
+    var noun2 = "___________"
+    var verb1 = "___________"
+    var noun3 = "___________"
+    var noun4 = "___________"
+    var verb2 = "___________"
+    var exclamation1 = "___________"
+    var number1 = "___________"
+    var verb3 = "___________"
+    var noun5 = "___________"
+    var topLine = maxY - 100
+    var fontSize = 20
+    
+    var buttonFront = new Rectangle({
+      width: 200, 
+      height: 55, 
+      color: "pink",
+      y: topLine + 50,
+      x: minX + 120
+    })
+    
+    var buttonBack = new Rectangle({
+      width: 210, 
+      height: 65, 
+      color: "black",
+      y: topLine + 50,
+      x: minX + 120
+    })
+    buttonBack.sendToBack()
+    
+    var buttonText = new Text({
+      text: () => "Press Me!", 
+      size: 30, 
+      color: "black", 
+      fontFamily: "sans-serif", 
+      textAlign: "left",
+      y: topLine + 52,
+      x: minX + 50
+    })
+    
+    function askQuestions() {
+      noun1 = prompt("Enter a year.")
+      noun2 = prompt("Enter a plural noun.")
+      adverb1 = prompt("Enter an adverb.")
+      verb1 = prompt("Enter a past tense verb.")
+      noun3 = prompt("Enter a plural noun.")
+      noun4 = prompt("Enter a feeling.")
+      verb2 = prompt("Enter a present tense verb.")
+      exclamation1 = prompt("Enter an exclamation.")
+      number1 = prompt("Enter a number.")
+      verb3 = prompt("Enter a past tense verb.")
+      noun5 = prompt("Enter a place.")
+      adjective1 = prompt("Enter an adjective.")
+    }
+    
+    var firstLine = new Text({
+      text: () => "I was born in " + noun1 +" in a small town.", 
+      size: fontSize, 
+      color: "black", 
+      fontFamily: "sans-serif", 
+      textAlign: "left",
+      x: minX + 20,
+      y: topLine
+    })
+    
+    var secondLine = new Text({
+      text: () => "As I child, I ate " + noun2 +".", 
+      size: fontSize, 
+      color: "black", 
+      fontFamily: "sans-serif", 
+      textAlign: "left",
+      x: minX + 20,
+      y: firstLine.y - 30
+    })
+    
+    var thirdLine = new Text({
+      text: () => "Living " + adverb1 + ", I began to be " + verb1 + ".", 
+      size: fontSize, 
+      color: "black", 
+      fontFamily: "sans-serif", 
+      textAlign: "left",
+      x: minX + 20,
+      y: secondLine.y - 30
+    })
+    
+    var fourthLine = new Text({
+      text: () => "It's crazy: " + noun2 + " weren't as popular as " + noun3 +".", 
+      size: fontSize, 
+      color: "black", 
+      fontFamily: "sans-serif", 
+      textAlign: "left",
+      x: minX + 20,
+      y: thirdLine.y - 30
+    })
+    
+    var fifthLine = new Text({
+      text: () => "So why did I feel " + noun4 +"?", 
+      size: fontSize, 
+      color: "black", 
+      fontFamily: "sans-serif", 
+      textAlign: "left",
+      x: minX + 20,
+      y: fourthLine.y - 30
+    })
+    
+    var sixthLine = new Text({
+      text: () => "I know why. I couldn't " + verb2 + " without " + noun2 + ".",
+      size: fontSize, 
+      color: "black", 
+      fontFamily: "sans-serif", 
+      textAlign: "left",
+      x: minX + 20,
+      y: fifthLine.y - 30
+    })
+    
+    var seventhLine = new Text({
+      text: () => exclamation1 + "!", 
+      size: fontSize, 
+      color: "black", 
+      fontFamily: "sans-serif", 
+      textAlign: "left",
+      x: minX + 20,
+      y: sixthLine.y - 30
+    })
+    
+    var eigthLine = new Text({
+      text: () => number1 + " years later, I returned to " + noun5 +".", 
+      size: fontSize, 
+      color: "black", 
+      fontFamily: "sans-serif", 
+      textAlign: "left",
+      x: minX + 20,
+      y: seventhLine.y - 30
+    })
+    
+    var ninthLine = new Text({
+      text: () => "Can you believe that?",   
+      size: fontSize, 
+      color: "black", 
+      fontFamily: "sans-serif", 
+      textAlign: "left",
+      x: minX + 20,
+      y: eigthLine.y - 30
+    })
+    
+    var tenthLine = new Text({
+      text: () => "It's such a " + adjective1 +" story, I know.",   
+      size: fontSize, 
+      color: "black", 
+      fontFamily: "sans-serif", 
+      textAlign: "left",
+      x: minX + 20,
+      y: ninthLine.y - 30
+    })
+    
+    var book = new Image({
+      url: "../images/woof-libs-book.png",
+    })
+    
+    var dancers = new Image({
+      url: "../images/woof-libs-dancers.png",
+      y: firstLine.y,
+      x: maxX - 100
+    })
+    
+    var powerMan = new Image({
+      url: "../images/woof-libs-powerman.png",
+      y: sixthLine.y,
+      x: 200
+    })
+    
+    buttonFront.onMouseDown(() => {
+      askQuestions();
+    })
+    </script>
+</head>
+<body>
+    
+</body>
\ No newline at end of file
diff --git a/woof/images/woof-libs-book.png b/woof/images/woof-libs-book.png
new file mode 100644
index 00000000..481c3500
Binary files /dev/null and b/woof/images/woof-libs-book.png differ
diff --git a/woof/images/woof-libs-dancers.png b/woof/images/woof-libs-dancers.png
new file mode 100644
index 00000000..324e42f5
Binary files /dev/null and b/woof/images/woof-libs-dancers.png differ
diff --git a/woof/images/woof-libs-powerman.png b/woof/images/woof-libs-powerman.png
new file mode 100644
index 00000000..82688271
Binary files /dev/null and b/woof/images/woof-libs-powerman.png differ
diff --git a/woof/images/woof-libs-screenshot.png b/woof/images/woof-libs-screenshot.png
new file mode 100644
index 00000000..c9ad6bd5
Binary files /dev/null and b/woof/images/woof-libs-screenshot.png differ
diff --git a/woof/index.html b/woof/index.html
index bedf5e27..8327e2ce 100644
--- a/woof/index.html
+++ b/woof/index.html
@@ -108,6 +108,12 @@ <h1>Level 1</h1>
           <div>Fly Trap</div>
         </a>
       </div>
+      <div class="project-block">
+        <a href="./woof-libs.html">
+          <img class="project-image" src="./images/woof-libs-screenshot.png">
+          <div>Woof Libs</div>
+        </a>
+      </div>
     </div>
   </div>
 
diff --git a/woof/snippets/woof-libs-step1.html b/woof/snippets/woof-libs-step1.html
new file mode 100644
index 00000000..7be2d321
--- /dev/null
+++ b/woof/snippets/woof-libs-step1.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <script src="https://cdn.rawgit.com/stevekrouse/WoofJS/cb6d0621/dist/woof.js"></script>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width">
+  <title>Woof Libs Step 1</title>
+</head>
+<body>
+
+<script>
+var topLine = maxY - 100
+
+var buttonFront = new Rectangle({
+  width: 200, 
+  height: 55, 
+  color: "pink",
+  y: topLine + 50,
+  x: minX + 120
+})
+
+var buttonBack = new Rectangle({
+  width: 210, 
+  height: 65, 
+  color: "black",
+  y: topLine + 50,
+  x: minX + 120
+})
+buttonBack.sendToBack()
+
+var buttonText = new Text({
+  text: () => "Press Me!", 
+  size: 30, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  y: topLine + 52,
+  x: minX + 50
+})
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/woof/snippets/woof-libs-step2.html b/woof/snippets/woof-libs-step2.html
new file mode 100644
index 00000000..2360c601
--- /dev/null
+++ b/woof/snippets/woof-libs-step2.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <script src="https://cdn.rawgit.com/stevekrouse/WoofJS/cb6d0621/dist/woof.js"></script>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width">
+  <title>Woof Libs Step 2</title>
+</head>
+<body>
+
+<script>
+var topLine = maxY - 100
+var fontSize = 20
+var noun1 = "___________"
+
+var buttonFront = new Rectangle({
+  width: 200, 
+  height: 55, 
+  color: "pink",
+  y: topLine + 50,
+  x: minX + 120
+})
+
+var buttonBack = new Rectangle({
+  width: 210, 
+  height: 65, 
+  color: "black",
+  y: topLine + 50,
+  x: minX + 120
+})
+buttonBack.sendToBack()
+
+var buttonText = new Text({
+  text: () => "Press Me!", 
+  size: 30, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  y: topLine + 52,
+  x: minX + 50
+})
+
+var firstLine = new Text({
+  text: () => "I was born in " + noun1 +".", 
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: topLine
+})
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/woof/snippets/woof-libs-step3.html b/woof/snippets/woof-libs-step3.html
new file mode 100644
index 00000000..2d33e3df
--- /dev/null
+++ b/woof/snippets/woof-libs-step3.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <script src="https://cdn.rawgit.com/stevekrouse/WoofJS/cb6d0621/dist/woof.js"></script>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width">
+  <title>Woof Libs Step 3</title>
+</head>
+<body>
+
+<script>
+var topLine = maxY - 100
+var fontSize = 20
+var noun1 = "___________"
+
+var buttonFront = new Rectangle({
+  width: 200, 
+  height: 55, 
+  color: "pink",
+  y: topLine + 50,
+  x: minX + 120
+})
+
+var buttonBack = new Rectangle({
+  width: 210, 
+  height: 65, 
+  color: "black",
+  y: topLine + 50,
+  x: minX + 120
+})
+buttonBack.sendToBack()
+
+var buttonText = new Text({
+  text: () => "Press Me!", 
+  size: 30, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  y: topLine + 52,
+  x: minX + 50
+})
+
+var firstLine = new Text({
+  text: () => "I was born in " + noun1 +".", 
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: topLine
+})
+
+function askQuestions() {
+  noun1 = prompt("Enter a year.")
+}
+
+buttonFront.onMouseDown(() => {
+  askQuestions();
+})
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/woof/snippets/woof-libs-step4.html b/woof/snippets/woof-libs-step4.html
new file mode 100644
index 00000000..f4f2d96b
--- /dev/null
+++ b/woof/snippets/woof-libs-step4.html
@@ -0,0 +1,177 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <script src="https://cdn.rawgit.com/stevekrouse/WoofJS/cb6d0621/dist/woof.js"></script>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width">
+  <title>Woof Libs Step 4</title>
+</head>
+<body>
+
+<script>
+setBackdropColor("white")
+
+var noun1 = "___________"
+var adverb1 =  "___________ "
+var adjective1 =  "___________ "
+var noun2 = "___________"
+var verb1 = "___________"
+var noun3 = "___________"
+var noun4 = "___________"
+var verb2 = "___________"
+var exclamation1 = "___________"
+var number1 = "___________"
+var verb3 = "___________"
+var noun5 = "___________"
+var topLine = maxY - 100
+var fontSize = 20
+
+var buttonFront = new Rectangle({
+  width: 200, 
+  height: 55, 
+  color: "pink",
+  y: topLine + 50,
+  x: minX + 120
+})
+
+var buttonBack = new Rectangle({
+  width: 210, 
+  height: 65, 
+  color: "black",
+  y: topLine + 50,
+  x: minX + 120
+})
+buttonBack.sendToBack()
+
+var buttonText = new Text({
+  text: () => "Press Me!", 
+  size: 30, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  y: topLine + 52,
+  x: minX + 50
+})
+
+function askQuestions() {
+  noun1 = prompt("Enter a year.")
+  noun2 = prompt("Enter a plural noun.")
+  adverb1 = prompt("Enter an adverb.")
+  verb1 = prompt("Enter a past tense verb.")
+  noun3 = prompt("Enter a plural noun.")
+  noun4 = prompt("Enter a feeling.")
+  verb2 = prompt("Enter a present tense verb.")
+  exclamation1 = prompt("Enter an exclamation.")
+  number1 = prompt("Enter a number.")
+  verb3 = prompt("Enter a past tense verb.")
+  noun5 = prompt("Enter a place.")
+  adjective1 = prompt("Enter an adjective.")
+}
+
+var firstLine = new Text({
+  text: () => "I was born in " + noun1 +" in a small town.", 
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: topLine
+})
+
+var secondLine = new Text({
+  text: () => "As I child, I ate " + noun2 +".", 
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: firstLine.y - 30
+})
+
+var thirdLine = new Text({
+  text: () => "Living " + adverb1 + ", I began to be " + verb1 + ".", 
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: secondLine.y - 30
+})
+
+var fourthLine = new Text({
+  text: () => "It's crazy: " + noun2 + " weren't as popular as " + noun3 +".", 
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: thirdLine.y - 30
+})
+
+var fifthLine = new Text({
+  text: () => "So why did I feel " + noun4 +"?", 
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: fourthLine.y - 30
+})
+
+var sixthLine = new Text({
+  text: () => "I know why. I couldn't " + verb2 + " without " + noun2 + ".",
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: fifthLine.y - 30
+})
+
+var seventhLine = new Text({
+  text: () => exclamation1 + "!", 
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: sixthLine.y - 30
+})
+
+var eigthLine = new Text({
+  text: () => number1 + " years later, I returned to " + noun5 +".", 
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: seventhLine.y - 30
+})
+
+var ninthLine = new Text({
+  text: () => "Can you believe that?",   
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: eigthLine.y - 30
+})
+
+var tenthLine = new Text({
+  text: () => "It's such a " + adjective1 +" story, I know.",   
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: ninthLine.y - 30
+})
+
+buttonFront.onMouseDown(() => {
+  askQuestions();
+})
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/woof/snippets/woof-libs-step5.html b/woof/snippets/woof-libs-step5.html
new file mode 100644
index 00000000..45423ee4
--- /dev/null
+++ b/woof/snippets/woof-libs-step5.html
@@ -0,0 +1,193 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <script src="https://cdn.rawgit.com/stevekrouse/WoofJS/cb6d0621/dist/woof.js"></script>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width">
+  <title>Woof Libs Step 5</title>
+</head>
+<body>
+
+<script>
+setBackdropColor("white")
+
+var noun1 = "___________"
+var adverb1 =  "___________ "
+var adjective1 =  "___________ "
+var noun2 = "___________"
+var verb1 = "___________"
+var noun3 = "___________"
+var noun4 = "___________"
+var verb2 = "___________"
+var exclamation1 = "___________"
+var number1 = "___________"
+var verb3 = "___________"
+var noun5 = "___________"
+var topLine = maxY - 100
+var fontSize = 20
+
+var buttonFront = new Rectangle({
+  width: 200, 
+  height: 55, 
+  color: "pink",
+  y: topLine + 50,
+  x: minX + 120
+})
+
+var buttonBack = new Rectangle({
+  width: 210, 
+  height: 65, 
+  color: "black",
+  y: topLine + 50,
+  x: minX + 120
+})
+buttonBack.sendToBack()
+
+var buttonText = new Text({
+  text: () => "Press Me!", 
+  size: 30, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  y: topLine + 52,
+  x: minX + 50
+})
+
+function askQuestions() {
+  noun1 = prompt("Enter a year.")
+  noun2 = prompt("Enter a plural noun.")
+  adverb1 = prompt("Enter an adverb.")
+  verb1 = prompt("Enter a past tense verb.")
+  noun3 = prompt("Enter a plural noun.")
+  noun4 = prompt("Enter a feeling.")
+  verb2 = prompt("Enter a present tense verb.")
+  exclamation1 = prompt("Enter an exclamation.")
+  number1 = prompt("Enter a number.")
+  verb3 = prompt("Enter a past tense verb.")
+  noun5 = prompt("Enter a place.")
+  adjective1 = prompt("Enter an adjective.")
+}
+
+var firstLine = new Text({
+  text: () => "I was born in " + noun1 +" in a small town.", 
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: topLine
+})
+
+var secondLine = new Text({
+  text: () => "As I child, I ate " + noun2 +".", 
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: firstLine.y - 30
+})
+
+var thirdLine = new Text({
+  text: () => "Living " + adverb1 + ", I began to be " + verb1 + ".", 
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: secondLine.y - 30
+})
+
+var fourthLine = new Text({
+  text: () => "It's crazy: " + noun2 + " weren't as popular as " + noun3 +".", 
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: thirdLine.y - 30
+})
+
+var fifthLine = new Text({
+  text: () => "So why did I feel " + noun4 +"?", 
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: fourthLine.y - 30
+})
+
+var sixthLine = new Text({
+  text: () => "I know why. I couldn't " + verb2 + " without " + noun2 + ".",
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: fifthLine.y - 30
+})
+
+var seventhLine = new Text({
+  text: () => exclamation1 + "!", 
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: sixthLine.y - 30
+})
+
+var eigthLine = new Text({
+  text: () => number1 + " years later, I returned to " + noun5 +".", 
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: seventhLine.y - 30
+})
+
+var ninthLine = new Text({
+  text: () => "Can you believe that?",   
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: eigthLine.y - 30
+})
+
+var tenthLine = new Text({
+  text: () => "It's such a " + adjective1 +" story, I know.",   
+  size: fontSize, 
+  color: "black", 
+  fontFamily: "sans-serif", 
+  textAlign: "left",
+  x: minX + 20,
+  y: ninthLine.y - 30
+})
+
+var book = new Image({
+  url: "../images/woof-libs-book.png",
+})
+    
+var dancers = new Image({
+  url: "../images/woof-libs-dancers.png",
+  y: firstLine.y,
+  x: maxX - 100
+})
+    
+var powerMan = new Image({
+  url: "../images/woof-libs-powerman.png",
+  y: sixthLine.y,
+  x: 200
+})
+
+buttonFront.onMouseDown(() => {
+  askQuestions();
+})
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/woof/woof-libs.html b/woof/woof-libs.html
new file mode 100644
index 00000000..b4ce08b9
--- /dev/null
+++ b/woof/woof-libs.html
@@ -0,0 +1,32 @@
+<link href="./projects.css" rel="stylesheet">
+<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+<h1><a href="./index.html"><span class="glyphicon glyphicon-arrow-left"></span></a>Woof Libs</h1>
+<div class="container">
+	<div class="block">
+		<p>In this project, you will create an interactive story game. Let your creativity flow!</p>
+		<br><a target="_blank" href="./code/woof-libs-code.html">Play this demo in full screen.</a>
+	</div>
+	<div class="block">
+		<p>1) Use shapes and a text sprite to make a button that the user will press to start the game. </p>
+		<br><a target="_blank" href="./snippets/woof-libs-step1.html">Play this demo in full screen.</a>
+	</div>
+	<div class="block">
+		<p>2) Make a text sprite that displays a sentence with one or more blanks. </p>
+		<br><a target="_blank" href="./snippets/woof-libs-step2.html">Play this demo in full screen.</a>
+	</div>
+
+	<div class="block">
+		<p>3) Make it so that when the button is pressed, your program asks the user to input something for the blank. Input that answer into the blanks in your sentence. </p>
+		<br><a target="_blank" href="./snippets/woof-libs-step3.html">Play this demo in full screen.</a>
+	</div>
+
+	<div class="block">
+		<p>4) Repeat that process until you have a full story. </p>
+		<br><a target="_blank" href="./snippets/woof-libs-step4.html">Play this demo in full screen.</a>
+	</div>
+
+	<div class="block">
+		<p>5) Add some decorations to make your game look better.</p>
+		<br><a target="_blank" href="./snippets/woof-libs-step5.html">Play this demo in full screen.</a>
+	</div>
+</div>
