2014-01-08 03:41:58 +00:00
|
|
|
<!--
|
|
|
|
|
Copyright 2012 Google Inc.
|
|
|
|
|
|
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
|
you may not use this file except in compliance with the License.
|
|
|
|
|
You may obtain a copy of the License at
|
|
|
|
|
|
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
|
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
|
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
|
See the License for the specific language governing permissions and
|
|
|
|
|
limitations under the License.
|
|
|
|
|
-->
|
|
|
|
|
|
2013-06-11 09:50:56 +00:00
|
|
|
<!doctype html>
|
2012-11-09 18:35:59 +00:00
|
|
|
<html>
|
2014-01-08 03:41:58 +00:00
|
|
|
<head>
|
2014-02-08 23:39:58 +00:00
|
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=0.75">
|
|
|
|
|
|
2014-01-08 03:41:58 +00:00
|
|
|
<link rel="shortcut icon" sizes="16x16" href="safe1-16.png">
|
|
|
|
|
<link rel="shortcut icon" sizes="32x32" href="safe1-32.png">
|
|
|
|
|
<link rel="apple-touch-icon" sizes="16x16" href="safe1-16.png">
|
|
|
|
|
<link rel="apple-touch-icon" sizes="32x32" href="safe1-32.png">
|
2013-10-14 01:12:53 +00:00
|
|
|
|
2014-01-08 03:41:58 +00:00
|
|
|
<script src="closure/goog/base.js"></script>
|
|
|
|
|
<script src="./deps.js"></script>
|
|
|
|
|
<script src="?camli.mode=config&var=CAMLISTORE_CONFIG"></script>
|
|
|
|
|
<script src="react/react-with-addons.js"></script>
|
2012-12-12 01:45:15 +00:00
|
|
|
|
2014-01-08 03:41:58 +00:00
|
|
|
<script>
|
2014-02-17 18:58:44 +00:00
|
|
|
goog.DEBUG = false;
|
2014-01-12 09:19:33 +00:00
|
|
|
goog.require('goog.Uri');
|
2014-01-15 09:07:38 +00:00
|
|
|
goog.require('cam.AnimationLoop');
|
2014-03-22 13:24:48 +00:00
|
|
|
goog.require('cam.IndexPage');
|
2014-01-15 09:07:38 +00:00
|
|
|
goog.require('cam.ServerConnection');
|
2014-01-08 03:41:58 +00:00
|
|
|
</script>
|
2014-08-30 19:02:27 +00:00
|
|
|
|
2014-04-01 06:09:05 +00:00
|
|
|
<link rel="stylesheet" href="fontawesome/css/font-awesome.min.css">
|
2014-01-08 03:41:58 +00:00
|
|
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800">
|
2014-08-30 19:02:27 +00:00
|
|
|
<link rel="stylesheet" href="closure/goog/css/common.css" type="text/css">
|
2014-09-14 16:18:55 +00:00
|
|
|
|
2014-08-30 19:02:27 +00:00
|
|
|
<link rel="stylesheet/less" href="index.css" type="text/css">
|
|
|
|
|
<link rel="stylesheet/less" href="header.css" type="text/css">
|
|
|
|
|
<link rel="stylesheet/less" href="detail.css" type="text/css">
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet/less" href="blob_item.css" type="text/css">
|
|
|
|
|
<link rel="stylesheet/less" href="blob_item_video.css" type="text/css">
|
|
|
|
|
<link rel="stylesheet/less" href="blob_item_container.css" type="text/css">
|
|
|
|
|
<link rel="stylesheet/less" href="blob_item_foursquare.css" type="text/css">
|
|
|
|
|
<link rel="stylesheet/less" href="blob_item_twitter.css" type="text/css">
|
2014-10-26 07:58:30 +00:00
|
|
|
<link rel="stylesheet/less" href="dialog.css" type="text/css">
|
2014-08-30 19:02:27 +00:00
|
|
|
<link rel="stylesheet/less" href="permanode_detail.css" type="text/css">
|
|
|
|
|
<link rel="stylesheet/less" href="property_sheet.css" type="text/css">
|
|
|
|
|
<link rel="stylesheet/less" href="pyramid_throbber.css" type="text/css">
|
2014-11-01 18:18:28 +00:00
|
|
|
<link rel="stylesheet/less" href="sidebar.css" type="text/css">
|
|
|
|
|
<link rel="stylesheet/less" href="tags_control.css" type="text/css">
|
2014-08-30 19:02:27 +00:00
|
|
|
<script src="less/less.js"></script>
|
2014-01-08 03:41:58 +00:00
|
|
|
</head>
|
2014-08-30 19:02:27 +00:00
|
|
|
<body class="cam-index-page">
|
2014-01-08 03:41:58 +00:00
|
|
|
<script>
|
2014-03-22 13:19:29 +00:00
|
|
|
var lastWidth = -1;
|
|
|
|
|
var lastHeight = -1;
|
|
|
|
|
var render = function() {
|
2014-08-10 03:17:10 +00:00
|
|
|
var currentWidth = document.documentElement.offsetWidth;
|
2014-03-22 13:19:29 +00:00
|
|
|
var currentHeight = window.innerHeight;
|
|
|
|
|
if (currentWidth == lastWidth && currentHeight == lastHeight) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
2014-01-15 09:07:38 +00:00
|
|
|
|
2014-03-22 13:19:29 +00:00
|
|
|
lastWidth = currentWidth;
|
|
|
|
|
lastHeight = currentHeight;
|
2014-11-01 18:18:28 +00:00
|
|
|
|
2014-03-22 13:24:48 +00:00
|
|
|
var index = cam.IndexPage({
|
2014-03-22 13:19:29 +00:00
|
|
|
availWidth: currentWidth,
|
|
|
|
|
availHeight: currentHeight,
|
|
|
|
|
config: CAMLISTORE_CONFIG,
|
|
|
|
|
eventTarget: window,
|
|
|
|
|
history: window.history,
|
|
|
|
|
location: window.location,
|
2014-08-10 03:17:10 +00:00
|
|
|
scrolling: {
|
|
|
|
|
target: window,
|
2014-11-01 18:18:28 +00:00
|
|
|
// Note that calling get() can cause layout, so should be used only once per scroll event.
|
2014-08-10 03:17:10 +00:00
|
|
|
get: function() { return document.body.scrollTop; },
|
|
|
|
|
set: function(val) { document.body.scrollTop = val; },
|
|
|
|
|
},
|
2014-03-22 13:19:29 +00:00
|
|
|
serverConnection: new cam.ServerConnection(CAMLISTORE_CONFIG),
|
|
|
|
|
timer: window,
|
|
|
|
|
});
|
|
|
|
|
React.renderComponent(index, document.body);
|
|
|
|
|
};
|
|
|
|
|
window.addEventListener('resize', render);
|
|
|
|
|
window.setInterval(render, 3000);
|
|
|
|
|
render();
|
2014-01-08 03:41:58 +00:00
|
|
|
</script>
|
|
|
|
|
</body>
|
2012-11-09 18:35:59 +00:00
|
|
|
</html>
|
