lightbeam/data/index.html

363 строки
17 KiB
HTML
Исходник Обычный вид История

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="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">
<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 hidden"></i><i class="icon-sort-up"></i>
2013-07-09 23:07:39 +04:00
</div>
</div>
<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>
<a data-value="Clock">
2013-07-09 23:07:39 +04:00
<img src="image/collusion_icon_clock.png" />clock
</a>
<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>
</div>
2013-07-09 23:07:39 +04:00
<div class="btn_group session">
<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 hidden"></i><i class="icon-sort-up"></i>
2013-07-09 23:07:39 +04:00
</div>
</div>
<div data-list class="dropdown_options expanded">
2013-07-09 23:07:39 +04:00
<a data-selected data-value="recent">recent site</a>
<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>
</div>
2013-07-09 23:07:39 +04:00
<div class="btn">
<a class="download">
<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">
<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">
<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">
<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">
<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>
</div>
<div id="content" class="">
2013-01-17 05:32:37 +04:00
<aside class="info">
<div class="holder">
2013-07-13 04:58:03 +04:00
<div>
<h2 class="title"></h2>
<!--span class="blue-text">You are currently browsing this site</span-->
<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">
<h3 class="blue-text">Server Location</h3>
2013-03-20 03:29:52 +04:00
<div><span id="country">&nbsp;</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>
<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>
</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 -->
<!-- LEGEND & CONTROLS for Graph ================================ -->
2013-07-11 22:40:23 +04:00
<div class="graph-footer hidden">
<section class="legend-header">
<div><header class="blue-text">LEGEND & CONTROLS</header></div>
<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="visitedSites" cx="8" cy="8" r="6" />
</svg>
Visited Site
</a>
</div>
<div class="btn toggle-never-visited active">
<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>
<div class="btn toggle-connections active">
<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">
<div class="btn toggle-cookies">
<a>
<svg class="legend-canvas-small" version="1.1" xmlns="http://www.w3.org/2000/svg">
<line class="cookies" x1="14" y1="2" x2="2" y2="14" />
</svg>
Cookies
</a>
</div>
</section>
</section>
</div>
<!-- LEGEND & CONTROLS for Clock ================================ -->
2013-07-11 22:40:23 +04:00
<div class="clock-footer hidden">
<section class="legend-header">
<div><header class="blue-text">LEGEND & CONTROLS</header></div>
<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>
<div class="btn toggle-target active">
<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">
<div class="btn">
<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>
<div class="btn">
<a>
<img src="icons/collusion_icon_block.png" />
<!--<svg class="legend-canvas-small" 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" />
</svg>-->
Blocked Sites
</a>
</div>
</section>
<section class="column">
<div class="btn">
<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">
<div class="legend-label">
<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>
<div class="legend-label">
<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>
<div class="list-footer">
<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>
<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>
<section class="column">
<div class="no-pref btn active">
<a>
Remove Preference
</a>
</div>
2013-07-11 04:04:07 +04:00
</section>
<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>
<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>
<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="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>
<!-- Help Mode -->
<script src="help.js"></script>
2013-01-17 05:32:37 +04:00
</body>
</html>