166 lines
5.8 KiB
HTML
166 lines
5.8 KiB
HTML
<!DOCTYPE HTML>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0"/>
|
|
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
|
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/splash/splash-icon.png">
|
|
<link rel="apple-touch-startup-image" href="images/splash/splash-screen.png" media="screen and (max-device-width: 320px)" />
|
|
<link rel="apple-touch-startup-image" href="images/splash/splash-screen@2x.png" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" />
|
|
<link rel="apple-touch-startup-image" sizes="640x1096" href="images/splash/splash-screen@3x.png" />
|
|
<link rel="apple-touch-startup-image" sizes="1024x748" href="images/splash/splash-screen-ipad-landscape" media="screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : landscape)" />
|
|
<link rel="apple-touch-startup-image" sizes="768x1004" href="images/splash/splash-screen-ipad-portrait.png" media="screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : portrait)" />
|
|
<link rel="apple-touch-startup-image" sizes="1536x2008" href="images/splash/splash-screen-ipad-portrait-retina.png" media="(device-width: 768px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)"/>
|
|
<link rel="apple-touch-startup-image" sizes="1496x2048" href="images/splash/splash-screen-ipad-landscape-retina.png" media="(device-width: 768px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)"/>
|
|
|
|
<title>leanote</title>
|
|
|
|
<link href="styles/style.css" rel="stylesheet" type="text/css">
|
|
<link href="styles/colors/default.css" rel="stylesheet" type="text/css" id="pagestyle">
|
|
<link href="styles/framework.css" rel="stylesheet" type="text/css">
|
|
<link href="styles/life.css" rel="stylesheet" type="text/css">
|
|
|
|
<script type="text/javascript" src="scripts/jquery.js"></script>
|
|
<script type="text/javascript" src="scripts/jqueryui.js"></script>
|
|
<script type="text/javascript" src="scripts/snap.js"></script>
|
|
<script type="text/javascript" src="scripts/custom.js"></script>
|
|
<script type="text/javascript" src="scripts/framework.js"></script>
|
|
<script type="text/javascript" src="scripts/framework.launcher.js"></script>
|
|
|
|
<script type="text/javascript" src="scripts/life.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
function log(o) {
|
|
console.log(o);
|
|
}
|
|
function swapStyleSheet(sheet){
|
|
document.getElementById('pagestyle').setAttribute('href', sheet);
|
|
}
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div id="preloader">
|
|
<div id="status">
|
|
<p class="center-text">
|
|
Loading...
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="all-elements" style="height: 100%">
|
|
<div id="sidebar" class="page-sidebar sidebar-content-background">
|
|
<div class="page-sidebar-scroll">
|
|
<div>
|
|
<div class="sidebar-section">
|
|
<a href="#" class="sidebar-close"></a>
|
|
<em>leanote</em>
|
|
</div>
|
|
<div class="sidebar-decoration"></div>
|
|
<div id="userInfo">
|
|
life
|
|
</div>
|
|
<div class="sidebar-decoration"></div>
|
|
|
|
<div class="sidebar-navigation">
|
|
|
|
<div class="nav-item">
|
|
<a href="index.html" class="">所有笔记</a>
|
|
</div>
|
|
<div class="nav-item">
|
|
<a href="index.html" class="">笔记本</a>
|
|
</div>
|
|
<div class="nav-item">
|
|
<a href="index.html" class="active-nav">标签</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sidebar-decoration"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="content" class="page-content" style="position: relative; height: 100%">
|
|
<!-- 头部 -->
|
|
<div class="content-controls">
|
|
<a href="#" class="deploy-sidebar"></a>
|
|
<a href="#" class="g-title" id="gTitle">
|
|
笔记本
|
|
</a>
|
|
</div>
|
|
|
|
<!-- notebooks -->
|
|
<div class="each-container" id="notebooks">
|
|
<div class="each-content" >
|
|
<ul>
|
|
<li><a href="#" data-notebook-id="hadoop">hadoop</a></li>
|
|
<li><a href="#">javascript</a></li>
|
|
<li><a href="#">css</a></li>
|
|
<li><a href="#">生活</a></li>
|
|
<li><a href="#">工作</a></li>
|
|
<li><a href="#" data-notebook-id="hadoop">hadoop</a></li>
|
|
<li><a href="#">javascript</a></li>
|
|
<li><a href="#" data-notebook-id="hadoop">hadoop</a></li>
|
|
<li><a href="#">javascript</a></li>
|
|
<li><a href="#" data-notebook-id="hadoop">hadoop</a></li>
|
|
<li><a href="#">javascript</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="each-footer">
|
|
添加笔记本
|
|
</div>
|
|
</div>
|
|
|
|
<!-- note -->
|
|
<div class="each-container" id="notes">
|
|
<div class="each-content" >
|
|
<ul>
|
|
<li><a href="#" data-notebookId="hadoop">hadoop</a></li>
|
|
<li><a href="#">javascript</a></li>
|
|
<li><a href="#">css</a></li>
|
|
<li><a href="#">生活</a></li>
|
|
<li><a href="#">工作</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="each-footer">
|
|
添加笔记
|
|
</div>
|
|
</div>
|
|
|
|
<!-- view -->
|
|
|
|
<!-- 编辑 -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|