Skip to content

Instantly share code, notes, and snippets.

View nonlinear's full-sized avatar

Nicholas Frota nonlinear

View GitHub Profile

Keybase proof

I hereby claim:

  • I am nonlinear on github.
  • I am nonlinear (https://keybase.io/nonlinear) on keybase.
  • I have a public key whose fingerprint is 99B9 8E59 F275 2E20 2B97 226F 1310 76A4 4C5D 519A

To claim this, I am signing this object:

@nonlinear
nonlinear / test
Created April 28, 2012 00:32
testing
testing this shit
@nonlinear
nonlinear / gist:3881951
Created October 12, 2012 22:23
Bootstrap: Accordion
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">[First Title]</a> </div>
<div id="collapseOne" class="accordion-body collapse in">
<div class="accordion-inner"> [Content] </div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> [Second Title] </a> </div>
<div id="collapseTwo" class="accordion-body collapse">
@nonlinear
nonlinear / bootstrap_alert.html
Last active October 11, 2015 15:47
bootstrap_alert
<!-- other options: alert-info, alert-success, alert-warning, alert-danger -->
<div class="alert alert-success fade in">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<h4>[Title]</h4>[Content]
</div><!-- alert -->
@nonlinear
nonlinear / gist:3881950
Created October 12, 2012 22:22
Bootstrap: Carousel
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="item active"> <img src="http://placehold.it/500x300" >
<div class="carousel-caption">
<p>[Caption for First Image]</p>
</div>
</div>
<div class="item"> <img src="http://placehold.it/500x300">
<div class="carousel-caption">
<p>[Caption for Second Image]</p>
@nonlinear
nonlinear / bootstrap_popover.html
Last active October 11, 2015 15:47
bootstrap_popover
<!-- to change position, add data-placement= top, bottom, left, right -->
<a data-toggle="popover" title="[Popover Title]" data-content="[Popover content]" data-placement="top">[Popover trigger]</a>
@nonlinear
nonlinear / gist:3882036
Created October 12, 2012 22:38
HTML: apple favicon script
<!-- TODO: Place favicon.ico and apple-touch-icon.png in the root of your domain -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
@nonlinear
nonlinear / bootstrap_modal.html
Last active October 11, 2015 15:47
bootstrap_modal
<!--
TODO:
1. add trigger: <button data-toggle="modal" data-target="#myModal">Trigger</button>
2. rename myModal id and trigger
OPTIONS:
for persistent modal, add data-backdrop="static" to trigger
-->
<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
@nonlinear
nonlinear / gist:3881955
Created October 12, 2012 22:23
Bootstrap: Button with dropdown
<div class="btn-group">
<a href="#" class="btn">%|</a>
<a class="btn dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">[First Choice]</a></li>
<li><a href="#">[Second Choice]</a></li>
<li><a href="#">[Third Choice]</a></li>
</ul>
@nonlinear
nonlinear / bootstrap_tabs.html
Last active October 11, 2015 15:47
bootstrap_tabs
<ul id="tab" class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">[Title 1]</a></li>
<li><a href="#tab2" data-toggle="tab">[Title 2]</a></li>
<li><a href="#tab3" data-toggle="tab">[Title 3]</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="tab1">
<p>[Content 1]</p>
</div><!-- tab-pane -->
<div class="tab-pane fade" id="tab2">