2013-01-17 05:32:37 +04:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<title>Collusion</title>
|
2013-01-24 02:05:59 +04:00
|
|
|
<link rel="stylesheet" type="text/css" href="OpenSans.css" />
|
2013-01-29 03:20:32 +04:00
|
|
|
<link rel="stylesheet" type="text/css" href="font-awesome.css" />
|
2013-01-17 05:32:37 +04:00
|
|
|
<link rel="stylesheet" type="text/css" href="style.css" />
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<header class="mainhead">
|
|
|
|
|
<h1>Collusion</h1>
|
|
|
|
|
</header>
|
|
|
|
|
<div class="main">
|
|
|
|
|
<aside class="controls">
|
2013-03-08 03:51:48 +04:00
|
|
|
<div class="btn_group filter" style="margin-bottom: 10px">
|
2013-01-26 02:55:58 +04:00
|
|
|
<div data-view class="dropdown_button">
|
2013-01-29 01:59:32 +04:00
|
|
|
<a class="invi_focus" href="#"></a>
|
2013-01-29 03:20:32 +04:00
|
|
|
<a class="selected_time"><i class="icon-time"></i>Today</a>
|
|
|
|
|
<div class="downarrow"><i class="icon-sort-down"></i></div>
|
2013-01-26 02:55:58 +04:00
|
|
|
</div>
|
2013-01-29 01:59:32 +04:00
|
|
|
<div data-list class="dropdown_options collapsed">
|
|
|
|
|
<a data-selected data-value="Today">Today</a>
|
|
|
|
|
<a data-value="BBB">BBB</a>
|
|
|
|
|
<a data-value="CCC">CCC</a>
|
|
|
|
|
<a data-value="DDD">DDD</a>
|
|
|
|
|
</div>
|
2013-01-26 02:55:58 +04:00
|
|
|
</div>
|
2013-03-08 03:51:48 +04:00
|
|
|
<div class="btn_group visualization">
|
2013-01-26 02:55:58 +04:00
|
|
|
<div data-view class="dropdown_button">
|
2013-01-29 01:59:32 +04:00
|
|
|
<a class="invi_focus" href="#"></a>
|
2013-01-26 02:55:58 +04:00
|
|
|
<a class="selected_visualization">Visualization</a>
|
2013-01-29 03:20:32 +04:00
|
|
|
<div class="downarrow"><i class="icon-sort-down"></i></div>
|
2013-01-26 02:55:58 +04:00
|
|
|
</div>
|
2013-01-29 01:59:32 +04:00
|
|
|
<div data-list class="dropdown_options collapsed">
|
|
|
|
|
<a data-selected data-value="visualization">Visualization</a>
|
2013-02-07 02:44:05 +04:00
|
|
|
<a data-value="Graph">Graph</a>
|
|
|
|
|
<a data-value="Clock">Clock</a>
|
|
|
|
|
<a data-value="Data Mine">Data Mine</a>
|
|
|
|
|
<a data-value="Badges">Badges</a>
|
2013-01-29 01:59:32 +04:00
|
|
|
</div>
|
2013-01-26 02:55:58 +04:00
|
|
|
</div>
|
|
|
|
|
<ul class="controls_options">
|
2013-03-08 03:51:48 +04:00
|
|
|
<li class="zooming">
|
|
|
|
|
<a class="move-up"><i class="icon-circle-arrow-up"></i></a>
|
|
|
|
|
<a class="move-left"><i class="icon-circle-arrow-left"></i></a>
|
|
|
|
|
<a class="move-right"><i class="icon-circle-arrow-right"></i></a>
|
2013-03-09 04:53:05 +04:00
|
|
|
<a class="zoom-in"><i class="icon-plus-sign"></i></a>
|
|
|
|
|
<a class="zoom-out"><i class="icon-minus-sign"></i></a>
|
2013-03-08 03:51:48 +04:00
|
|
|
<a class="move-down"><i class="icon-circle-arrow-down"></i></a>
|
|
|
|
|
</li>
|
2013-01-29 03:20:32 +04:00
|
|
|
<li class="settings"><a><i class="icon-cog"></i>Settings</a></li>
|
2013-03-01 21:32:08 +04:00
|
|
|
<li class="upload"><a><i class="icon-arrow-up"></i>Share Data</a></li>
|
2013-01-29 03:20:32 +04:00
|
|
|
<li class="download"><a><i class="icon-arrow-down"></i>Download data</a></li>
|
2013-03-01 21:32:08 +04:00
|
|
|
<li class="reset-data"><a>Reset data</a></li>
|
|
|
|
|
<li class="showinfo"><a>Toggle Info Panel</a></li>
|
2013-01-23 22:43:29 +04:00
|
|
|
</ul>
|
2013-01-17 05:32:37 +04:00
|
|
|
</aside>
|
2013-02-07 02:44:05 +04:00
|
|
|
|
2013-01-17 05:32:37 +04:00
|
|
|
<div id="content" class="showinfo">
|
|
|
|
|
<aside class="info">
|
2013-01-17 06:11:22 +04:00
|
|
|
<div class="holder">
|
2013-01-29 03:20:32 +04:00
|
|
|
<h3 class="title">New York Times</h3>
|
|
|
|
|
<span class="url">http://nytimes.com/</span>
|
2013-01-23 22:43:29 +04:00
|
|
|
<span class="status">You are currently browsing this site</span>
|
2013-01-29 03:20:32 +04:00
|
|
|
<h5 class="subhead">Location</h5>
|
2013-01-17 06:11:22 +04:00
|
|
|
<div class="map"></div>
|
2013-01-29 03:20:32 +04:00
|
|
|
<h5 class="subhead">Info</h5>
|
2013-01-17 06:11:22 +04:00
|
|
|
<div class="infotext">
|
|
|
|
|
<p>Wants pawn term, dare worsted ladle gull hoe lift wetter murder inner ladle cordage, honor itch offer lodge dock florist. Disk ladle gull orphan worry ladle cluck wetter putty ladle rat hut, an fur disk raisin pimple colder Ladle Rat Rotten Hut.</p>
|
2013-01-17 05:32:37 +04:00
|
|
|
|
2013-01-17 06:11:22 +04:00
|
|
|
<p>Wan moaning, Rat Rotten Hut's murder colder inset, "Ladle Rat Rotten Hut, heresy ladle basking winsome burden barter an shirker cockles. Tick disk ladle basking tutor cordage offer groin-murder hoe lifts honor udder site offer florist. Shaker lake! Dun stopper laundry wrote! An yonder nor sorghum-stenches, dun stopper torque wet strainers!"</p>
|
|
|
|
|
</div>
|
2013-01-17 05:32:37 +04:00
|
|
|
</div>
|
|
|
|
|
</aside>
|
|
|
|
|
<div class="stage">
|
2013-02-09 02:41:39 +04:00
|
|
|
<svg class="vizcanvas" width="100%" height="100%" viewBox="-350 -450 700 500">
|
2013-01-18 05:30:17 +04:00
|
|
|
<defs>
|
|
|
|
|
</defs>
|
|
|
|
|
</svg>
|
2013-01-17 05:32:37 +04:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2013-02-27 02:58:49 +04:00
|
|
|
<div id="tooltip"></div>
|
2013-03-08 03:51:48 +04:00
|
|
|
<script src="d3.v2.js"></script>
|
2013-02-07 02:44:05 +04:00
|
|
|
<script src="events.js"></script>
|
|
|
|
|
<script src="collusion.js"></script>
|
2013-02-27 02:54:06 +04:00
|
|
|
<script src="svgdataset.js"></script>
|
2013-02-27 02:15:06 +04:00
|
|
|
<script src="tooltip.js"></script>
|
2013-02-07 02:44:05 +04:00
|
|
|
<script src="ui.js"></script>
|
|
|
|
|
<!-- Visualizations -->
|
|
|
|
|
<script src="clock.js"></script>
|
2013-03-08 03:51:48 +04:00
|
|
|
<script src="graph.js"></script>
|
2013-01-17 05:32:37 +04:00
|
|
|
</body>
|
|
|
|
|
</html>
|
