pimp my documentation (d7df6a60) · Commits · github_fork / Clip

.gitignore

+1 −0

Original line number	Diff line number	Diff line
		.DS_Store
		build

doc/Rakefile

+1 −0

Original line number	Diff line number	Diff line
		@@ -48,6 +48,7 @@ class DocApp < Sinatra::Base

		get "/" do
		@yield = render(:erb, IO.read(File.join(BASEDIR, 'web/index.erb')))
		@body_classes = "colorbg"
		render_with_layout
		end

doc/web/assets/documentation.css

+54 −18

Original line number	Diff line number	Diff line
		@@ -3,8 +3,9 @@ body {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 14px;
		line-height: 20px;
		color: #fff;
		background-color: #111;
		background-color: #fff;
		color: #333;
		background: #0d0d0d;
		/text-shadow:0 0 1px #000;/
		}

		@@ -31,21 +32,19 @@ hr {
		}

		#wrap {
		width:850px; margin:auto;
		}

		#wrap.large {
		width: 915px;
		max-width:1200px;
		height: auto;
		margin:auto;
		}

		.jumbotron {
		margin: 60px 0;
		text-align: center;
		color: #fff;
		}

		.jumbotron h1 {
		font-size: 72px;
		line-height: 1;
		font-size: 58px;
		line-height: 1.2;
		}

		.lead {
		@@ -70,8 +69,21 @@ hr {
		border-bottom: 1px solid #666;
		}

		#header {
		border-bottom: 1px solid #222;

		.colorbg {
		height: 750px;
		overflow: visible;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#2e3336), to(#0d0d0d));
		background-image: -webkit-linear-gradient(top, #2e3336, #0d0d0d);
		background-image: -moz-linear-gradient(top, #2e3336, #0d0d0d);
		background-image: -ms-linear-gradient(top, #2e3336, #0d0d0d);
		background-image: -o-linear-gradient(top, #2e3336, #0d0d0d);
		background-image: linear-gradient(top, #2e3336, #0d0d0d);
		}

		.colorbg.intro {
		overflow: hidden;
		border-bottom: 1px solid #ddd;
		}

		#footer {
		@@ -93,19 +105,27 @@ hr {
		}

		#header h1 a {
		color:#fff;
		color:#333;
		text-decoration:none;
		}

		.colorbg #header h1 a {
		color: #fff;
		}

		#header a.menu {
		float:right;
		color:#fff;
		color:#333;
		text-decoration:none;
		line-height:26px;
		margin-top:9px;
		margin-left:25px;
		}

		.colorbg #header a.menu {
		color: #fff;
		}

		#header a.menu:hover {
		border-bottom: 1px solid #666;
		}
		@@ -139,7 +159,8 @@ hr {
		height:1200px;
		width:210px;
		padding-top:15px;
		float:left;
		position: absolute;
		margin-left: -210px;
		}

		#navigation ul {
		@@ -180,7 +201,6 @@ hr {
		}

		#documentation {
		width:629px;
		padding: 25px 40px;
		float:left;
		color: #333;
		@@ -197,10 +217,11 @@ hr {
		border-radius:5px;
		border:1px solid #ddd;
		border-top:none;
		box-shadow:0 0 5px #000;
		box-shadow:0 0 2px rgba(0,0,0,.1);
		overflow:hidden;
		width:920px;
		max-width:1200px;
		background:#f4f4f4;
		padding-left: 210px;
		}

		#documentation h3 {
		@@ -327,3 +348,18 @@ pre.dark code {
		#documentation pre + h3 {
		margin-top:55px;
		}

		.colorstripe {
		height: 5px;
		background-image: -webkit-linear-gradient(
		left,
		#4c75a5,
		#4c75a5 33%,
		#9e4f49 33%,
		#9e4f49 66%,
		#909f50 66%);
		background-size: 60px 5px;
		border-top: 1px solid rgba(255,255,255,0.3);
		border-bottom: 1px solid rgba(255,255,255,0.3);
		box-shadow: 0 0 2px rgba(0,0,0,1.0);
		}

doc/web/documentation.erb

+54 −40

Original line number	Diff line number	Diff line
		<div class="colorstripe"></div>
		<div class="colorbg">
		<div id="wrap" class="<%= @doc_yield ? :large : nil %>" style="padding-top:25px;">
		<div id="header">
		<a class="menu" href="/documentation/support">Support</a>
		<a class="menu" href="http://github.com/paulasmuth/fnordmetric" target="_blank">Github</a>
		<a class="menu" href="/screenshots">Screenshots</a>
		<a class="menu" href="/documentation">Documentation</a>
		<h1><a href="/">FnordMetric</a></h1>
		</div>

		<div id="documentation_wrap">
		<div class="headbar">Documentation</div>
		<div id="navigation">
		<ul>
		<li class="<%= @route == "/index" ? :active : nil %>">
		@@ -34,14 +44,18 @@
		<% end %>
		</div>

		<!--<div class="headbar">Documentation</div>-->

		<div id="documentation">
		<%= @doc_yield %>
		</div>

		</div>

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

doc/web/index.erb

+25 −15

Original line number	Diff line number	Diff line
		<div class="colorstripe"></div>
		<div class="colorbg intro">
		<div id="wrap" class="<%= @doc_yield ? :large : nil %>" style="padding-top:25px;">
		<div id="header">
		<a class="menu" href="/documentation/support">Support</a>
		<a class="menu" href="http://github.com/paulasmuth/fnordmetric" target="_blank">Github</a>
		<a class="menu" href="/documentation">Documentation</a>
		<a class="menu" href="/documentation">Examples</a>
		<h1><a href="/">FnordMetric</a></h1>
		</div>

		<div class="jumbotron">
		<h1>Custom real-time dashboards</h1>
		<br>
		<p class="lead">FnordMetric powers highly customizable real-time analytics dashboards</p>
		<h1>Create beautiful charts from SQL</h1>
		<p class="lead">Create beautiful charts and dashbaords directly from SQL with FnordMetric.</p>
		</div>

		<div style="height:530px;">
		<div style="height:530px; float: right;">
		<div style="box-shadow:0 -5px 190px 15px rgba(255,255,255,0.24); width:798px; margin-left:24px; height:495px;"></div>
		<a href="/documentation"><img src="/img/screenshot_1.png" style="width:850px; position:relative; top:-512px;" /></a>
		</div>
		<br style="clear:both;" />
		</div>
		</div>
		<div style="background: #fff; height: 900px;">
		</div>

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

		@@ -42,11 +58,5 @@
		</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