doc: front page examples (3fe779cd) · Commits · github_fork / Clip

fnordmetric-doc/src/classic_running_fm.md

+5 −2

Original line number	Diff line number	Diff line
		@@ -69,12 +69,15 @@ _Example: This will start a worker_

		### Configuration

		FIXPAUL!
		You set configuration options by calling the `FnordMetric#options=` method
		before starting FnordMetric. To set e.g. a different redis url than localhost
		use:

		FnordMetric.options = {
		...
		:redis_url => "redis://my_redis_server.domain.com:6379"
		}

		The valid configuration options are:

		<table>
		<tr>

fnordmetric-doc/src/classic_sending_data.md

+0 −11

Original line number	Diff line number	Diff line
		@@ -75,17 +75,6 @@ _Example: push event 123123 to the internal redis queue with a ttl of 10 minutes
		expire "fnordmetric-event-123123" "600"



		### AMQP

		here be dragons


		### STOMP

		here be dragons


		### Client Libraries

		There are a number of client libraries for FnordMetric for Ruby, PHP, Python, C# and

fnordmetric-doc/src/roadmap.md

+2 −5

Original line number	Diff line number	Diff line
		@@ -2,23 +2,20 @@
		Todo
		====

		→ doc: examples on frontpage
		→ doc: all fnordmetric options in running
		→ doc: sending data: stomp + amqp
		→ doc: examples pages

		→ doc: example: age distribution
		→ doc: backport to readme
		→ doc: support, license, downloads
		→ doc: screenshots
		→ doc: hacking

		→ doc: fix fixpauls, make fnordmetric products italic, spellcheck, fix markdown underscores
		→ doc: syntax highlighting

		Show HN: Open-Source framwork for beautiful real-time dashboards

		→ doc: example: age distribution
		→ doc: document all widget options
		→ doc: sending data: stomp + amqp


		→ implement, _decr, _max, _min for zero config gauges

fnordmetric-doc/web/assets/documentation.css

+34 −0

Original line number	Diff line number	Diff line
		@@ -281,3 +281,37 @@ table td p {
		.shadow {
		box-shadow:0 0 8px rgba(0,0,0,.4);
		}

		pre.dark {
		margin:0;
		padding:0;
		}

		pre.dark code {
		background: #222;
		border: 1px solid #444;
		min-height: 230px;
		text-shadow: none;
		font: 16px / 26px monospace;
		}

		.code_snippets {
		width:400px; float:left;
		}

		.code_snippets .title {
		text-align: left;
		font-size: 16px;
		}

		.code_snippets a.link {
		color: #fff;
		text-decoration: none;
		float: right;
		position:relative;
		top:-18px;
		}

		.code_snippets a.link:hover {
		text-decoration: underline;
		}

fnordmetric-doc/web/index.erb

+40 −2

Original line number	Diff line number	Diff line
		@@ -6,9 +6,47 @@

		<div style="height:530px;">
		<div style="box-shadow:0 -5px 190px 15px rgba(255,255,255,0.24); width:798px; margin-left:24px; height:495px;"></div>
		<img src="/img/preview3.png" style="width:850px; position:relative; top:-512px;" />
		<a href="/documentation"><img src="/img/preview3.png" style="width:850px; position:relative; top:-512px;" /></a>
		</div>

		<p class="biglink"><a href="http://railscasts.com/episodes/378-fnordmetric" target="_blank">Watch the Screencast on Railscasts.com</a></p>
		<hr />
		<hr style="margin-bottom:55px;" />

		<div class="code_snippets" style="margin-right:50px;">
		<div class="title">Render a Timeseries Chart with the HTML5 API</div>
		<pre class="dark">
		<code>
		<div
		data-fnordmetric="timeseries"
		data-since="-10minutes"
		data-until="now"
		data-gauges="total_sales_in_euro"
		data-autoupdate="1"
		></div>
		</code>
		</pre>
		<a href="/documentation/ui_index" class="link">Getting Started with the HTML 5 API →</a>
		</div>
		<div class="code_snippets">

		<div class="title">Render a Timeseries Chart with the Ruby DSL</div>
		<pre class="dark">
		<code>
		widget 'Sales',
		:title => "Sales per Minute",
		:gauges => [:sales_per_minute],
		:type => :timeline,
		:width => 100,
		:autoupdate => 1
		</code>
		</pre>
		<a href="/documentation/classic_index" class="link">Getting Started with the Ruby DSL →</a>
		</div>

		<br style="clear:both;" />

		<div class="biglink" style="margin-top:70px;">
		<a href="http://github.com/paulasmuth/fnordmetric" target="_blank">
		Watch FnordMetric on Github →
		</a>
		</div>

Admin message