You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
225 lines
11 KiB
225 lines
11 KiB
<!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> |