225 lines
11 KiB
HTML
225 lines
11 KiB
HTML
<!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> |