From 15ee5146daaa6a8f5d64f34bf3c6a154ef5104b2 Mon Sep 17 00:00:00 2001
From: tomjohnson1492 <tomjohnson1492@gmail.com>
Date: Thu, 2 Jun 2016 22:23:24 -0700
Subject: [PATCH] demo of complex user map content

---
 _data/sidebars/product2_sidebar.yml  | 16 ++++-
 _data/urls.yml                       | 59 ++++++++++++++++--
 _includes/custom/usermapcomplex.html | 93 +++++++++-------------------
 css/customstyles.css                 |  9 +++
 product2/p2_sample10.md              |  3 +-
 product2/p2_sample11.md              |  3 +-
 product2/p2_sample12.md              |  4 ++
 product2/p2_sample13.md              |  4 ++
 product2/p2_sample14.md              |  4 ++
 product2/p2_sample6.md               |  5 +-
 product2/p2_sample7.md               |  1 +
 product2/p2_sample8.md               |  3 +-
 product2/p2_sample9.md               |  3 +-
 13 files changed, 130 insertions(+), 77 deletions(-)

diff --git a/_data/sidebars/product2_sidebar.yml b/_data/sidebars/product2_sidebar.yml
index 2c1ad8a..54d0423 100644
--- a/_data/sidebars/product2_sidebar.yml
+++ b/_data/sidebars/product2_sidebar.yml
@@ -24,7 +24,7 @@ entries:
     output: web, pdf
     folderitems:
 
-    - title: Product 2 home
+    - title: Simple Workflow
       url: /p2_landing_page/
       output: web
 
@@ -48,7 +48,7 @@ entries:
       url: /p2_sample5/
       output: web, pdf
 
-  - title: Another heading
+  - title: Complex Workflow
     output: web, pdf
     folderitems:
 
@@ -75,3 +75,15 @@ entries:
     - title: Sample 11
       url: /p2_sample11/
       output: web, pdf
+
+    - title: Sample 12
+      url: /p2_sample12/
+      output: web, pdf
+
+    - title: Sample 13
+      url: /p2_sample13/
+      output: web, pdf
+
+    - title: Sample 14
+      url: /p2_sample14/
+      output: web, pdf
diff --git a/_data/urls.yml b/_data/urls.yml
index 946d91d..12fd3a7 100644
--- a/_data/urls.yml
+++ b/_data/urls.yml
@@ -468,9 +468,9 @@ p1_sample7:
 
  
 p2_landing_page:
-  title: "Product 2 home"
+  title: "Simple Workflow"
   url: /documentation-theme-jekyll/p2_landing_page/
-  link: <a href="/documentation-theme-jekyll/p2_landing_page/">Product 2 home</a>
+  link: <a href="/documentation-theme-jekyll/p2_landing_page/">Simple Workflow</a>
 
 
  
@@ -487,8 +487,6 @@ p2_sample2:
   link: <a href="/documentation-theme-jekyll/p2_sample2/">Sample 2</a>
 
 
-
-
  
 p2_sample3:
   title: "Sample 3"
@@ -503,8 +501,6 @@ p2_sample4:
   link: <a href="/documentation-theme-jekyll/p2_sample4/">Sample 4</a>
 
 
-
-
  
 p2_sample5:
   title: "Sample 5"
@@ -512,6 +508,8 @@ p2_sample5:
   link: <a href="/documentation-theme-jekyll/p2_sample5/">Sample 5</a>
 
 
+
+
  
 p2_sample6:
   title: "Sample 6"
@@ -526,6 +524,55 @@ p2_sample7:
   link: <a href="/documentation-theme-jekyll/p2_sample7/">Sample 7</a>
 
 
+ 
+p2_sample8:
+  title: "Sample 8"
+  url: /documentation-theme-jekyll/p2_sample8/
+  link: <a href="/documentation-theme-jekyll/p2_sample8/">Sample 8</a>
+
+
+ 
+p2_sample9:
+  title: "Sample 9"
+  url: /documentation-theme-jekyll/p2_sample9/
+  link: <a href="/documentation-theme-jekyll/p2_sample9/">Sample 9</a>
+
+
+ 
+p2_sample10:
+  title: "Sample 10"
+  url: /documentation-theme-jekyll/p2_sample10/
+  link: <a href="/documentation-theme-jekyll/p2_sample10/">Sample 10</a>
+
+
+ 
+p2_sample11:
+  title: "Sample 11"
+  url: /documentation-theme-jekyll/p2_sample11/
+  link: <a href="/documentation-theme-jekyll/p2_sample11/">Sample 11</a>
+
+
+ 
+p2_sample12:
+  title: "Sample 12"
+  url: /documentation-theme-jekyll/p2_sample12/
+  link: <a href="/documentation-theme-jekyll/p2_sample12/">Sample 12</a>
+
+
+ 
+p2_sample13:
+  title: "Sample 13"
+  url: /documentation-theme-jekyll/p2_sample13/
+  link: <a href="/documentation-theme-jekyll/p2_sample13/">Sample 13</a>
+
+
+ 
+p2_sample14:
+  title: "Sample 14"
+  url: /documentation-theme-jekyll/p2_sample14/
+  link: <a href="/documentation-theme-jekyll/p2_sample14/">Sample 14</a>
+
+
 
 
 
diff --git a/_includes/custom/usermapcomplex.html b/_includes/custom/usermapcomplex.html
index d032402..c655d27 100644
--- a/_includes/custom/usermapcomplex.html
+++ b/_includes/custom/usermapcomplex.html
@@ -1,10 +1,7 @@
-
 <div id="userMap">
 
     <!-- Button trigger modal -->
-<button type="button" class="btn btn-default btn-lg modalButton1" data-toggle="modal" data-target="#myModal1">
- Step 1
-</button>
+<button type="button" class="btn btn-default btn-lg modalButton1" data-toggle="modal" data-target="#myModal1">Get Started</button>
 
     <!-- Modal -->
     <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
@@ -12,10 +9,18 @@
         <div class="modal-content">
           <div class="modal-header">
             <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-            <h4 class="modal-title" id="myModalLabel">Step 1</h4>
+            <h4 class="modal-title" id="myModalLabel">Get Started</h4>
           </div>
           <div class="modal-body">
-            ...
+<p>This is just dummy text ... Your first steps should be to get started. You will need to do the following:</p>
+
+    <ul>
+        <li>{{site.data.urls.p2_sample6.link}}</li>
+        <li>{{site.data.urls.p2_sample7.link}}</li>
+        <li>{{site.data.urls.p2_sample8.link}}</li>
+    </ul>
+    <p>If you run into any of these setup issues, you must solve them before you can continue on.</p>
+
           </div>
           <div class="modal-footer">
             <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
@@ -26,19 +31,24 @@
             <span class="complexArrow">→</span>
 
             <!-- Button trigger modal -->
-            <button type="button" class="btn btn-default btn-lg modalButton2" data-toggle="modal" data-target="#myModal2">
-             Step 2
-            </button>
+            <button type="button" class="btn btn-default btn-lg modalButton2" data-toggle="modal" data-target="#myModal2">Build your widgets</button>
             <!-- Modal -->
             <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
               <div class="modal-dialog" role="document">
                 <div class="modal-content">
                   <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title" id="myModalLabel">Step 2</h4>
+                    <h4 class="modal-title" id="myModalLabel">Build your widgets</h4>
                   </div>
                   <div class="modal-body">
-                    ...
+                    <p>In this step, you will build the widgets for your system. The widgets form the various components that blah blah blah this is dummy text power the nuclear capabilities of your energy transformer into deep space using wormhole technology and warp drive speeds.</p>
+
+                    <p>In order to configure your widgets, you will need to follow these topics:</p>
+                    <ul>
+                        <li>{{site.data.urls.p2_sample9.link}}</li>
+                        <li>{{site.data.urls.p2_sample10.link}}</li>
+                        <li>{{site.data.urls.p2_sample11.link}}</li>
+                    </ul>
                   </div>
                   <div class="modal-footer">
                     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
@@ -50,19 +60,23 @@
             <span class="complexArrow">→</span>
 
             <!-- Button trigger modal -->
-<button type="button" class="btn btn-default btn-lg modalButton3" data-toggle="modal" data-target="#myModal3">
-Step 3
-</button>
+<button type="button" class="btn btn-default btn-lg modalButton3" data-toggle="modal" data-target="#myModal3">Publish your app</button>
             <!-- Modal -->
             <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
               <div class="modal-dialog" role="document">
                 <div class="modal-content">
                   <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title" id="myModalLabel">Step 3</h4>
+                    <h4 class="modal-title" id="myModalLabel">Publish your app</h4>
                   </div>
                   <div class="modal-body">
-                    ...
+                    <p>After you've configured all the necessary components to build your space transformer, you need to publish your app. Of course this content is also just dummy text. Pay no particular attention to the content but rather the format and placement of the map.</p>
+                    <p>To publish your app, see the following:
+                        <ul>
+                            <li>{{site.data.urls.p2_sample12.link}}</li>
+                            <li>{{site.data.urls.p2_sample13.link}}</li>
+                            <li>{{site.data.urls.p2_sample14.link}}</li>
+                        </ul>
                   </div>
                   <div class="modal-footer">
                     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
@@ -71,53 +85,6 @@ Step 3
               </div>
             </div>
 
-            <span class="complexArrow">→</span>
-
-            <!-- Button trigger modal -->
-<button type="button" class="btn btn-default btn-lg modalButton4" data-toggle="modal" data-target="#myModal4">
-  Step 4
-</button>
-            <!-- Modal -->
-            <div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
-              <div class="modal-dialog" role="document">
-                <div class="modal-content">
-                  <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title" id="myModalLabel">Step 4</h4>
-                  </div>
-                  <div class="modal-body">
-                    ...
-                  </div>
-                  <div class="modal-footer">
-                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
-                  </div>
-                </div>
-              </div>
-            </div>
-
-            <span class="complexArrow">→</span>
-
-            <!-- Button trigger modal -->
-<button type="button" class="btn btn-default btn-lg modalButton5" data-toggle="modal" data-target="#myModal5">
- Step 5
-</button>
-            <!-- Modal -->
-            <div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
-              <div class="modal-dialog" role="document">
-                <div class="modal-content">
-                  <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title" id="myModalLabel">Step 5</h4>
-                  </div>
-                  <div class="modal-body">
-                    ...
-                  </div>
-                  <div class="modal-footer">
-                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
-                  </div>
-                </div>
-              </div>
-            </div>
 
 <div class="clearfix"></div>
 
diff --git a/css/customstyles.css b/css/customstyles.css
index fa9f377..097b08a 100644
--- a/css/customstyles.css
+++ b/css/customstyles.css
@@ -1126,3 +1126,12 @@ div.box.box1 {
 #userMap .btn-lg .active {
     background-color: #d6f5d6;
 }
+
+#userMap .btn-lg  {
+        white-space: pre-wrap;       /* css-3 */
+        white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
+        white-space: -pre-wrap;      /* Opera 4-6 */
+        white-space: -o-pre-wrap;    /* Opera 7 */
+        word-wrap: break-word;       /* Internet Explorer 5.5+ */
+        font-size: 14px;
+    }
diff --git a/product2/p2_sample10.md b/product2/p2_sample10.md
index 3bd1bfb..941b667 100644
--- a/product2/p2_sample10.md
+++ b/product2/p2_sample10.md
@@ -6,7 +6,8 @@ sidebar: product2_sidebar
 permalink: /p2_sample10/
 map: true
 map_name: usermapcomplex
-box_number: 4
+box_number: 2
+toc: false
 ---
 
 ## Sample Content
diff --git a/product2/p2_sample11.md b/product2/p2_sample11.md
index fd48436..f29ed44 100644
--- a/product2/p2_sample11.md
+++ b/product2/p2_sample11.md
@@ -6,7 +6,8 @@ sidebar: product2_sidebar
 permalink: /p2_sample11/
 map: true
 map_name: usermapcomplex
-box_number: 5
+box_number: 2
+toc: false
 ---
 
 ## Sample Content
diff --git a/product2/p2_sample12.md b/product2/p2_sample12.md
index a30532b..cc0d6c7 100644
--- a/product2/p2_sample12.md
+++ b/product2/p2_sample12.md
@@ -4,6 +4,10 @@ keywords: sample
 summary: "This is just a sample topic..."
 sidebar: product2_sidebar
 permalink: /p2_sample12/
+map: true
+map_name: usermapcomplex
+box_number: 3
+toc: false
 ---
 
 ## Sample Content
diff --git a/product2/p2_sample13.md b/product2/p2_sample13.md
index 14e09cb..99104d5 100644
--- a/product2/p2_sample13.md
+++ b/product2/p2_sample13.md
@@ -4,6 +4,10 @@ keywords: sample
 summary: "This is just a sample topic..."
 sidebar: product2_sidebar
 permalink: /p2_sample13/
+map: true
+map_name: usermapcomplex
+box_number: 3
+toc: false
 ---
 
 
diff --git a/product2/p2_sample14.md b/product2/p2_sample14.md
index 736645d..a528f79 100644
--- a/product2/p2_sample14.md
+++ b/product2/p2_sample14.md
@@ -4,6 +4,10 @@ keywords: sample
 summary: "This is just a sample topic..."
 sidebar: product2_sidebar
 permalink: /p2_sample14/
+map: true
+map_name: usermapcomplex
+box_number: 3
+toc: false
 ---
 
 
diff --git a/product2/p2_sample6.md b/product2/p2_sample6.md
index 47c58ed..56e6f0c 100644
--- a/product2/p2_sample6.md
+++ b/product2/p2_sample6.md
@@ -5,8 +5,9 @@ summary: "This is just a sample topic..."
 sidebar: product2_sidebar
 permalink: /p2_sample6/
 map: true
-map_name: usermap
-box_number: 6
+map_name: usermapcomplex
+box_number: 1
+toc: false
 ---
 
 
diff --git a/product2/p2_sample7.md b/product2/p2_sample7.md
index f4ab305..088327f 100644
--- a/product2/p2_sample7.md
+++ b/product2/p2_sample7.md
@@ -7,6 +7,7 @@ permalink: /p2_sample7/
 map: true
 map_name: usermapcomplex
 box_number: 1
+toc: false
 ---
 
 
diff --git a/product2/p2_sample8.md b/product2/p2_sample8.md
index d9ed367..32472f5 100644
--- a/product2/p2_sample8.md
+++ b/product2/p2_sample8.md
@@ -6,7 +6,8 @@ sidebar: product2_sidebar
 permalink: /p2_sample8/
 map: true
 map_name: usermapcomplex
-box_number: 2
+box_number: 1
+toc: false
 ---
 
 
diff --git a/product2/p2_sample9.md b/product2/p2_sample9.md
index 72ababb..09a3213 100644
--- a/product2/p2_sample9.md
+++ b/product2/p2_sample9.md
@@ -6,7 +6,8 @@ sidebar: product2_sidebar
 permalink: /p2_sample9/
 map: true
 map_name: usermapcomplex
-box_number: 3
+box_number: 2
+toc: false
 ---