github/weave-scope
1
0
Fork 0
mirror of https://github.com/weaveworks/scope.git synced 2026-07-25 08:16:33 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
d50e827fd579b5c81c0fa56b81414121d6865bbf
weave-scope/web/index.html
Tom Wilkie d50e827fd5 Intial commit
2015-05-19 10:02:02 +00:00

276 lines
32 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="assets/ico/favicon.png">
<title>Cello | Type Type Type</title>
<meta name="description" content="Visualize your server network. Use the
topology map as a springboard to help troubleshoot problems, or just better
understand your architecture">
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href='http://fonts.googleapis.com/css?family=Lato:300|Nunito:300,700' rel='stylesheet' type='text/css'>
<link href="assets/css/main.less" rel="stylesheet/less">
<script src="assets/js/less.min.js"></script>
</head>
<body data-spy="scroll" data-offset="100" data-target="#navigation">
<!-- Fixed navbar -->
<div id="navigation" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#home"><b>Cello.</b></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#home" class="smoothscroll">Home</a></li>
<li><a href="#features" class="smoothscroll">Features</a></li>
<li><a href="#contact" class="smoothScroll">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
<div class="twitter visible-lg visible-md visible-sm">
<a href="https://twitter.com/type3x" class="twitter-follow-button" data-show-count="false">Follow @type3x</a>
<a href="https://twitter.com/share" class="twitter-share-button" data-text="I am using #cello to monitor my network, check it out">Tweet</a>
</div>
</div>
</div>
<section id="home" name="home"></section>
<div id="headerwrap">
<div class="container">
<div class="row">
<div class="col-md-6 centered">
<h1 class=""><b class="logo">C<span class="cello-e">e</span><span class="cello-l">ll</span><span class="cello-o">o</span><span class="cello-dot">.</span></b></h1>
<h3 class="centered">Network harmony.</h3>
</div>
<div class="col-md-6 install">
<a id="link-demo"
href="http://demo.getcello.net/" target="demo" class="btn btn-large btn-default pull-right">Live Demo</a>
<p>Cello is a map of your network, and a lot more. <br class="visible-lg">No configuration, nothing out-of-date&mdash;just the facts.</p>
</div>
</div>
</div> <!--/ .container -->
</div><!--/ #headerwrap -->
<div id="graph" class="container visible-lg visible-md">
<svg width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
pointer-events="all">
<defs>
<path id="cloud" d="M-14 494q0 -80 56.5 -137t135.5 -57h750q120 0 205 86t85 208q0 120 -85 206.5t-205 86.5q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5z"transform="scale(0.03,-0.03),translate(-600,-630)" />
</defs>
<g class="hosts">
<g id="host-app1" class="host faded active"><circle r="36" class="host-shadow"></circle><circle r="8" class="host"></circle><text class="hostname" x="0" y="54">app1</text><path class="class class-undefined" fill-opacity="0.75" fill="#dde" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#ff7f0e" d="M0,40A40,40 0 1,1 0,-40A40,40 0 1,1 0,40M0,36A36,36 0 1,0 0,-36A36,36 0 1,0 0,36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#2ca02c" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#d62728" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#9467bd" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#1f77b4" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#8c564b" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#e377c2" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#7f7f7f" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#bcbd22" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><g class="endpoint faded"><text x="8" y=".31em" class="endpoint-label-shadow">192.168.1.100</text><text x="8" y=".31em" class="endpoint-label">192.168.1.100</text><circle r="5"></circle></g></g>
<g id="host-app2" class="host faded"><circle r="36" class="host-shadow"></circle><circle r="8" class="host"></circle><text class="hostname" x="0" y="54">app2</text><path class="class class-undefined" fill-opacity="0.75" fill="#dde" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#ff7f0e" d="M0,40A40,40 0 1,1 0,-40A40,40 0 1,1 0,40M0,36A36,36 0 1,0 0,-36A36,36 0 1,0 0,36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#2ca02c" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#d62728" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#9467bd" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#1f77b4" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#8c564b" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#e377c2" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#7f7f7f" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#bcbd22" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><g class="endpoint faded"><text x="8" y=".31em" class="endpoint-label-shadow">192.168.1.100</text><text x="8" y=".31em" class="endpoint-label">192.168.1.100</text><circle r="5"></circle></g></g>
<g id="host-elastic1" class="host faded"><circle r="36" class="host-shadow"></circle><circle r="8" class="host"></circle><text class="hostname" x="0" y="54">elastic1</text><path id="class-undefined" class="class" fill-opacity="0.75" fill="#dde" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#ff7f0e" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#2ca02c" d="M0,40A40,40 0 1,1 0,-40A40,40 0 1,1 0,40M0,36A36,36 0 1,0 0,-36A36,36 0 1,0 0,36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#d62728" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#9467bd" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#1f77b4" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#8c564b" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#e377c2" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#7f7f7f" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#bcbd22" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><g class="endpoint hide"><text x="8" y=".31em" class="endpoint-label-shadow">192.168.1.170</text><text x="8" y=".31em" class="endpoint-label">192.168.1.170</text><circle r="5"></circle></g></g>
<g id="host-theinternet" class="host faded"><circle r="36" class="host-shadow"></circle><circle r="8" class="host"></circle><text class="hostname" x="0" y="54">the Internet</text><use xlink:href="#cloud" class="internet-symbol" /><path class="class class-undefined" fill-opacity="0.75" fill="#dde" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#ff7f0e" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#2ca02c" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#d62728" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#9467bd" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#1f77b4" d="M0,40A40,40 0 1,1 0,-40A40,40 0 1,1 0,40M0,36A36,36 0 1,0 0,-36A36,36 0 1,0 0,36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#8c564b" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#e377c2" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#7f7f7f" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#bcbd22" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path></g>
<g id="host-lb1" class="host faded"><circle r="36" class="host-shadow"></circle><circle r="8" class="host"></circle><text class="hostname" x="0" y="54">lb1</text><path class="class class-undefined" fill-opacity="0.75" fill="#dde" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#ff7f0e" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#2ca02c" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#d62728" d="M0,-40A40,40 0 1,1 0,40L0,36A36,36 0 1,0 0,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#9467bd" d="M0,40A40,40 0 1,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 1,0 0,36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#1f77b4" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#8c564b" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#e377c2" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#7f7f7f" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#bcbd22" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><g class="endpoint faded"><text x="8" y=".31em" class="endpoint-label-shadow">192.168.1.2</text><text x="8" y=".31em" class="endpoint-label">192.168.1.2</text><circle r="5"></circle></g></g>
<g id="host-lb2" class="host faded"><circle r="36" class="host-shadow"></circle><circle r="8" class="host"></circle><text class="hostname" x="0" y="54">lb2</text><path class="class class-undefined" fill-opacity="0.75" fill="#dde" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#ff7f0e" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#2ca02c" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#d62728" d="M0,-40A40,40 0 1,1 0,40L0,36A36,36 0 1,0 0,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#9467bd" d="M0,40A40,40 0 1,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 1,0 0,36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#1f77b4" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#8c564b" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#e377c2" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#7f7f7f" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path class="class class-undefined" fill-opacity="0.75" fill="#bcbd22" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><g class="endpoint faded"><text x="8" y=".31em" class="endpoint-label-shadow">192.168.1.3</text><text x="8" y=".31em" class="endpoint-label">192.168.1.3</text><circle r="5"></circle></g></g>
<g id="host-elastic2" class="host faded"><circle r="36" class="host-shadow"></circle><circle r="8" class="host"></circle><text class="hostname" x="0" y="54">elastic2</text><path id="class-undefined" class="class" fill-opacity="0.75" fill="#dde" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#ff7f0e" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#2ca02c" d="M0,40A40,40 0 1,1 0,-40A40,40 0 1,1 0,40M0,36A36,36 0 1,0 0,-36A36,36 0 1,0 0,36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#d62728" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#9467bd" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#1f77b4" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#8c564b" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#e377c2" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#7f7f7f" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#bcbd22" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><g class="endpoint hide"><text x="8" y=".31em" class="endpoint-label-shadow">192.168.1.171</text><text x="8" y=".31em" class="endpoint-label">192.168.1.171</text><circle r="5"></circle></g></g>
<g id="host-elastic3" class="host faded"><circle r="36" class="host-shadow"></circle><circle r="8" class="host"></circle><text class="hostname" x="0" y="54">elastic3</text><path id="class-undefined" class="class" fill-opacity="0.75" fill="#dde" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#ff7f0e" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#2ca02c" d="M0,40A40,40 0 1,1 0,-40A40,40 0 1,1 0,40M0,36A36,36 0 1,0 0,-36A36,36 0 1,0 0,36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#d62728" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#9467bd" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#1f77b4" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#8c564b" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#e377c2" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#7f7f7f" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#bcbd22" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><g class="endpoint hide"><text x="8" y=".31em" class="endpoint-label-shadow">192.168.1.172</text><text x="8" y=".31em" class="endpoint-label">192.168.1.172</text><circle r="5"></circle></g></g>
<g id="host-elastic4" class="host faded"><circle r="36" class="host-shadow"></circle><circle r="8" class="host"></circle><text class="hostname" x="0" y="54">elastic4</text><path id="class-undefined" class="class" fill-opacity="0.75" fill="#dde" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#ff7f0e" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#2ca02c" d="M0,40A40,40 0 1,1 0,-40A40,40 0 1,1 0,40M0,36A36,36 0 1,0 0,-36A36,36 0 1,0 0,36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#d62728" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#9467bd" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#1f77b4" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#8c564b" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#e377c2" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#7f7f7f" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><path id="class-undefined" class="class" fill-opacity="0.75" fill="#bcbd22" d="M-7.347880784638762e-15,-40A40,40 0 0,1 -7.347880784638762e-15,-40L-6.613092706174886e-15,-36A36,36 0 0,0 -6.613092706174886e-15,-36Z"></path><g class="endpoint hide"><text x="8" y=".31em" class="endpoint-label-shadow">192.168.1.173</text><text x="8" y=".31em" class="endpoint-label">192.168.1.173</text><circle r="5"></circle></g></g>
</g>
<g class="host-links">
<g id="link-host-edge-app1-lb2" class="link link-host"><path class="shadow-link"></path><path class="thin-link"></path></g>
<g id="link-host-edge-app1-elastic3" class="link link-host"><path class="shadow-link"></path><path class="thin-link"></path></g>
<g id="link-host-edge-app1-elastic4" class="link link-host"><path class="shadow-link"></path><path class="thin-link"></path></g>
<g id="link-host-edge-lb1-theinternet" class="link link-host"><path class="shadow-link"></path><path class="thin-link"></path></g>
<g id="link-host-edge-app1-elastic1" class="link link-host"><path class="shadow-link"></path><path class="thin-link"></path></g>
<g id="link-host-edge-app1-elastic2" class="link link-host"><path class="shadow-link"></path><path class="thin-link"></path></g>
<g id="link-host-edge-app1-lb1" class="link link-host"><path class="shadow-link"></path><path class="thin-link"></path></g>
<g id="link-host-edge-app2-lb1" class="link link-host"><path class="shadow-link"></path><path class="thin-link"></path></g>
<g id="link-host-edge-app2-elastic2" class="link link-host"><path class="shadow-link"></path><path class="thin-link"></path></g>
<g id="link-host-edge-app2-elastic1" class="link link-host"><path class="shadow-link"></path><path class="thin-link"></path></g>
</g>
</svg>
</div>
<!-- INTRO WRAP -->
<div id="intro" class="visible-md visible-lg">
<div class="container">
<div class="row centered">
<div class="col-md-6">
<div class="bottom">
<h3>Topology graphs.</h3>
<p>Just the facts about your machines and traffic.</p>
</div>
</div>
<div class="col-md-6">
<img id="host-detail" src="assets/img/host-app1.png" alt="" class="img-thumbnail">
</div>
</div>
</div> <!--/ .container -->
</div><!--/ #introwrap -->
<section id="features" name="features"></section>
<!-- FEATURES WRAP -->
<div id="featureswrap">
<div class="container">
<h1 class="centered">Devs empowered.</h1>
<div class="row">
<div class="col-md-8 centered">
<video src="assets/videos/scenario-1.mp4" class="centered img-thumbnail" poster="assets/videos/poster-1.png">
</div>
<div class="col-md-4">
<h3>A real-time view.</h3>
<p>
Cello shows you exactly what's happening on your network, right now.
It can show you an overview of the complete topology, or focus on specific segments.
Cello helps you verify correct operations, and find troubled applications.
</p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h3>Group hosts.</h3>
<p>
You can classify the traffic and servers based on patterns.
Similar servers can be grouped and colored based on their behavior.
The picture is always accurate and up-to-date&mdash;no need to edit config files.
</p>
</div>
<div class="col-md-8 centered">
<video src="assets/videos/scenario-3.mp4" class="centered img-thumbnail" poster="assets/videos/poster-3.png">
</div>
</div>
<div class="row">
<div class="col-md-8 centered">
<video src="assets/videos/scenario-4.mp4" class="centered img-thumbnail" poster="assets/videos/poster-4.png">
</div>
<div class="col-md-4">
<h3>Drill down.</h3>
<p>
See network statistics per host, or inspect communication between individual interfaces.
Use filters to look only at certain servers or traffic.
All views are bookmarkable and simple to share.
</p>
</div>
</div>
</div><!--/ .container -->
</div><!--/ #features -->
<section id="contact" name="contact"></section>
<div id="footerwrap">
<div class="container">
<div class="col-md-4">
<h3>Address</h3>
<p>
Type Type Type UG (haftungsbeschränkt)<br>
c/o David Kaltschmidt<br>
Dänenstraße 12<br>
10439 Berlin<br>
Germany
</p>
</div>
<div class="col-md-5">
<h3>Legal/Impressum</h3>
<p>
Responsible for content: David Kaltschmidt (CEO)<br>
Registered in: AG Berlin/Charlottenburg<br>
HRB 123456<br>
USt-Id-Nr.: DE292972516<br>
Steuer-Nr.: 37/471/21995
</p>
</div>
<div class="col-md-3 contact">
<h3>Get In Touch</h3>
<p>
Cello is currently in a closed beta during which you can evaluate* it for free.
</p>
<a href="mailto:info@typetypetype.net?sqs_title=If+you+are+interested+in+learning+more+or+joining+our+beta,+please+leave+your+email+address:&subject=Cello+beta&body=Please+contact+me+about+Cello+news" class="btn btn-large btn-success" id="link-contact">
Contact us
<br><small>info@typetypetype.net</small>
</a>
</div>
</div>
</div>
<div id="c">
<div class="container">
<div class="col-md-4">
<p>&copy; 2013 - 2014, Type Type Type UG</p>
</div>
<div class="col-md-8">
<p>* Subject to <a id="link-eula" href="docs/eula.html" target="eula">End User License Agreement</a></p>
</div>
</div>
</div>
<script src="assets/js/jquery-2.1.0.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/d3.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/squaresend.js"></script>
<script type="text/javascript">
if (document.location.hostname.indexOf("getcello.net") !== -1) {
// Analytics
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-48740029-1', 'getcello.net');
ga('send', 'pageview');
$('#link-eula').on('click', function() {
ga('send', 'event', 'link', 'click', 'eula');
});
$('#link-demo').on('click', function() {
ga('send', 'event', 'link', 'click', 'demo');
});
$('#link-contact').on('click', function() {
ga('send', 'event', 'link', 'click', 'contact');
});
$('a.twitter-share-button').on('click', function() {
ga('send', 'event', 'twitter', 'click', 'share');
});
$('a.twitter-follow-button').on('click', function() {
ga('send', 'event', 'twitter', 'click', 'follow');
});
// Twitter
(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js,fjs);}})(document, 'script', 'twitter-wjs');
}
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink