diff --git a/assets/Bases/birdBase.svg b/assets/Bases/birdBase.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0c772b10e8a4eee0626b0a7646f9dc386fa3ab53
--- /dev/null
+++ b/assets/Bases/birdBase.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="3456px" height="6912px" viewBox="0 0 3456 6912" enable-background="new 0 0 3456 6912" xml:space="preserve">
+<rect x="432" y="288" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" width="2016" height="2016"/>
+<line opacity="0.5" fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="432" y1="288" x2="2448" y2="2304"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="864" y1="1296" x2="2016" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="1440" y1="720" x2="1440" y2="1872"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="432" y1="288" x2="1440" y2="720"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2448" y1="288" x2="1440" y2="720"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2448" y1="288" x2="2016" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2448" y1="2304" x2="2016" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2448" y1="2304" x2="1440" y2="1872"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="432" y1="2304" x2="1440" y2="1872"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="432" y1="2304" x2="864" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="432" y1="288" x2="864" y2="1296"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="864" y1="1296" x2="432" y2="1296"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="2016" y1="1296" x2="2448" y2="1296"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="1440" y1="720" x2="1440" y2="288"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="1440" y1="1872" x2="1440" y2="2304"/>
+<line opacity="0.5" fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="432" y1="2304" x2="2448" y2="288"/>
+</svg>
diff --git a/assets/Bases/boatBase.svg b/assets/Bases/boatBase.svg
new file mode 100644
index 0000000000000000000000000000000000000000..820451b68deda1eab70175fd69f571eafd460e43
--- /dev/null
+++ b/assets/Bases/boatBase.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="3456px" height="6912px" viewBox="0 0 3456 6912" enable-background="new 0 0 3456 6912" xml:space="preserve">
+<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="515.823" y1="521.176" x2="2068.766" y2="521.176"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="1680.529" y1="909.411" x2="2068.766" y2="909.411"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="515.823" y1="909.411" x2="904.059" y2="909.411"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="515.823" y1="1297.646" x2="2068.766" y2="1297.646"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="1680.529" y1="1685.882" x2="2068.766" y2="1685.882"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="515.823" y1="1685.882" x2="904.059" y2="1685.882"/>
+<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="515.823" y1="2074.117" x2="2068.766" y2="2074.117"/>
+<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="515.824" y1="2074.117" x2="515.823" y2="521.176"/>
+<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="2068.766" y1="2074.117" x2="2068.766" y2="521.176"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="904.059" y1="1685.882" x2="1680.529" y2="1685.882"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="904.059" y1="909.411" x2="1680.529" y2="909.411"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="515.823" y1="1297.646" x2="904.059" y2="909.411"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="515.823" y1="521.176" x2="904.059" y2="909.411"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2068.766" y1="1297.646" x2="1680.529" y2="909.411"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2068.766" y1="521.176" x2="1680.529" y2="909.411"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2068.766" y1="2074.117" x2="1680.529" y2="1685.882"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2068.766" y1="1297.646" x2="1680.529" y2="1685.882"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="515.823" y1="2074.117" x2="904.059" y2="1685.882"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="515.823" y1="1297.646" x2="904.059" y2="1685.882"/>
+</svg>
diff --git a/assets/Bases/frogBase.svg b/assets/Bases/frogBase.svg
new file mode 100644
index 0000000000000000000000000000000000000000..adeba01ff76d4d27b2389a3a9654ae5e29e49fc0
--- /dev/null
+++ b/assets/Bases/frogBase.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="3456px" height="6912px" viewBox="0 0 3456 6912" enable-background="new 0 0 3456 6912" xml:space="preserve">
+<rect x="432" y="288" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" width="2016" height="2016"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="432" y1="288" x2="1137.6" y2="590.398"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2448" y1="288" x2="1742.4" y2="590.398"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2448" y1="288" x2="2145.6" y2="993.6"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2448" y1="2304" x2="2145.602" y2="1598.4"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2448" y1="2304" x2="1742.4" y2="2001.601"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="432" y1="2304" x2="1137.6" y2="2001.6"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="432" y1="2304" x2="734.4" y2="1598.4"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="432" y1="288" x2="734.4" y2="993.602"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="734.398" y1="993.6" x2="432" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="1440" y1="288" x2="1137.6" y2="590.4"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="1137.604" y1="2001.604" x2="1440" y2="2304"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="432" y1="1296" x2="734.4" y2="1598.4"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2145.6" y1="1598.398" x2="2448" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="1440" y1="2304" x2="1742.4" y2="2001.6"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="1742.4" y1="590.4" x2="1440" y2="288"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2448" y1="1296" x2="2145.604" y2="993.604"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="1137.6" y1="590.4" x2="1440" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="1742.4" y1="590.4" x2="1440" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="734.4" y1="993.6" x2="1440" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="1137.6" y1="2001.6" x2="1440" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="734.4" y1="1598.4" x2="1440" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="1742.4" y1="2001.6" x2="1440" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2145.6" y1="1598.4" x2="1440" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2145.6" y1="993.6" x2="1440" y2="1296"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" enable-background="new " x1="432" y1="288" x2="2448" y2="2304"/>
+<line opacity="0.5" fill="none" stroke="#0000FF" stroke-miterlimit="10" enable-background="new " x1="864" y1="1296" x2="2016" y2="1296"/>
+<line opacity="0.5" fill="none" stroke="#0000FF" stroke-miterlimit="10" enable-background="new " x1="1440" y1="720" x2="1440" y2="1872"/>
+<line opacity="0.5" fill="none" stroke="#0000FF" stroke-miterlimit="10" enable-background="new " x1="864" y1="1296" x2="432" y2="1296"/>
+<line opacity="0.5" fill="none" stroke="#0000FF" stroke-miterlimit="10" enable-background="new " x1="2016" y1="1296" x2="2448" y2="1296"/>
+<line opacity="0.5" fill="none" stroke="#0000FF" stroke-miterlimit="10" enable-background="new " x1="1440" y1="720" x2="1440" y2="288"/>
+<line opacity="0.5" fill="none" stroke="#0000FF" stroke-miterlimit="10" enable-background="new " x1="1440" y1="1872" x2="1440" y2="2304"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" enable-background="new " x1="432" y1="2304" x2="2448" y2="288"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="1137.6" y1="590.4" x2="1137.6" y2="288"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="1742.4" y1="590.4" x2="1742.4" y2="288"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="2145.6" y1="993.6" x2="2448" y2="993.6"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="2145.6" y1="1598.4" x2="2448" y2="1598.4"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="1742.4" y1="2001.6" x2="1742.4" y2="2304"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="1137.6" y1="2001.6" x2="1137.6" y2="2304"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="734.4" y1="1598.4" x2="432" y2="1598.4"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="734.4" y1="993.6" x2="432" y2="993.6"/>
+</svg>
diff --git a/assets/Bases/squareBase.svg b/assets/Bases/squareBase.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6d6aa567f380b6be687840c0792f5adca61004e5
--- /dev/null
+++ b/assets/Bases/squareBase.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="3456px" height="6912px" viewBox="0 0 3456 6912" enable-background="new 0 0 3456 6912" xml:space="preserve">
+<rect x="432" y="288" fill="none" stroke="#000000" stroke-miterlimit="10" width="2016" height="2016"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="1440" y1="2304" x2="1440" y2="288"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2448" y1="1296" x2="432" y2="1296"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="432" y1="2304" x2="2448" y2="288"/>
+</svg>
diff --git a/assets/Bases/waterbombBase.svg b/assets/Bases/waterbombBase.svg
new file mode 100644
index 0000000000000000000000000000000000000000..67dfb4efa7e44302f7838cbb3f7c1e77e87ed79f
--- /dev/null
+++ b/assets/Bases/waterbombBase.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="3456px" height="6912px" viewBox="0 0 3456 6912" enable-background="new 0 0 3456 6912" xml:space="preserve">
+<rect x="432" y="288" fill="none" stroke="#000000" stroke-miterlimit="10" width="2016" height="2016"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="432" y1="288" x2="2448" y2="2304"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2448" y1="288" x2="432" y2="2304"/>
+<line opacity="0.5" fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="432" y1="1296" x2="2448" y2="1296"/>
+<line opacity="0.5" fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="1440" y1="288" x2="1440" y2="2304"/>
+</svg>
diff --git a/assets/Origami/flappingBird.svg b/assets/Origami/flappingBird.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f217c330d082dc77398eae7d02fe45085de309d5
--- /dev/null
+++ b/assets/Origami/flappingBird.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="3456px" height="6912px" viewBox="0 0 3456 6912" enable-background="new 0 0 3456 6912" xml:space="preserve">
+<rect x="432" y="288" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" width="2016" height="2016"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="864" y1="1296" x2="2016" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="1440" y1="720" x2="1440" y2="1872"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="432" y1="288" x2="1440" y2="720"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2448" y1="288" x2="1440" y2="720"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2448" y1="288" x2="2016" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2448" y1="2304" x2="2016" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2448" y1="2304" x2="1440" y2="1872"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="432" y1="2304" x2="1440" y2="1872"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="432" y1="2304" x2="864" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="432" y1="288" x2="864" y2="1296"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="1440" y1="720" x2="2016" y2="1296"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="864" y1="1296" x2="1440" y2="1872"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="800.78" y1="1148.488" x2="1152" y2="1008"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="1292.488" y1="656.781" x2="1152" y2="1008"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="1587.512" y1="1935.22" x2="1728" y2="1584"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="2079.22" y1="1443.513" x2="1728" y2="1584"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="1292.488" y1="656.781" x2="1440" y2="288"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="800.78" y1="1148.488" x2="432" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="2079.22" y1="1443.513" x2="2448" y2="1296"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="1587.512" y1="1935.22" x2="1440" y2="2304"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="1152" y1="1008" x2="1728" y2="1584"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="1728" y1="1584" x2="2448" y2="2304"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="1152" y1="1008" x2="648" y2="504"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="432" y1="597.595" x2="524.571" y2="504"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="524.571" y1="504" x2="648" y2="504"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="741.595" y1="288" x2="648" y2="380.571"/>
+<line fill="none" stroke="#FF0000" stroke-miterlimit="10" x1="648" y1="380.571" x2="648" y2="504"/>
+<line fill="none" stroke="#0000FF" stroke-miterlimit="10" x1="432" y1="288" x2="648" y2="504"/>
+</svg>
diff --git a/index.html b/index.html
index 435672276239d28facd4af79db6d1b0b66a10142..e920cefaa18f03912929003ad759b5684f8eaeb2 100755
--- a/index.html
+++ b/index.html
@@ -569,6 +569,7 @@
<li class="dropdown-submenu">
<a tabindex="-1">Origami<span class="pull-right fui-arrow-right"></span></a>
<ul class="dropdown-menu">
+ <li><a href="#" class="demo" data-url="Origami/flappingBird.svg">Flapping Bird</a></li>
<li><a href="#" class="demo" data-url="Origami/randlettflappingbird.svg">Randlett Flapping Bird</a></li>
<li><a href="#" class="demo" data-url="Origami/hypar.svg">Hypar</a></li>
<li><a href="#" class="demo" data-url="Origami/singlesquaretwist.svg">Square Twist (single)</a></li>
@@ -602,6 +603,16 @@
<li><a href="#" class="demo" data-url="Curved/huffmanTower.svg">Huffman Tower</a></li>
</ul>
</li>
+ <li class="dropdown-submenu">
+ <a tabindex="-1">Bases<span class="pull-right fui-arrow-right"></span></a>
+ <ul class="dropdown-menu">
+ <li><a href="#" class="demo" data-url="Bases/birdBase.svg">Bird Base</a></li>
+ <li><a href="#" class="demo" data-url="Bases/frogBase.svg">Frog Base</a></li>
+ <li><a href="#" class="demo" data-url="Bases/boatBase.svg">Boat Base</a></li>
+ <li><a href="#" class="demo" data-url="Bases/squareBase.svg">Square Base</a></li>
+ <li><a href="#" class="demo" data-url="Bases/waterbombBase.svg">Waterbomb Base</a></li>
+ </ul>
+ </li>
<li class="dropdown-submenu">
<a tabindex="-1">Simple Folds<span class="pull-right fui-arrow-right"></span></a>
<ul class="dropdown-menu">