|
|
@@ -2,303 +2,66 @@
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
- <meta name="title" content="百度脑图（KityMinder） - 控制创意，如此简单">
|
|
|
+ <meta name="title" content="百度脑图（KityMinder）">
|
|
|
<meta name="keyword" content="kityminder,脑图,思维导图,kity,svg,minder,百度,fex,前端,在线">
|
|
|
- <meta name="description" content="百度脑图，便捷的脑图编辑工具 - 控制创意，如此简单。让您在线上直接创建、保存并分享你的思路。免安装 云存储 易分享 体验舒适 功能丰富">
|
|
|
+ <meta name="description" content="百度脑图，便捷的脑图编辑工具。让您在线上直接创建、保存并分享你的思路。">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
|
|
- <title>百度脑图 - 便捷的思维编辑工具</title>
|
|
|
-
|
|
|
- <script src="kityminder.index.min.js?_=1431681867821"></script>
|
|
|
-
|
|
|
- <script>
|
|
|
-
|
|
|
- $(function() {
|
|
|
-
|
|
|
- var pattern = /(?:shareId|share_id)=(\w+)([&#]|$)/;
|
|
|
- var match = pattern.exec(window.location) || pattern.exec(document.referrer);
|
|
|
-
|
|
|
- if (match) {
|
|
|
- window.location.href = 'viewshare.html?shareId=' + match[1];
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- /* 初始化网盘使用的 APP 身份 */
|
|
|
- fio.user.init({
|
|
|
- apiKey: 'wiE55BGOG8BkGnpPs6UNtPbb'
|
|
|
- });
|
|
|
-
|
|
|
- var $a = $('p.login a').hide();
|
|
|
|
|
|
- function loadingAnimate(on) {
|
|
|
- if (on) {
|
|
|
- $('hr').addClass('loading');
|
|
|
- loadingAnimate.timer = setTimeout(function() {
|
|
|
- $('hr').addClass('animated');
|
|
|
- }, 660);
|
|
|
- } else {
|
|
|
- clearTimeout(loadingAnimate.timer);
|
|
|
- $('hr').removeClass('loading animated');
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- loadingAnimate(true);
|
|
|
-
|
|
|
- fio.user.check().then(function(user) {
|
|
|
- if (user) {
|
|
|
- window.location.href = 'edit.html';
|
|
|
- }
|
|
|
- else {
|
|
|
- $a.fadeIn(800);
|
|
|
- loadingAnimate(false);
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- $('p.login a').click(function() {
|
|
|
- var urlparts = window.location.href.split('/');
|
|
|
- urlparts.pop();
|
|
|
- urlparts = urlparts.join('/');
|
|
|
- fio.user.login({
|
|
|
- redirectUrl: urlparts + '/edit.html',
|
|
|
- remember: 7 * 24 * 60 * 60
|
|
|
- });
|
|
|
- loadingAnimate(true);
|
|
|
- });
|
|
|
-
|
|
|
- function preload(url) {
|
|
|
- return new Promise(function(resolve, reject) {
|
|
|
- var img = new Image();
|
|
|
- img.onload = resolve;
|
|
|
- img.onerror = reject;
|
|
|
- img.src = url;
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
- preload('ui/theme/default/images/indexbackground.jpg').then(function() {
|
|
|
- $('div.background').addClass('loaded');
|
|
|
- });
|
|
|
- });
|
|
|
+ <title>百度脑图 - 便捷的思维编辑工具</title>
|
|
|
|
|
|
- </script>
|
|
|
+ <script src="kityminder.edit.min.js?_=1431681867821" charset="utf-8"></script>
|
|
|
+ <script src="kityminder.config.js?_=1431681867821" charset="utf-8"></script>
|
|
|
+ <script src="lang/zh-cn/zh-cn.js?_=1431681867821" charset="utf-8"></script>
|
|
|
+
|
|
|
+ <link href="ui/theme/default/css/default.all.css?_=1431681867821" type="text/css" rel="stylesheet" />
|
|
|
|
|
|
<link href="favicon.ico" type="image/x-icon" rel="shortcut icon">
|
|
|
<link href="favicon.ico" type="image/x-icon" rel="apple-touch-icon-precomposed">
|
|
|
+</head>
|
|
|
|
|
|
- <style>
|
|
|
- body, html {
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- overflow: hidden;
|
|
|
- height: 100%;
|
|
|
- font-size: 0;
|
|
|
- line-height: 0;
|
|
|
- z-index: -2;
|
|
|
- }
|
|
|
-
|
|
|
- body {
|
|
|
- background: #99806B;
|
|
|
- overflow: auto;
|
|
|
- }
|
|
|
-
|
|
|
- ::-webkit-selection {
|
|
|
- background: #FFEFEF;
|
|
|
- color: #4A4F5D;
|
|
|
- }
|
|
|
- ::-moz-selection {
|
|
|
- background: #FFEFEF;
|
|
|
- color: #4A4F5D;
|
|
|
- }
|
|
|
- ::-ms-selection {
|
|
|
- background: #FFEFEF;
|
|
|
- color: #4A4F5D;
|
|
|
- }
|
|
|
- ::selection {
|
|
|
- background: #FFEFEF;
|
|
|
- color: #4A4F5D;
|
|
|
- }
|
|
|
-
|
|
|
- div.background {
|
|
|
- opacity: 0;
|
|
|
- display: block;
|
|
|
- background: url(ui/theme/default/images/indexbackground.jpg) no-repeat;
|
|
|
- background-size: cover;
|
|
|
- position: absolute;
|
|
|
- z-index: -1;
|
|
|
- left: -10px;
|
|
|
- top: -10px;
|
|
|
- right: -10px;
|
|
|
- bottom: -10px;
|
|
|
- -webkit-filter: blur(5px);
|
|
|
- -moz-filter: blur(5px);
|
|
|
- -mz-filter: blur(5px);
|
|
|
- -o-filter: blur(5px);
|
|
|
- filter: url(ui/theme/default/images/blur.svg#blur);
|
|
|
- filter: blur(5px);
|
|
|
- -webkit-transition: opacity 1.5s ease;
|
|
|
- transition: opacity 1.5s ease;
|
|
|
- }
|
|
|
-
|
|
|
- div.background.loaded {
|
|
|
- opacity: 1;
|
|
|
- }
|
|
|
-
|
|
|
- h1:before {
|
|
|
- content: ' ';
|
|
|
- display: block;
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- background: rgba(0, 0, 0, .5);
|
|
|
- z-index: -1;
|
|
|
- }
|
|
|
-
|
|
|
- h1, p {
|
|
|
- font-weight: 100;
|
|
|
- font-family: Arial, "Microsoft Yahei", "Heiti SC", sans-serif;
|
|
|
- text-align: center;
|
|
|
- -webkit-font-smoothing: antialiased;
|
|
|
- -moz-osx-font-smoothing: grayscale;
|
|
|
- }
|
|
|
-
|
|
|
- h1 {
|
|
|
- margin: 0;
|
|
|
- margin-top: 100px;
|
|
|
- color: white;
|
|
|
- font-size: 50px;
|
|
|
- line-height: 1.4em;
|
|
|
- }
|
|
|
-
|
|
|
- h1 span {
|
|
|
- font-size: 0.6em;
|
|
|
- }
|
|
|
-
|
|
|
- p span {
|
|
|
- font-size: 12px;
|
|
|
- display: block;
|
|
|
- margin-top: 30px;
|
|
|
- color: rgba(255, 255, 255, .7);
|
|
|
- text-shadow: 0 0 1px rgba(0, 0, 0, .5);
|
|
|
- }
|
|
|
+<body>
|
|
|
+<div id="content-wrapper">
|
|
|
+ <div id="panel"></div>
|
|
|
|
|
|
- hr {
|
|
|
- height: 0;
|
|
|
- border: none;
|
|
|
- border-bottom: 1px solid #F98183;
|
|
|
- width: 110px;
|
|
|
- margin: 40px auto;
|
|
|
- -webkit-transition: -webkit-transform 0.66s ease;
|
|
|
- transition: transform 0.66s ease;
|
|
|
- -webkit-backface-visibility: hidden;
|
|
|
- }
|
|
|
+ <div id="kityminder" onselectstart="return false">
|
|
|
+
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+</body>
|
|
|
|
|
|
- hr.loading {
|
|
|
- -webkit-transform: translate3d(100px, 0, 0);
|
|
|
- transform: translate3d(100px, 0, 0);
|
|
|
- }
|
|
|
+<!--脑图启动代码-->
|
|
|
+<script>
|
|
|
|
|
|
- hr.animated {
|
|
|
- -webkit-animation: slide 1.33s ease-in-out infinite alternate;
|
|
|
- animation: slide 1.33s ease-in-out infinite alternate;
|
|
|
- }
|
|
|
+/* global km:true, ZeroClipboard:true, zip:true */
|
|
|
+/* jshint browser:true */
|
|
|
|
|
|
- @-webkit-keyframes slide {
|
|
|
- 0% {
|
|
|
- -webkit-transform: translate3d(100px, 0, 0);
|
|
|
- transform: translate3d(100px, 0, 0);
|
|
|
- }
|
|
|
- 100% {
|
|
|
- -webkit-transform: translate3d(-100px, 0, 0);
|
|
|
- transform: translate3d(-100px, 0, 0);
|
|
|
- }
|
|
|
- }
|
|
|
+$(function() {
|
|
|
+ /* 依赖库初始化 */
|
|
|
+ zip.inflateJSPath = 'lib/inflate.js';
|
|
|
+});
|
|
|
|
|
|
- @keyframes slide {
|
|
|
- 0% {
|
|
|
- -webkit-transform: translate3d(100px, 0, 0);
|
|
|
- transform: translate3d(100px, 0, 0);
|
|
|
- }
|
|
|
- 100% {
|
|
|
- -webkit-transform: translate3d(-100px, 0, 0);
|
|
|
- transform: translate3d(-100px, 0, 0);
|
|
|
- }
|
|
|
- }
|
|
|
+// create km instance
|
|
|
+km = KM.getMinder('kityminder', window.KITYMINDER_CONFIG);
|
|
|
|
|
|
- p.description {
|
|
|
- color: #CCC;
|
|
|
- font-size: 20px;
|
|
|
- line-height: 1.8em;
|
|
|
- }
|
|
|
+// init ui for instance
|
|
|
+km.initUI();
|
|
|
|
|
|
- p.login a {
|
|
|
- display: inline-block;
|
|
|
- width: 200px;
|
|
|
- height: 60px;
|
|
|
- background: #F98183;
|
|
|
- font-size: 24px;
|
|
|
- line-height: 60px;
|
|
|
- text-align: center;
|
|
|
- border-radius: 30px;
|
|
|
- color: white;
|
|
|
- text-shadow: 0 1px 0 #F8474F;
|
|
|
- cursor: pointer;
|
|
|
- position: relative;
|
|
|
- overflow: hidden;
|
|
|
- margin-top: 50px;
|
|
|
- -webkit-user-select: none;
|
|
|
- -moz-user-select: none;
|
|
|
- -mz-user-select: none;
|
|
|
- user-select: none;
|
|
|
- }
|
|
|
+// New Version Notify
|
|
|
+$(function() {
|
|
|
|
|
|
- p.login a:active {
|
|
|
- background: #FF6161;
|
|
|
- -webkit-transform: scale(0.95);
|
|
|
- transform: scale(0.95);
|
|
|
- }
|
|
|
+ var lastVersion = localStorage.lastKMVersion;
|
|
|
+ $('#km-version').text( 'v' + KM.version );
|
|
|
|
|
|
- p.login a:before {
|
|
|
- content: ' ';
|
|
|
- display: block;
|
|
|
- background: rgba(255, 255, 255, .2);
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- right: 0;
|
|
|
- bottom: 0;
|
|
|
- border-radius: 30px;
|
|
|
- transform: scale(0, 1);
|
|
|
- -webkit-transform: scale(0, 1);
|
|
|
- transition: transform 0.3s ease;
|
|
|
- -webkit-transition: -webkit-transform 0.3s ease;
|
|
|
- }
|
|
|
+ if (lastVersion != KM.version) {
|
|
|
+ $( '#km-version' ).addClass( 'new-version' );
|
|
|
+ localStorage.lastKMVersion = KM.version;
|
|
|
+ }
|
|
|
+});
|
|
|
|
|
|
- p.login a:hover:before {
|
|
|
- transform: scale(1, 1);
|
|
|
- -webkit-transform: scale(1, 1);
|
|
|
- }
|
|
|
-
|
|
|
- </style>
|
|
|
-</head>
|
|
|
-<body>
|
|
|
- <div class="background"></div>
|
|
|
- <h1>百度脑图 <br/> <span>控制创意，如此简单</span></h1>
|
|
|
- <hr />
|
|
|
- <p class="description">
|
|
|
- 免安装 云存储 易分享<br/>
|
|
|
- 舒适的体验 丰富的功能<br/>
|
|
|
- </p>
|
|
|
- <p class="login">
|
|
|
- <a>马上开启</a>
|
|
|
- <span>使用百度账号登录</span>
|
|
|
- </p>
|
|
|
-</body>
|
|
|
+</script>
|
|
|
|
|
|
-<!--Baidu Tongji Code-->
|
|
|
-<script type="text/javascript">
|
|
|
-if (document.domain == 'naotu.baidu.com') {
|
|
|
- var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
|
|
|
- document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F0703917f224067c887f3664479a03887' type='text/javascript'%3E%3C/script%3E"));
|
|
|
-}
|
|
|
+<!--社会分享代码
|
|
|
+<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdMini":"2","bdMiniList":[],"bdPic":"","bdStyle":"1","bdSize":"32"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
|
|
|
</script>
|
|
|
+-->
|
|
|
</html>
|
git@yoqi.me