%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>kampfer's mindMap</title>
<link rel="stylesheet" type="text/css" href="../css/app.css">
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../css/bootstrap-responsive.min.css">
</head>
<body>
<!-- Navbar
================================================== -->
<div class="app-vertical-nav">
<ul class="dropdown-menu">
<li><a tabindex="-1" href="#"><i class="icon-file"></i></a></li>
<li><a tabindex="-1" href="#"><i class="icon-eject"></i></a></li>
<li><a tabindex="-1" href="#"><i class="icon-plus"></i></a></li>
<li class="divider"></li>
<li class="dropdown-submenu">
<a tabindex="-1" href="#"><i class="icon-file"></i></a>
<ul class="dropdown-menu">
<li><a tabindex="-1" href="#"><i class="icon-exclamation-sign"></i> open new file</a></li>
<li><a tabindex="-1" href="#"><i class="icon-leaf"></i> open new file</a></li>
<li><a tabindex="-1" href="#"><i class="icon-folder-close"></i> open new file</a></li>
</ul>
</li>
</ul>
</div>
<!-- MapContainer
================================================== -->
<div class="app-container">
<div class="node" style="right:10px;top:50px;">
<div class="node-caption black">As a thank you, we ask you to include an optional link back to Glyphicons whenever practical.</div>
<canvas></canvas>
</div>
<div class="node" style="right:10px;top:140px;">
<div class="node-caption red">As a thank you, we ask you to include an optional link back to Glyphicons whenever practical.</div>
<canvas></canvas>
</div>
<div class="node" style="right:240px;top:50px;">
<div class="node-caption orange">As a thank you, we ask you to include an optional link back to Glyphicons whenever practical.</div>
<canvas></canvas>
</div>
<div class="node" style="right:240px;top:140px;">
<div class="node-caption green">As a thank you, we ask you to include an optional link back to Glyphicons whenever practical.</div>
<canvas></canvas>
</div>
<div class="node" style="right:470px;top:50px;">
<div class="node-caption blue">As a thank you, we ask you to include an optional link back to Glyphicons whenever practical.</div>
<canvas></canvas>
</div>
<div class="node" style="right:470px;top:140px;">
<div class="node-caption dark-blue">As a thank you, we ask you to include an optional link back to Glyphicons whenever practical.</div>
<canvas></canvas>
</div>
</div>
<!-- footer
================================================== -->
<div class="app-footer">
<div class="container">
<!--
© 2011-2012 l.w.kampfer@gmail.com
-->
<p>© 2011-2012 <a href="#">kampfer</a></p>
<a href="#" class="brand">Kampfer's MindMap</a>
</div>
</div>
<!-- save as
================================================== -->
<div style="left:350px;top:50px;" class="modal">
<div class="modal-header">
<button class="close" type="button">×</button>
<h3>Save As :</h3>
</div>
<div class="modal-body">
<p class="text-info">There are 13 maps in your localstorage.</p>
<div class="app-file-list">
<table class="table table-condensed table-hover table-striped">
<thead>
<tr>
<th>#</th>
<th>map name</th>
<th>lastModified</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td><i class="icon-file"></i> kampfer's mindmap1</td>
<td>2012-12-12</td>
</tr>
<tr>
<td>2</td>
<td><i class="icon-file"></i> kampfer's mindmap2</td>
<td>2012-12-12</td>
</tr>
<tr class="info">
<td>3</td>
<td><i class="icon-file"></i> kampfer's mindmap3</td>
<td>2012-12-12</td>
</tr>
<tr>
<td>4</td>
<td><i class="icon-file"></i> kampfer's mindmap2</td>
<td>2012-12-12</td>
</tr>
<tr>
<td>5</td>
<td><i class="icon-file"></i> kampfer's mindmap2</td>
<td>2012-12-12</td>
</tr>
<tr>
<td>6</td>
<td><i class="icon-file"></i> kampfer's mindmap2</td>
<td>2012-12-12</td>
</tr>
<tr>
<td>7</td>
<td><i class="icon-file"></i> kampfer's mindmap2</td>
<td>2012-12-12</td>
</tr>
<tr>
<td>8</td>
<td><i class="icon-file"></i> kampfer's mindmap2</td>
<td>2012-12-12</td>
</tr>
<tr>
<td>9</td>
<td><i class="icon-file"></i> kampfer's mindmap2</td>
<td>2012-12-12</td>
</tr>
<tr>
<td>10</td>
<td><i class="icon-file"></i> kampfer's mindmap2</td>
<td>2012-12-12</td>
</tr>
<tr>
<td>11</td>
<td><i class="icon-file"></i> kampfer's mindmap2</td>
<td>2012-12-12</td>
</tr>
<tr>
<td>12</td>
<td><i class="icon-file"></i> kampfer's mindmap2</td>
<td>2012-12-12</td>
</tr>
<tr>
<td>13</td>
<td><i class="icon-file"></i> kampfer's mindmap2</td>
<td>2012-12-12</td>
</tr>
<tr>
<td>14</td>
<td><i class="icon-file"></i> kampfer's mindmap2</td>
<td>2012-12-12</td>
</tr>
<tr>
<td>15</td>
<td><i class="icon-file"></i> kampfer's mindmap2</td>
<td>2012-12-12</td>
</tr>
<tr>
<td>16</td>
<td><i class="icon-file"></i> kampfer's mindmap2</td>
<td>2012-12-12</td>
</tr>
</tbody>
</table>
</div>
<div class="app-file-name">
<div class="input-prepend">
<span class="add-on">File name :</span>
<input class="span4" id="prependedInput" type="text" placeholder="Please write file name">
</div>
</div>
</div>
<div class="modal-footer">
<a class="btn" href="#">Close</a>
<a class="btn btn-primary" href="#">Save changes</a>
</div>
</div>
<!-- drop menu
================================================== -->
<div class="dropdown clearfix" style="left:675px;top:250px;">
<ul class="dropdown-menu" role="menu" style="3">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li class="dropdown-submenu">
<a tabindex="-1" href="#">More options</a>
<ul class="dropdown-menu">
<li><a tabindex="-1" href="#">Second level link</a></li>
<li class="disabled"><a tabindex="-1" href="#">Second level link</a></li>
<li><a tabindex="-1" href="#">Second level link</a></li>
<li><a tabindex="-1" href="#">Second level link</a></li>
<li class="dropdown-submenu">
<a tabindex="-1" href="#">Second level link</a>
<ul class="dropdown-menu">
<li><a tabindex="-1" href="#">Third level link</a></li>
<li><a tabindex="-1" href="#">Third level link</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Third level link</a></li>
</ul>
</li>
</ul>
</li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li class="disabled"><a tabindex="-1" href="#">Second level link</a></li>
</ul>
</div>
<!-- tip bar
================================================== -->
<div class="alert fade in alert-error">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong>Holy guacamole!</strong> Best check yo self, you're not looking too good.
</div>
</body>
</html>
Zerion Mini Shell 1.0