demo of complex user map content

This commit is contained in:
tomjohnson1492
2016-06-02 22:23:24 -07:00
parent 97335d6e70
commit 15ee5146da
13 changed files with 130 additions and 77 deletions

View File

@ -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

View File

@ -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>

View File

@ -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>

View File

@ -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;
}

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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
---

View File

@ -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
---

View File

@ -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
---

View File

@ -7,6 +7,7 @@ permalink: /p2_sample7/
map: true
map_name: usermapcomplex
box_number: 1
toc: false
---

View File

@ -6,7 +6,8 @@ sidebar: product2_sidebar
permalink: /p2_sample8/
map: true
map_name: usermapcomplex
box_number: 2
box_number: 1
toc: false
---

View File

@ -6,7 +6,8 @@ sidebar: product2_sidebar
permalink: /p2_sample9/
map: true
map_name: usermapcomplex
box_number: 3
box_number: 2
toc: false
---