doc: basic content stylesheet (51d20865) · Commits · github_fork / Clip

fnordmetric-doc/documentation.css

+107 −3

Original line number	Diff line number	Diff line
		@@ -19,8 +19,8 @@ h1, h2, h3, h4, h5, h6 {

		h1, h2, h3 { line-height: 40px; }
		h1 { font-size: 38.5px; }
		h2 { font-size: 31.5px; }
		h3 { font-size: 24.5px; }
		h2 { font-size: 26.5px; }
		h3 { font-size: 17.5px; }
		h4 { font-size: 17.5px; }
		h5 { font-size: 14px; }
		h6 { font-size: 11.9px; }
		@@ -34,6 +34,10 @@ hr {
		width:850px; margin:auto;
		}

		#wrap.large {
		width: 915px;
		}

		.jumbotron {
		margin: 60px 0;
		text-align: center;
		@@ -93,3 +97,103 @@ hr {
		margin-top:7px;
		margin-left:25px;
		}

		.headbar {
		height:36px;
		background-color: #F4F4F4;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#e9e9e9));
		background-image: -webkit-linear-gradient(top, #f4f4f4, #e9e9e9);
		background-image: -moz-linear-gradient(top, #f4f4f4, #e9e9e9);
		background-image: -ms-linear-gradient(top, #f4f4f4, #e9e9e9);
		background-image: -o-linear-gradient(top, #f4f4f4, #e9e9e9);
		background-image: linear-gradient(top, #f4f4f4, #e9e9e9);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#e9e9e9');
		padding: 0 25px;
		border-bottom: 1px solid #C9C9C9;
		border-top: 1px solid #d0d0d0;
		line-height:29px;
		color: #333;
		font-size:14px;
		line-height:35px;
		font-weight:bold;
		margin:0;
		text-shadow: 1px 0px 2px rgba(255, 255, 255, 1);
		-moz-text-shadow: 1px 0px 2px rgba(255,255,255,1);
		-webkit-text-shadow: 1px 0px 2px rgba(255,255,255,1);
		overflow:hidden;
		}

		#navigation {
		height:1200px;
		width:210px;
		border-right:1px solid #c7c9cc;
		background:#f4f4f4;
		padding-top:15px;
		float:left;
		}

		#navigation ul {
		list-style-type:none;
		margin: 0;
		padding: 0 0 0 20px;
		}

		#navigation ul li {
		font-size: 12px;
		line-height:23px;
		}

		#navigation ul li a {
		text-decoration: none;
		color: #333;
		}

		#navigation ul li a:hover {
		text-decoration: underline;
		}

		#navigation a.nav_title {
		display:block;
		text-transform: uppercase;
		font-family: Arial,sans-serif;
		font-weight: bold;
		font-size: 11px;
		margin: 20px 0 8px 0;
		padding: 15px 0 0 22px;
		border-top: 1px white solid;
		box-shadow: 0 -1px 0 #d7dbe6;
		color:#666;
		}

		#documentation {
		width:620px;
		padding: 25px 40px;
		float:left;
		color: #333;
		font-size: 14px;
		line-height:24px;
		}

		#documentation_wrap {
		min-height:600px;
		border-radius:5px; background:#fff; border:1px solid #ddd; border-top:none; box-shadow:0 0 5px #000; overflow:hidden; width:920px;
		}

		#documentation h3 {
		margin-top: 25px;
		margin-bottom: 0;
		padding-bottom: 0;
		}

		#documentation p {
		margin-top: 4px;
		}

		#documentation a {
		color: #06c;
		text-decoration: none;
		}

		#documentation a:hover {
		text-decoration: underline;
		}

fnordmetric-doc/index.html

+59 −1

Original line number	Diff line number	Diff line
		@@ -8,7 +8,7 @@
		</head>
		<body>

		<div id="wrap" style="padding-top:25px;">
		<div id="wrap" class="large" style="padding-top:25px;">
		<div id="header">
		<a href="#">Support</a>
		<a href="#">Github</a>
		@@ -17,6 +17,64 @@
		<h1>FnordMetric</h1>
		</div>

		<div id="documentation_wrap">
		<div class="headbar">Documentation</div>
		<div id="navigation">
		<ul>
		<li><a href="#">Getting Started</a></li>
		</ul>
		<a class="nav_title">FnordMetric UI</a>
		<ul>
		<li><a href="#">Getting Started</a></li>
		<li><a href="#">Getting Started</a></li>
		<li><a href="#">Getting Started</a></li>
		<li><a href="#">Getting Started</a></li>
		</ul>
		<a class="nav_title">FnordMetric Classic</a>
		<ul>
		<li><a href="#">Getting Started</a></li>
		<li><a href="#">Getting Started</a></li>
		<li><a href="#">Getting Started</a></li>
		<li><a href="#">Getting Started</a></li>
		</ul>
		<a class="nav_title">FnordMetric Enterprise</a>
		<ul>
		<li><a href="#">Getting Started</a></li>
		<li><a href="#">Getting Started</a></li>
		<li><a href="#">Getting Started</a></li>
		<li><a href="#">Getting Started</a></li>
		</ul>
		</div>

		<div id="documentation">
		<h2>FnordMetric v1.1.2 Documentation</h2>
		<p>FnordMetric is a framework for collecting and displaying timseries data. It is split up into
		three components:</p>

		<h3>FnordMetric UI</h3>
		<p>FnordMetric UI is a HTML5 / JavaScript API that lets you plugin realtime data and timeseries
		graphs into any webpage without having to write a single line of code. It gives you maximum
		flexiblitiy as you can control the complete layout and style with HTML and CSS. FnordMetric UI
		uses WebSockets to communicate with the backend. There are two backend implementations:
		FnordMetric Classic (ruby + redis) or FnordMetric Enterprise (JVM). You can use FnordMetric UI
		as a white label solution to power your custom realtime analytics apps.</p>
		<a href="#">Getting Started with FnordMetric UI →</a>

		<h3>FnordMetric Classic</h3>
		<p>FnordMetric Classic offers a ruby DSL for processing data streams and manipulating gauges that
		get stored in redis. It includes a collection of pre-made UI widgets which you can use to build
		beautiful web dashboards within minutes. You can also use the FnordMetric UI HTML5 API to display
		the data on another website or build highly customized / white label views.</p>
		<a href="#">Getting Started with FnordMetric Classic →</a>

		<h3>FnordMetric Enterprise</h3>
		<p>FnordMetric Enterprise is a JVM based timeseries database which serves as a backend for FnordMetric
		UI. It does not offer it's own user interface.</p>
		<a href="#">Getting Started with FnordMetric Enterprise →</a>

		</div>
		</div>

		<div class="jumbotron">
		<h1>Custom real-time dashboards</h1>
		<br>

Admin message