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>
|
|
|
|
|
<div class="main">
|
|
|
|
|
<aside class="controls">
|
2013-07-10 01:54:18 +04:00
|
|
|
<header>
|
|
|
|
|
<div class="collusion-icon">
|
|
|
|
|
</div>
|
|
|
|
|
<img class="logo" src="image/collusion_wordmark_temp.png" />
|
|
|
|
|
</header>
|
2013-07-09 23:07:39 +04:00
|
|
|
<div class="btn_group visualization">
|
2013-01-26 02:55:58 +04:00
|
|
|
<div data-view class="dropdown_button">
|
2013-07-09 23:07:39 +04:00
|
|
|
<span>VISUALIZATION</span>
|
|
|
|
|
<div class="arrow">
|
|
|
|
|
<i class="icon-sort-down"></i><i class="icon-sort-up hidden"></i>
|
|
|
|
|
</div>
|
2013-01-26 02:55:58 +04:00
|
|
|
</div>
|
2013-07-09 23:07:39 +04:00
|
|
|
<div data-list class="dropdown_options">
|
|
|
|
|
<a class="collapsed" data-value="Graph">
|
|
|
|
|
<img src="image/collusion_icon_graph.png" />graph
|
|
|
|
|
</a>
|
|
|
|
|
<a class="collapsed" data-value="Clock">
|
|
|
|
|
<img src="image/collusion_icon_clock.png" />clock
|
|
|
|
|
</a>
|
|
|
|
|
<a class="collapsed" data-value="List">
|
|
|
|
|
<img src="image/collusion_icon_list.png" />list
|
|
|
|
|
</a>
|
2013-01-29 01:59:32 +04:00
|
|
|
</div>
|
2013-01-26 02:55:58 +04:00
|
|
|
</div>
|
2013-07-09 23:07:39 +04:00
|
|
|
<div class="btn_group session">
|
2013-01-26 02:55:58 +04:00
|
|
|
<div data-view class="dropdown_button">
|
2013-07-09 23:07:39 +04:00
|
|
|
<span>SESSION</span>
|
|
|
|
|
<div class="arrow">
|
|
|
|
|
<i class="icon-sort-down"></i><i class="icon-sort-up hidden"></i>
|
|
|
|
|
</div>
|
2013-01-26 02:55:58 +04:00
|
|
|
</div>
|
2013-07-09 23:07:39 +04:00
|
|
|
<div data-list class="dropdown_options">
|
|
|
|
|
<a data-selected data-value="recent">recent site</a>
|
|
|
|
|
<a class="collapsed" data-value="last10sites">last 10 sites</a>
|
|
|
|
|
<a class="collapsed" data-value="daily">daily</a>
|
|
|
|
|
<a class="collapsed" data-value="weekly">weekly</a>
|
2013-01-29 01:59:32 +04:00
|
|
|
</div>
|
2013-01-26 02:55:58 +04:00
|
|
|
</div>
|
2013-07-09 23:07:39 +04:00
|
|
|
<div class="btn">
|
|
|
|
|
<a class="upload">
|
|
|
|
|
<img src="image/collusion_icon_share.png" />share
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="btn">
|
|
|
|
|
<a class="download">
|
|
|
|
|
<img src="image/collusion_icon_save.png" />download
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="btn">
|
|
|
|
|
<a class="reset-data">
|
|
|
|
|
<img src="image/collusion_icon_reset.png" />reset
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
2013-01-26 02:55:58 +04:00
|
|
|
<ul class="controls_options">
|
2013-03-21 00:34:27 +04:00
|
|
|
<li class="show-info-button"><a>Toggle Info Panel</a></li>
|
2013-01-23 22:43:29 +04:00
|
|
|
</ul>
|
2013-07-09 23:07:39 +04:00
|
|
|
<div class="square-button-controls">
|
2013-07-10 01:02:49 +04:00
|
|
|
<div class="square-button">
|
|
|
|
|
<a class="help-mode"><img src="image/collusion_icon_help.png" /></a>
|
2013-07-09 23:07:39 +04:00
|
|
|
<div class="button-label">HELP</div>
|
|
|
|
|
</div>
|
2013-07-10 01:02:49 +04:00
|
|
|
<div class="square-button">
|
|
|
|
|
<a class="settings"><img src="image/collusion_icon_settings.png" /></a>
|
2013-07-09 23:07:39 +04:00
|
|
|
<div class="button-label">SETTINGS</div>
|
|
|
|
|
</div>
|
2013-07-10 01:02:49 +04:00
|
|
|
<div class="square-button">
|
|
|
|
|
<a class="about"><img src="image/collusion_icon_about.png" /></a>
|
2013-07-09 23:07:39 +04:00
|
|
|
<div class="button-label">ABOUT</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2013-07-10 01:02:49 +04:00
|
|
|
<div class="collusion-url">
|
|
|
|
|
www.mozilla.org/collusion
|
|
|
|
|
</div>
|
2013-01-17 05:32:37 +04:00
|
|
|
</aside>
|
2013-02-07 02:44:05 +04:00
|
|
|
|
2013-07-10 03:49:55 +04:00
|
|
|
<div class="content-flex">
|
|
|
|
|
<div class="stats-bar"></div>
|
2013-03-21 00:34:27 +04:00
|
|
|
<div id="content" class="">
|
2013-01-17 05:32:37 +04:00
|
|
|
<aside class="info">
|
2013-01-17 06:11:22 +04:00
|
|
|
<div class="holder">
|
2013-03-21 00:34:27 +04:00
|
|
|
<h3 class="title"></h3>
|
2013-04-06 03:24:47 +04:00
|
|
|
<!--span class="blue-text">You are currently browsing this site</span-->
|
2013-03-20 03:29:52 +04:00
|
|
|
<header class="subhead">Location</header>
|
2013-03-18 20:34:04 +04:00
|
|
|
<div class="map-section">
|
2013-03-20 03:29:52 +04:00
|
|
|
<div><span id="country"> </span></div>
|
2013-03-18 20:34:04 +04:00
|
|
|
<!-- SVG world map code starts; based on BlankMap-World6,_compact.svg by Canuckguy et al. ========================= -->
|
2013-07-10 09:22:53 +04:00
|
|
|
<object type="image/svg+xml" data="map.svg" class="world-map"></object>
|
2013-03-18 20:34:04 +04:00
|
|
|
</div>
|
|
|
|
|
<h3 class="connections-head">Connections</h3>
|
|
|
|
|
<div class="connections-list">
|
2013-03-21 00:34:27 +04:00
|
|
|
<span class="blue-text"></span>
|
2013-03-18 20:34:04 +04:00
|
|
|
<ul>
|
|
|
|
|
</ul>
|
2013-01-17 06:11:22 +04:00
|
|
|
</div>
|
2013-01-17 05:32:37 +04:00
|
|
|
</div>
|
|
|
|
|
</aside>
|
2013-07-09 06:03:20 +04:00
|
|
|
<div class="stage-stack">
|
|
|
|
|
<div class="stage-header">
|
|
|
|
|
<h1>List View</h1>
|
2013-07-10 03:49:55 +04:00
|
|
|
<span class="data-since-title">DATA GATHERED SINCE</span>
|
2013-07-09 06:03:20 +04:00
|
|
|
<span class="data-since">July 18, 2011</span>
|
|
|
|
|
</div><!-- stage-header -->
|
|
|
|
|
<div class="stage">
|
|
|
|
|
<svg class="vizcanvas" width="100%" height="100%" viewBox="-350 -450 700 500">
|
|
|
|
|
<defs>
|
|
|
|
|
</defs>
|
|
|
|
|
</svg>
|
|
|
|
|
</div><!-- .stage -->
|
2013-07-11 00:42:06 +04:00
|
|
|
<div class="graph-legend">
|
|
|
|
|
<section class="legend-header">
|
|
|
|
|
<div><header>LEGEND & CONTROLS</header></div>
|
|
|
|
|
<div><a class="legend-toggle">Hide</a></div>
|
|
|
|
|
</section>
|
|
|
|
|
<section class="legend-controls">
|
|
|
|
|
<section class="column">
|
2013-07-11 03:41:54 +04:00
|
|
|
<div class="btn toggle-visited active">
|
2013-07-11 00:42:06 +04:00
|
|
|
<a>
|
|
|
|
|
<svg class="legend-canvas-small" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
|
<circle class="visitedSites" cx="8" cy="8" r="6" />
|
|
|
|
|
</svg>
|
|
|
|
|
Visited Site
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
2013-07-11 03:41:54 +04:00
|
|
|
<div class="btn toggle-never-visited active">
|
2013-07-11 00:42:06 +04:00
|
|
|
<a>
|
|
|
|
|
<svg class="legend-canvas-small" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
|
<polygon class="unvisitedSites" points="0,14 7,2 14,14" />
|
|
|
|
|
</svg>
|
|
|
|
|
Never Visited Site
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
2013-07-11 03:41:54 +04:00
|
|
|
<div class="btn toggle-connections active">
|
2013-07-11 00:42:06 +04:00
|
|
|
<a>
|
|
|
|
|
<svg class="legend-canvas-small" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
|
<line class="connectionLine" x1="14" y1="2" x2="2" y2="14" />
|
|
|
|
|
</svg>
|
|
|
|
|
Connection
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<section class="column">
|
|
|
|
|
<div class="btn">
|
|
|
|
|
<a>
|
|
|
|
|
<svg class="legend-canvas-large" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
|
<circle class="watchedSites" cx="8" cy="8" r="6" />
|
|
|
|
|
<polygon class="watchedSites" points="18,14 25,2 32,14" />
|
|
|
|
|
</svg>
|
|
|
|
|
Watched Sites
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="btn">
|
|
|
|
|
<a>
|
|
|
|
|
<svg class="legend-canvas-large" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
|
<circle class="blockedSites" cx="8" cy="8" r="6" />
|
|
|
|
|
<line class="blockedSites" x1="11" y1="3" x2="4.5" y2="14" />
|
|
|
|
|
<polygon class="blockedSites" points="18,14 25,2 32,14" />
|
|
|
|
|
<line class="blockedSites" x1="27.5" y1="4.5" x2="23" y2="14" />
|
|
|
|
|
</svg>
|
|
|
|
|
Blocked Sites
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="btn">
|
|
|
|
|
<a>
|
|
|
|
|
<svg class="legend-canvas-large" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
|
<circle class="hiddenSites" cx="8" cy="8" r="6" />
|
|
|
|
|
<polygon class="hiddenSites" points="18,14 25,2 32,14" />
|
|
|
|
|
</svg>
|
|
|
|
|
Hidden Sites
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<section class="column">
|
2013-07-11 03:41:54 +04:00
|
|
|
<div class="btn toggle-cookies">
|
2013-07-11 00:42:06 +04:00
|
|
|
<a>
|
|
|
|
|
<svg class="legend-canvas-small" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
2013-07-11 03:41:54 +04:00
|
|
|
<line class="cookies" x1="14" y1="2" x2="2" y2="14" />
|
2013-07-11 00:42:06 +04:00
|
|
|
</svg>
|
|
|
|
|
Cookies
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
</section>
|
|
|
|
|
</div>
|
2013-07-10 04:15:41 +04:00
|
|
|
<div class="list-footer">
|
2013-07-09 06:03:20 +04:00
|
|
|
<h3>Site Preferences</h3>
|
2013-07-11 02:04:59 +04:00
|
|
|
<div class="list-footer-btns">
|
|
|
|
|
<button class="block-pref btn">Block Site</button>
|
|
|
|
|
<button class="hide-pref btn">Hide Site</button>
|
|
|
|
|
<button class="watch-pref btn">Watch Site</button>
|
|
|
|
|
<button class="no-pref btn">Remove</button>
|
2013-07-10 03:49:55 +04:00
|
|
|
<div class="btn-spacer"></div>
|
2013-07-11 02:04:59 +04:00
|
|
|
<button class="toggle-hidden btn orange">Hide Hidden</button>
|
2013-07-10 03:49:55 +04:00
|
|
|
</div>
|
2013-07-09 06:03:20 +04:00
|
|
|
</div>
|
|
|
|
|
</div><!-- .stage-stack -->
|
2013-01-17 05:32:37 +04:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2013-02-27 02:58:49 +04:00
|
|
|
<div id="tooltip"></div>
|
2013-04-23 01:55:25 +04:00
|
|
|
<div id="help">
|
|
|
|
|
<svg class="helpcanvas" width="100%" height="100%"></svg>
|
|
|
|
|
</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-03-20 05:56:41 +04:00
|
|
|
<script src="aggregate.js"></script>
|
|
|
|
|
<script src="infobar.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>
|
2013-03-18 20:34:04 +04:00
|
|
|
<!-- Map -->
|
|
|
|
|
<script src="parseurl.js"></script>
|
2013-02-07 02:44:05 +04:00
|
|
|
<!-- Visualizations -->
|
|
|
|
|
<script src="clock.js"></script>
|
2013-03-08 03:51:48 +04:00
|
|
|
<script src="graph.js"></script>
|
2013-03-26 03:47:48 +04:00
|
|
|
<script src="list.js"></script>
|
2013-04-05 02:43:36 +04:00
|
|
|
<!-- Help Mode -->
|
|
|
|
|
<script src="help.js"></script>
|
2013-01-17 05:32:37 +04:00
|
|
|
</body>
|
|
|
|
|
</html>
|
