Skip to content

Instantly share code, notes, and snippets.

@spbooks
spbooks / dabblet.css
Created October 4, 2012 00:24
HTML Structural diagram generator beta 0.1
/**
* HTML Structural diagram generator beta 0.1
*/
a {
display:inline-block;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
var exchange = require('./exchange');
module.exports = BinaryHeap;
function BinaryHeap(scoreFunction, options){
this.content = [];
if (options)
this.options = options;
else
this.options = {};
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://code.highcharts.com/stock/highstock.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$.getJSON('/api/trades', function(data) {
// create the chart
chart = new Highcharts.StockChart({
chart : {
renderTo : 'container'
},
@spbooks
spbooks / gist:3949965
Created October 25, 2012 01:29 — forked from nodeninja/gist:3831643
mockup
<table class="table table-bordered table-condensed">
<thead>
<tr>
<th>Stock</th>
<th>BID5</th>
<th>BID4</th>
<th>BID3</th>
<th>BID2</th>
<th>BID1</th>
<th>Trade</th>
<td> <span class="badge badge-inverse"><%=st%></span></td>
<td><a class="btn btn-primary btn-mini trade-button"><strong><div id="<%=st%>b5p"><%=b5p%></div></strong><div id="<%=st%>b5v"><%=b5v%></div></a></td>
<td><a class="btn btn-primary btn-mini trade-button"><strong><div id="<%=st%>b4p"><%=b4p%></div></strong><div id="<%=st%>b4v"><%=b4v%></div></a></td>
<td><a class="btn btn-primary btn-mini trade-button"><strong><div id="<%=st%>b3p"><%=b3p%></div></strong><div id="<%=st%>b3v"><%=b3v%></div></a></td>
<td><a class="btn btn-primary btn-mini trade-button"><strong><div id="<%=st%>b2p"><%=b2p%></div></strong><div id="<%=st%>b2v"><%=b2v%></div></a></td>
<td><a class="btn btn-primary btn-mini trade-button"><strong><div id="<%=st%>b1p"><%=b1p%></div></strong><div id="<%=st%>b1v"><%=b1v%></div></a></td>
<td><a class="btn btn-success btn-mini trade-button"><strong><div id="<%=st%>tp"><%=tp%> </div></strong><div id="<%=st%>tv"><%=tv%></div></a></td>
<td><a class="btn btn-danger btn-mini trade-button"><strong><div id=
<h3>Welcome to the Nockmarket</h3>
<p>Here you can manage your portfolio and view live prices.</p>
<div class="tabbable" style="margin-bottom: 18px;">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">Portfolio</a></li>
<li><a href="#tab2" data-toggle="tab">Nockmarket</a></li>
</ul>
<div class="tab-content" style="padding-bottom: 9px; border-bottom: 1px solid #ddd;">
<div class="tab-pane active" id="tab1">
<div class="well form-search">
<div id="loginModal" class="modal hide fade smallModal">
<form id="login-form" action="/login" method="post" class="form-horizontal">
<div class="modal-header">
<a data-dismiss="modal" class="close"></a>
<h3>Log In</h3>
</div>
<div class="modal-body">
<fieldset>
<div class="control-group">
<input type="text" name="username" placeholder="Username" class="input-xlarge uname"/>
<div id="myModal" class="modal hide fade smallModal">
<form id="signup-form" action="/signup" method="post" class="form-horizontal">
<div class="modal-header"><a data-dismiss="modal" class="close"></a>
<h3>Sign Up Today</h3></div>
<div class="modal-body">
<fieldset>
<div class="control-group">
<input type="text" name="username" placeholder="Username" class="input-xlarge uname"/>
<span id="imagePlaceHolder"></span>
</div>