Various "Build in" banners

dabblet.css

/**
 * Various "Build in" banners
 */

 @import url("//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css");
@import url("//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-glyphicons.css");
body {
  text-align: center;
  margin: 2em;
}

img {
	width: 12em;
}
.icon-montreal {  
	margin-bottom: -1px;  
	margin-left: 1px;  
	display: inline-block;  
	height: 14px;  
	width: 14px;  
	background-image: url('http://stillmaintained.com/img/mtl.jpg');
}

.glyphicon {  
	position: relative;  
	top: 1px;  
	display: inline-block;  
	font-family: 'Glyphicons Halflings';  
	font-style: normal;  
	font-weight: normal;  
	line-height: 1;  
	-webkit-font-smoothing: antialiased;  
	-moz-osx-font-smoothing: grayscale;
}

dabblet.html

<div class="container">

    <div class="panel panel-default">
		<div class="panel-heading">
            <h3 class="panel-title">
                Made in Montreal
            </h3>
		</div>
		<div class="panel-body">
            Built in <strong>Montreal</strong>
            <span class="icon-montreal" title="Montreal"></span>, with 
            <span class="glyphicon glyphicon-heart" title="love"></span>
		</div>
	</div>
		
    <div class="panel panel-default">
		<div class="panel-heading">
			<h3 class="panel-title">
            Made in New York
            </h3>
		</div>
		<div class="panel-body">
			<a href="http://wearemadeinny.com/">
    	        <img src="http://upload.wikimedia.org/wikipedia/en/f/fc/Made_in_NY_logo.png" />
			</a>
		</div>
	</div>
		
    <div class="panel panel-default">
		<div class="panel-heading">
			<h3 class="panel-title">
                Made in Amsterdam 
        		<small>(design by <a href="http://michieldegraaf.com/madeinamsterdam">Michiel de Graaf</a>)</small>
            </h3>
		</div>
		<div class="panel-body">
            <a href="http://www.madeinams.nl/">
            	<img src="http://www.madeinams.nl/images/logo-mams@2x.png" />
			</a>
		</div>
	</div>
		
    <div class="panel panel-default">
		<div class="panel-heading">
            <h3 class="panel-title">
            Made in Berlin 
    		<small>(various designs)</small>
            </h3>
		</div>
		<div class="panel-body">
			<img src="http://ernestinefont.com/wp-content/uploads/2011/11/made-in-berlin-badge.png" />
			<img src="http://www.fontshop.de/wp-content/uploads/2012/01/made_in_berlin.jpg" />
			<img src="https://m1.behance.net/rendition/modules/126047695/disp/f7486b29728a97af727ab2423b38dc3c.jpg" />
		</div>
	</div>
<!--		
@TODO: 
	- Build with love by github (ataom.io
	- http://www.madeinwarrington.com/
	x
      </div>   
      <div class="panel panel-default">
		<div class="panel-heading">
            <h3 class="panel-title">
            </h3>
		</div>
		<div class="panel-body">
            <a href="http://techberlin.tumblr.com/post/15943495422/made-in-berlin-contest-winner"></a>
		</div>
	</div>
-->
</div>

dabblet.js

/* alert('Hello world!'); */

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}