add 36Kr project

guokm · May 20, 2015 · 6a759f8 · 6a759f8
1 parent 83e61b3
commit 6a759f8
Show file tree

Hide file tree

Showing 25 changed files with 9,121 additions and 0 deletions.
diff --git a/36Kr/README.md b/36Kr/README.md
@@ -0,0 +1,19 @@
+# 36Kr
+这是流应用版本的36Kr客户端，目前已集成在360手机助手。
+
+## 核心功能
+1.通过rss订阅，读取最新的文章信息；
+
+2.本地缓存已下载的文章内容，在无网络环境下，也可以离线阅读；
+
+3.支持将优秀文章分享到朋友圈
+
+4.支持根据网络条件，决定是否下载图片
+
+5.支持清除本地缓存
+
+6.支持流式下载，边下边用
+
+
+## 软件截图
+
diff --git a/36Kr/about.html b/36Kr/about.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<link rel="stylesheet" href="css/mui.min.css">
+		<link rel="stylesheet" href="css/app.css" />
+		<link rel="stylesheet" href="css/about.css" />
+	</head>
+
+	<body>
+		<header class="mui-bar mui-bar-nav" style="position: static;">
+			<h1 id="title" class="mui-title kr-title"><span class="kr-logo">36Kr</span></h1>
+		</header>
+		<div class="container">
+			<article class="single-post-article">
+				<div class="content-wrapper-single">
+					<section class="article">
+						<h3 id="toc_0">36氪，专注互联网创业。</h3>
+						<p>应用版本：1.0.0</p>
+						<p>2010年12月8日，36氪作为科技媒体正式上线，其名字源于元素周期表的第36号元素“氪”，化学符号为 Kr，一个稳定、独立，不易与其他其他物质发生化学作用的元素。传说中的氪星是超人的故乡。</p>
+
+						<p>经历四年成长，36氪不仅有备受顶级投资机构关注的高效互联网融资平台（氪加），还有专注于互联网创业项目孵化的氪空间（Kr Space），在全中国首创了“不收费、不占股、全球资本，平台服务”的新型孵化器模式。同时，36氪的科技媒体，已然成为最前沿科技资讯的平台，也是互联网创业者寻求报道，接洽资本的首选入口。由媒体、氪加和氪空间三条产品线，构成了36氪专注互联网创业的生态圈模式。</p>
+
+						<p>创始人兼CEO刘成城（Liu CC），1988年出生在江苏盐城。中国科学院硕士，在2013年被《福布斯》评为“中国30岁以下的创业者前30名”之一 。</p>
+
+						<p>36氪从4个创始人到现在100人，90%的员工都是85后，平均年龄25岁，我们更了解年轻人，我们更了解创业者，我们更了解创投的生态环境。年轻开放的团队，从早午餐到下午茶，从每周健康按摩到集体出境旅行，让每位员工的付出与福利同步前进。</p>
+
+						<h3 id="toc_1">我们的产品</h3>
+
+						<ul>
+							<li>氪加：高效的线上创业融资平台</li>
+						</ul>
+
+						<p>氪加是36氪从创业观察者到践行者的升级，从媒体到平台到延伸。我们认为，只有存在更活跃、透明的投融资对接市场，投资人才能够最有效地发现创业者的优秀价值。氪加团队由资深媒体记者、产品技术开发团队、专业财务顾问、数据库人才组成。同时，在这一平台内也活跃着逾千名国内外专业投资人，以及数以万计的互联网创业者。</p>
+
+						<p>氪加的理念在于，创造一个为创业者展示项目，吸引融资的平台，筛选并匹配优秀专业的投资机构和投资人。截止至目前为止，已有83个项目正在平台挂牌融资，其中30+个已经完成融资，同时在后代申请挂牌的项目也已经超过3000家，这个数字每天都在被不断刷新。</p>
+
+						<ul>
+							<li>氪空间</li>
+						</ul>
+
+						<p>专业专注的创业项目线下孵化器。自2014年4月份上线以来，报名申请入驻氪空间的创业项目超过5000个。到2014年10月为止，已有29家团队入驻过氪空间。第一批项目共12个，其中11个完成融资并孵化成功。全部项目总融资额达到 5000 万人民币，最大单笔融资 1000 万，入驻后平均融资周期仅为1个月 。</p>
+
+						<ul>
+							<li>36氪主站 www.36kr.com</li>
+						</ul>
+
+						<p>自2010年年底主站上线至今，36氪媒体获得了高速的成长。目前主站单月UV超过500万，PV达到1000万以上。36氪的科技媒体部门坚持不收车马费，不发软文，自觉做最有原则的科技媒体。</p>
+						<p>&nbsp;</p>
+					</section>
+				</div>
+			</article>
+
+		</div>
+		<script type="text/javascript" charset="UTF-8" src="js/mui.min.js"></script>
+		<script>
+			mui.init();
+		</script>
+	</body>
+
+</html>
diff --git a/36Kr/browser.html b/36Kr/browser.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="utf-8">
+		<title>36氪 - 内置浏览器</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+
+		<link rel="stylesheet" href="css/mui.min.css">
+		<link rel="stylesheet" href="css/app.css" />
+		<style>
+			#loading {
+				width: 30px;
+			}
+			#loading .mui-spinner {
+				position: absolute;
+				top: 12px;
+			}
+		</style>
+	</head>
+
+	<body class="kr-browser">
+		<div class="kr-browser-bar mui-bar mui-bar-standard mui-bar-footer">
+			<div class="mui-pull-left">
+				<a id="historyBack" class="mui-icon mui-icon-arrowleft">&nbsp;</a>
+				<a id="historyForward" class="mui-icon mui-icon-arrowright">&nbsp;</a>
+				<a id="loading" class="mui-icon">
+					<span class="mui-spinner"></span> &nbsp;
+				</a>
+				<a id="reload" class="mui-icon mui-icon-reload mui-hidden">&nbsp;</a>
+			</div>
+			<div class="mui-pull-right">
+				<button id="back" type="button" class="mui-action-back mui-btn">关闭</button>
+			</div>
+		</div>
+		<script type="text/javascript" charset="UTF-8" src="js/mui.min.js"></script>
+		<script type="text/javascript" charset="UTF-8" src="js/app.js"></script>
+		<script>
+			(function($) {
+				$.plusReady(function() {
+					var browser = plus.webview.getWebviewById('browser');
+					mui.init({
+						beforeback: function() {
+							browser.clear();
+						}
+					});
+					document.getElementById("historyBack").addEventListener('tap', function() {
+						browser.canBack(function(e) {
+							if (e.canBack) {
+								browser.evalJS('window.history.back()');
+							}
+						});
+						return false;
+					});
+					document.getElementById("historyForward").addEventListener('tap', function() {
+						browser.canForward(function(e) {
+							if (e.canForward) {
+								browser.evalJS('window.history.forward()');
+							}
+						});
+						return false;
+					});
+					document.getElementById("reload").addEventListener('tap', function() {
+						reloadClassList.add('mui-hidden');
+						loadingClassList.remove('mui-hidden');
+						browser.reload(true);
+					});
+					var reloadClassList = document.getElementById("reload").classList;
+					var loadingClassList = document.getElementById("loading").classList;
+					document.addEventListener('mui.view.beforeshow', function(e) {
+						if (plus.networkinfo.getCurrentType() === plus.networkinfo.CONNECTION_NONE) {
+							plus.nativeUI.alert('无网络连接!');
+						} else {
+							reloadClassList.add('mui-hidden');
+							loadingClassList.remove('mui-hidden');
+						}
+					});
+					browser && browser.addEventListener('loaded', function() {
+						reloadClassList.remove('mui-hidden');
+						loadingClassList.add('mui-hidden');
+					});
+				});
+			})(mui);
+		</script>
+	</body>
+
+</html>