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>
|
2013-07-12 02:58:44 +04:00
|
|
|
<div class="collusion-icon"></div>
|
|
|
|
<img class="logo" src="icons/collusion_wordmark_temp.png" />
|
2013-07-10 01:54:18 +04:00
|
|
|
</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">
|
2013-07-16 02:54:28 +04:00
|
|
|
<i class="icon-sort-down hidden"></i><i class="icon-sort-up"></i>
|
2013-07-09 23:07:39 +04:00
|
|
|
</div>
|
2013-01-26 02:55:58 +04:00
|
|
|
</div>
|
2013-07-16 02:54:28 +04:00
|
|
|
<div data-list class="dropdown_options expanded">
|
|
|
|
<a data-value="Graph">
|
2013-07-09 23:07:39 +04:00
|
|
|
<img src="image/collusion_icon_graph.png" />graph
|
|
|
|
</a>
|
2013-07-16 02:54:28 +04:00
|
|
|
<a data-value="Clock">
|
2013-07-09 23:07:39 +04:00
|
|
|
<img src="image/collusion_icon_clock.png" />clock
|
|
|
|
</a>
|
2013-07-16 02:54:28 +04:00
|
|
|
<a data-value="List">
|
2013-07-09 23:07:39 +04:00
|
|
|
<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">
|
2013-07-16 02:54:28 +04:00
|
|
|
<i class="icon-sort-down hidden"></i><i class="icon-sort-up"></i>
|
2013-07-09 23:07:39 +04:00
|
|
|
</div>
|
2013-01-26 02:55:58 +04:00
|
|
|
</div>
|
2013-07-16 02:54:28 +04:00
|
|
|
<div data-list class="dropdown_options expanded">
|
2013-07-09 23:07:39 +04:00
|
|
|
<a data-selected data-value="recent">recent site</a>
|
2013-07-16 02:54:28 +04:00
|
|
|
<a data-value="last10sites">last 10 sites</a>
|
|
|
|
<a data-value="daily">daily</a>
|
|
|
|
<a 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="download">
|
2013-07-12 02:58:44 +04:00
|
|
|
<img src="image/collusion_icon_save.png" />Download
|
2013-07-09 23:07:39 +04:00
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="btn">
|
|
|
|
<a class="reset-data">
|
2013-07-12 02:58:44 +04:00
|
|
|
<img src="image/collusion_icon_reset.png" />Reset
|
2013-07-09 23:07:39 +04:00
|
|
|
</a>
|
|
|
|
</div>
|
2013-07-13 04:58:03 +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-07-13 04:58:03 +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">
|
2013-07-13 00:34:32 +04:00
|
|
|
<a href="http://www.mozilla.org/collusion" target="_blank">www.mozilla.org/collusion</a>
|
2013-07-10 01:02:49 +04:00
|
|
|
</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">
|
2013-07-17 00:43:14 +04:00
|
|
|
<div class="top-bar">
|
|
|
|
<div class="stats-section">
|
|
|
|
<div class="stat total-connections">
|
|
|
|
<h3></h3>
|
|
|
|
<span>TOTAL CONNECTIONS</span>
|
|
|
|
</div>
|
|
|
|
<div class="stat third-party-sites">
|
|
|
|
<h3></h3>
|
|
|
|
<span>3RD PARTY</span>
|
|
|
|
</div>
|
|
|
|
<div class="stat first-party-sites">
|
|
|
|
<h3></h3>
|
|
|
|
<span>1ST PARTY</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="sharing-section">
|
|
|
|
<div class="label">SHARING DATA</div>
|
|
|
|
<div class="toggle-btn share-btn">
|
|
|
|
<label><input type="checkbox" name="" id="" />
|
|
|
|
<div class="toggle-btn-innner">
|
|
|
|
<div class="switch"></div>
|
|
|
|
<div class="on-off-text">OFF</div>
|
|
|
|
</div>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
2013-07-11 00:52:33 +04:00
|
|
|
</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-07-13 04:58:03 +04:00
|
|
|
<div>
|
|
|
|
<h2 class="title"></h2>
|
2013-07-12 02:58:44 +04:00
|
|
|
<!--span class="blue-text">You are currently browsing this site</span-->
|
2013-07-12 04:31:13 +04:00
|
|
|
<span class="blue-text"><b>First Access </b></span><span class="info-first-access">Date</span><br>
|
|
|
|
<span class="blue-text"><b>Last Access </b></span><span class="info-last-access">Date</span>
|
2013-03-18 20:34:04 +04:00
|
|
|
<div class="map-section">
|
2013-07-13 00:34:32 +04:00
|
|
|
<h3 class="blue-text">Server Location</h3>
|
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>
|
2013-07-16 01:31:38 +04:00
|
|
|
<h3 class="connections-head dark-blue-text"><b class="blue-text num-connected-sites">17</b> Connection</h3>
|
2013-07-12 02:58:44 +04:00
|
|
|
<span>Made to/from this site</span>
|
2013-07-10 03:49:55 +04:00
|
|
|
</div>
|
2013-03-18 20:34:04 +04:00
|
|
|
<div class="connections-list">
|
|
|
|
<ul>
|
|
|
|
</ul>
|
2013-01-17 06:11:22 +04:00
|
|
|
</div>
|
2013-01-17 05:32:37 +04:00
|
|
|
</div>
|
|
|
|
</aside>
|
2013-07-13 04:58:03 +04:00
|
|
|
<div class="toggle-info-panel">
|
|
|
|
+
|
|
|
|
</div>
|
2013-07-09 06:03:20 +04:00
|
|
|
<div class="stage-stack">
|
|
|
|
<div class="stage-header">
|
2013-07-11 04:04:07 +04:00
|
|
|
<h1>[current view]</h1>
|
|
|
|
<span class="blue-text">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 22:22:02 +04:00
|
|
|
<!-- LEGEND & CONTROLS for Graph ================================ -->
|
2013-07-11 22:40:23 +04:00
|
|
|
<div class="graph-footer hidden">
|
2013-07-11 00:42:06 +04:00
|
|
|
<section class="legend-header">
|
2013-07-12 02:58:44 +04:00
|
|
|
<div><header class="blue-text">LEGEND & CONTROLS</header></div>
|
2013-07-11 00:42:06 +04:00
|
|
|
<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>
|
2013-07-11 22:22:02 +04:00
|
|
|
<svg class="legend-canvas-large" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
2013-07-11 00:42:06 +04:00
|
|
|
<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>
|
2013-07-11 22:22:02 +04:00
|
|
|
<svg class="legend-canvas-large" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
2013-07-11 00:42:06 +04:00
|
|
|
<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-11 22:22:02 +04:00
|
|
|
<!-- LEGEND & CONTROLS for Clock ================================ -->
|
2013-07-11 22:40:23 +04:00
|
|
|
<div class="clock-footer hidden">
|
2013-07-11 22:22:02 +04:00
|
|
|
<section class="legend-header">
|
2013-07-12 02:58:44 +04:00
|
|
|
<div><header class="blue-text">LEGEND & CONTROLS</header></div>
|
2013-07-11 22:22:02 +04:00
|
|
|
<div><a class="legend-toggle">Hide</a></div>
|
|
|
|
</section>
|
|
|
|
<section class="legend-controls">
|
|
|
|
<section class="column">
|
|
|
|
<div class="btn toggle-visited active">
|
|
|
|
<a>
|
|
|
|
<svg class="legend-canvas-small" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
<circle class="sourceSites" cx="8" cy="8" r="6" />
|
|
|
|
</svg>
|
|
|
|
Visited Site("source")
|
|
|
|
</a>
|
|
|
|
</div>
|
2013-07-12 01:15:29 +04:00
|
|
|
<div class="btn toggle-target active">
|
2013-07-11 22:22:02 +04:00
|
|
|
<a>
|
|
|
|
<svg class="legend-canvas-small" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
<circle class="targetSites" cx="8" cy="8" r="6" />
|
|
|
|
</svg>
|
|
|
|
Third Party Site("target")
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section class="column">
|
2013-07-12 01:15:29 +04:00
|
|
|
<div class="btn">
|
2013-07-11 22:22:02 +04:00
|
|
|
<a>
|
|
|
|
<svg class="legend-canvas-small" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
<circle class="watchedSites" cx="8" cy="8" r="6" />
|
|
|
|
</svg>
|
|
|
|
Watched Sites
|
|
|
|
</a>
|
|
|
|
</div>
|
2013-07-12 01:15:29 +04:00
|
|
|
<div class="btn">
|
2013-07-11 22:22:02 +04:00
|
|
|
<a>
|
2013-07-12 02:58:44 +04:00
|
|
|
<img src="icons/collusion_icon_block.png" />
|
|
|
|
<!--<svg class="legend-canvas-small" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
2013-07-11 22:22:02 +04:00
|
|
|
<circle class="blockedSites" cx="8" cy="8" r="6" />
|
|
|
|
<line class="blockedSites" x1="11" y1="3" x2="4.5" y2="14" />
|
2013-07-12 02:58:44 +04:00
|
|
|
</svg>-->
|
2013-07-11 22:22:02 +04:00
|
|
|
Blocked Sites
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section class="column">
|
2013-07-12 01:15:29 +04:00
|
|
|
<div class="btn">
|
2013-07-11 22:22:02 +04:00
|
|
|
<a>
|
|
|
|
<svg class="legend-canvas-small" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
<circle class="hiddenSites" cx="8" cy="8" r="6" />
|
|
|
|
</svg>
|
|
|
|
Hidden Sites
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section class="column">
|
2013-07-12 01:15:29 +04:00
|
|
|
<div class="legend-label">
|
2013-07-11 22:22:02 +04:00
|
|
|
<svg class="legend-canvas-small" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
<circle class="selectedSites" cx="8" cy="8" r="6" />
|
|
|
|
</svg>
|
|
|
|
Selected Site
|
|
|
|
</div>
|
2013-07-12 01:15:29 +04:00
|
|
|
<div class="legend-label">
|
2013-07-11 22:22:02 +04:00
|
|
|
<svg class="legend-canvas-small" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
<circle class="colludedSites" cx="8" cy="8" r="6" />
|
|
|
|
</svg>
|
|
|
|
"Colluded Sites"
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</section>
|
|
|
|
</div>
|
2013-07-10 04:15:41 +04:00
|
|
|
<div class="list-footer">
|
2013-07-12 02:58:44 +04:00
|
|
|
<section class="legend-header">
|
|
|
|
<div><header class="blue-text">SITE PREFERENCES</header></div>
|
|
|
|
<div><a class="legend-toggle">Hide</a></div>
|
|
|
|
</section>
|
|
|
|
<section class="legend-controls">
|
|
|
|
<section class="column">
|
|
|
|
<div class="block-pref btn active">
|
|
|
|
<a>
|
|
|
|
<img src="icons/collusion_icon_block.png" />
|
|
|
|
Block Site
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="hide-pref btn active">
|
|
|
|
<a>
|
|
|
|
<img src="icons/collusion_icon_hide.png" />
|
|
|
|
Hide Site
|
|
|
|
</a>
|
2013-07-10 03:49:55 +04:00
|
|
|
</div>
|
2013-07-12 02:58:44 +04:00
|
|
|
<div class="watch-pref btn active">
|
|
|
|
<a>
|
|
|
|
<img src="icons/collusion_icon_watch.png" />
|
|
|
|
Watch Site
|
|
|
|
</a>
|
|
|
|
</div>
|
2013-07-11 04:04:07 +04:00
|
|
|
</section>
|
2013-07-12 02:58:44 +04:00
|
|
|
<section class="column">
|
|
|
|
<div class="no-pref btn active">
|
|
|
|
<a>
|
|
|
|
Remove Preference
|
|
|
|
</a>
|
|
|
|
</div>
|
2013-07-11 04:04:07 +04:00
|
|
|
</section>
|
2013-07-12 02:58:44 +04:00
|
|
|
<section class="column">
|
|
|
|
<div class="toggle-hidden btn active orange">
|
|
|
|
<a>
|
|
|
|
Hide Hidden
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</section>
|
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 -->
|
2013-07-17 00:43:14 +04:00
|
|
|
<script src="parseuri.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>
|