Skip to content

Instantly share code, notes, and snippets.

@mattisbusycom

mattisbusycom/dabblet.css

Last active August 29, 2015 14:11
Show Gist options
  • Save mattisbusycom/c0f13fe1e0d32e0a77eb to your computer and use it in GitHub Desktop.
Save mattisbusycom/c0f13fe1e0d32e0a77eb to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
background: #eee;
background: linear-gradient(95deg, #eee, #c0c0c0);
min-height: 100%;
Raw
dabblet.html
<link rel='stylesheet' href='http://mattisbusy.com/legomrkt/css/bootstrap.min.css'>
<!-- content to be placed inside <body>…</body> -->
<div class="container-fluid">
<div class="row">
<div class="col-sm-3">
<p class="lead">Years</p>
<div class="list-group">
<a href="#" class="list-group-item">2014</a>
<a href="#" class="list-group-item">2013</a>
</div>
<p class="lead">Themes</p>
<div class="list-group">
<a href="#" class="list-group-item">Parent 1</a>
<a href="#" class="list-group-item">Parent 2</a>
</div>
</div>
<div class="col-sm-9">
<small>all themes</small>
<h1>Racers > Ferrari</h1>
<ul class='breadcrumb'>
<li><a href="/legos/">Home</a></li>
<li><a href="/legos/themes">Themes</a></li>
<li><a href="/legos/themes/explore/racers">Racers</a></li>
<li class="active">Ferrari</li> <!--/legos/themes/explore/marvel-super-heroes-->
</ul>
<hr>
<img class="image" src="http://mattisbusy.com/legos/app/webroot/files/product/photo/10788/LOC714-1.jpg">
</div>
</div>
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment